Додому Блог Сторінка 2

Анімовані підказки для елементів тексту і посилань з допомогою властивостей CSS3

Доброго дня всім! Підказки для посилань, або ж елементів тексту завжди виглядають привабливо, так і користувачеві підказки часом полегшують розуміння того що він взагалі хоче отримати відвідавши той чи інший сайт.

10 Нових преміум тем для блогу WordPress ( листопад 2014 )

Продовжуємо, який вже став традиційним, огляд новинок з величезної колекції, найбільшої біржі тем оформлення wordpress, торговельної площадки ThemeForest. Я відібрав десятку найцікавіших, на мій погляд, розробок тем оформлення для блогів WordPress, представлених в перших числах листопада 2014.

Новий Відеокурс — Майстер веб-дизайну 2.0

Уявляю вашій увазі новий авторський відеокурс Олексія Захаренко, в якому йтиметься про створення «дизайнів» для ваших сайтів. Отриманий досвід, який ви зможете використовувати для реалізації своїх фантастичних ідей. Погодьтеся, коли ми потрапляємо на «страшненький» сайт, який виглядає так, наче його зробив першокласник, то ніщо не змусить нас затриматися на ньому і вже тим більше зареєструватися, або додати в закладки.

Плагін Configure SMTP — вирішення проблем з відправкою листів в WordPress

Не часто пишу про WordPress, так як про нього пишуть практично всі і багато, мабуть так діє цей движок на народ, подібно епідемії. Ось і мене зачепила зараза, і все із-за виниклої проблеми з доставкою листів через WP.

10 Уроків по створенню відмінних меню навігації для ваших веб-сайтів

У своїй роботі, чимало часу приділяв розробці різних видів меню навігації для сайтів, як із застосуванням jQuery, так і використовуючи чистий стиль CSS3 без додаткових зображень і підключаються javascript.

CSS3 Генератор кнопок для сайту

Доброго Дня Всім! Хто не стикався з підбором кнопок для свого проекту? Та напевно кожен, хто хоч що-небудь робив сам у web-розробки і зокрема працював над оформленням свого сайту або блогу. Кнопки,кнопочки,кнопищи, вони деколи буває потрібні різні і за кольором, і за формою. Кожен раз копирсатися в коді і вымучивать який-небудь стиль граючи з параметрами CSS — заняття звичайно захоплююче і корисне в плані самоосвіти, але іноді треба швидко і красиво оформити кнопку для сторінок сайту, от саме для цього і створюють народні умільці різного виду генератори.

Вертикальний текст — це просто!

Найпростіший спосіб розгорнути текст вертикально за допомогою CSS. Напевно, багато хто з вас зустрічали на сторінках сайтів таку фішку, як розгорнутий текст вертикально. Зрозуміло що банальний перенесення рядків з використанням тега , додаючи його після кожної букви, в даному випадку не спрацьовує.

Чуйний акордеон з допомогою jQuery

Представляю на ваш розгляд черговий варіант блоків з прихованим змістом в стилі вертикального «акордеона», плавно розкривних по кліку. В інтернеті можна легко знайти чимало цікавих рішень по створенню «акордеонів», як горизонтальних так і вертикальних.

Безкоштовні роздачі від Envato в серпні 2015

Чергова порція безкоштовних ресурсів від торгової площадки EnvatoMarket надана для вільного скачування в серпні місяці 2015 року. Давайте разом пробіжимося по всім продуктам, якими з панського плеча, порадували буржуїни своїх користувачів на цей раз. Як завжди, халявний набір складається з 8-і продуктів для веб-розробки, дизайну та програмування.

Упакований шаблон сайту — RESPECT

Знайома всім ситуація, коли ви перелопачуєте десятки сервісів з наборами безкоштовних шаблонів html/css для сайту, в пошуках того єдиного, який підійде за всіма параметрами і буде відповідати вашим запитам. Найчастіше таке не можливо, безкоштовність шаблону рідко передбачає його повну доопрацювання, укомплектованість варіантами сторінок і іншими елементами веб-сайту.

Настройка розмірів текстового поля з допомогою CSS

При додаванні текстового поля створеного через тег на окрему сторінку або запис, в сучасних браузерах за замовчуванням присутній ледве помітний куточок з допомогою якого мишею користувачам надається можливість змінити розміри поля вводу.

Безкоштовний онлайн сервіс для швидкого обміну файлами до 50 гб

Всім нам вже добре знайомі різні хмарні сховища файлів, Dropbox, Google Drive, Яндекс.Диск і т. д. Дуже зручні і потрібні сервіси для надійного зберігання файлів, але іноді виникає потреба швидкого обміну файлами великого розміру, а місця в «хмарних коморах» недостатньо, або ж вони зовсім відсутні у вашій обоймі інструментів «супер-пупер» користувача інтернету. Ось тоді то і приходять на допомогу такі чудові сервіси, як DropMeFiles, за допомогою якого ви запросто зможете відправляти відео, або передавати файли великого розміру (до 50 гб).Інтерфейс сайту DropMeFiles простий для сприйняття і використання, жодної зайвої води, все заточене на швидку роботу і, що дуже радує, сайт повністю російською, з можливістю перемикання на англійську.

WordPress-Професіонал — Новий відеокурс від команди WebForMySelf

Представляю вам унікальний, навчальний матеріал від Андрія Кудлая, автора проекту WebForMySelf, новий відеокурс «WordPress-Професіонал», реліз якого відбувся 29 жовтня 2014 року. Відеокурс «WordPress-професіонал» розкриває багато, якщо не все, секрети та нюанси API WordPress, завдяки чому движок WordPress для вас стане відкритим, і ви зможете працювати з ним на професійному рівні.В результаті вивчення курсу, ви по-справжньому дізнаєтеся WordPress, освоїте принципи роботи з величезним функціоналом, який пропонує API WordPress, навчитеся створювати власні розширення (плагіни і віджети), які будуть працювати з будь-якою темою WordPress. Свого часу видавництво WebForMySelf випустило відмінний курс «WordPress-Майстер: від Особистого блогу до Преміум шаблону», який відразу ж став бестселером, здійснив прорив у свідомості людей, продемонстрував високу якість, повноту і масштабність яких торкається тем. Після такого успіху і на прохання стражденних, хлопці з WebForMySelf, вирішили не зупинятися і створили новий, революційний курс, який закриває 90% питань, що хвилюють веб-майстрів, щільно працюють з WordPress.В курсі детально, без зайвої води, розібрані три основні, глобальні теми: API Плагінів.

Акордеон на чистому CSS3 — експерименти тривають

Існує багато цікавих рішень і можливостей для створення ефектних, компактних блоків з вмістом, виконаних у стилі «Акордеон». Самий надійний в плані адекватної обробки і підтримки всіма браузерами, і напевно через це найпопулярніший спосіб, це кроссбраузерное рішення засноване на jQuery.Не залишаю спроби знайти життєздатний прийом реалізувати простий анімований акордеон, з гідним функціоналом і оформленням, виключно засобами CSS3, без підключення javascript і додаткових зображень.Що стосується формування зовнішнього вигляду блоків в стилі «акордеон» на чистому CSS3, з цим проблем вже не виникає, як і раніше не вдається привчити деякі майкрософтовские дітища (IE8 і нижче) до розуміння псевдокласу :target. Використання псевдокласу :hover дало певні позитивні результати при створенні кроссбраузерноо варіанту «акордеона», весь розклад розписав раніше в статті «Кросбраузерність Акордеон з допомогою CSS3».

Плагін WP Smush.it — оптимізація зображень у WordPress

Організовуючи блогу на движку WordPress, звичайно ж постало питання про зменшення розміру завантажуваних зображень з мінімальною втратою якості. WordPress як система управління блогом багато в чому чудова, але аж надто заклопотана і вимагає витрат ресурсів сервера.

Фіксовані підписи до зображень

Висновок підписів до зображень можна організувати по-різному, наприклад використовуючи різні hover-ефекти (спливаючі підпису, підказки, плавні переходи, трансформація, ротація, збільшення, зміщення і т.

Ефект прозорості для зображень при наведенні з допомогою CSS3

Як оригінально оформити зображення в момент взаємодії з користувачем? Тобто як-то цікаво виділити картинку при наведенні на неї покажчика миші. Технічних рішень цієї задачі достатньо і вони розписані до найдрібніших подробицях.

Shore — Багатоцільова креативна тема WordPress

Shore — є потужним і легко настроюється інструментом для сайтів і блогів працюють на движку WordPress. Криативная, багатоцільова тема, яку ви можете використовувати для організації, як односторінкового, так і, звичного всім, багатосторінкового макету сайту/блогу. В розпорядження користувачів представлений візуальний конструктор сторінок включає в себе за замовчуванням більше 40 різних елементів + 20 спеціально створених дизайнерських рішень для цієї теми.

Ще один відмінний веб-генератор CSS3

Доброго дня всім! Літо на дворі, і відповідне настрій, бажання експериментувати і колупатися в яких би то не було кодах, часом відбиває геть. Саме час, веб-розробникам всіх мастей, поповнити свої обойми онлайн-інструментів. Сьогодні хочу познайомити вас, шановні мої читачі, з ще одним корисним ресурсом, який, безсумнівно, стане в нагоді багатьом веб-дизайнерам, вивільнить чимало часу в роботі з CSS і дозволить зосередитися на інших, важливих напрямках дизайну.

15 Адаптивних jQuery плагіни Lightbox

Багато разів робив огляди різних галерей зображень, зібрав велику колекцію ефектні слайд-шоу і лайтбокс-плагінів. Є в скарбничці і Lighbox виключно на CSS3, без підключення додаткових js-бібліотек. Але час не стоїть на місці, користувачі все частіше використовують для серфінгу інтернету різні мобільні пристрої, а значить адаптивність веб-елементів і зокрема фото-галерей з ефектом «лайтбокс» стає одним з пріоритетів, на який веб-дизайнерам і розробникам варто звертати увагу.Уявляю чергову підбірку з 15 адаптивних jQuery плагіни Lightbox, які дружать, як з десктопними браузерами, так і відмінно вписуються в екрани різних мобільних пристроїв ( ноутбуки, смартфони, планшети тощо).Дивіться демо на сайтах розробників, скачивайте вподобаний плагін та творіть, творіть, творіть...1.

Навколишній світ

Час спорту

Космос