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

Безкоштовний міні-курс «Професійний сайт за 1 день»

26 лютого відбудеться реліз нового навчального відеокурсу — «Корпоративний сайт під ключ». Напередодні цієї події, щоб розігріти інтерес у всіх стражденних, мої колеги з команди WebForMySelf записали цікавий, а головне абсолютно безкоштовний міні-курс «Професійний сайт за 1 день».Цей міні-курс включає в себе 6 безкоштовних практичних уроків, вивчивши які, ви зможете професійно створювати сайти зі своєю системою управління контентом (CMS), за допомогою обєктно-орієнтованого програмування на PHP. У всіх уроках нічого зайвого, тільки практика, тобто абсолютно з нуля, крок за кроком, ви навчитеся створювати повноцінну систему управління контентом (CMS), яка буде включати в себе налаштовувану частина – звичайний сайт та адміністративну панель, яка дозволяє редагувати вміст сайту. Урок 1.

Чорні іконки російських соціальних мереж

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

Ефект пульсації при кліці з допомогою CSS3 і jQuery

Матеріальний дизайн (Material Design) від компанії Google, в якому анімації не просто пожвавлюють інтерфейс, але і представляють користувачу, що відбувається. Чарівні ідеї про тривимірному просторі не залишили байдужими більшу частину спільноти веб-розробників і дизайнерів всіх мастей. Фрейморки використовують принципи матеріального дизайну виходять у світ одне за одним і використовуються не тільки для уніфікації інтерфейсів додатків ОС Андроїд, але для розробки елементів інтерфейсу веб-сайтів. Багато фічі зі складу матеріального дизайну можна дуже навіть просто відтворити у себе на сайті і без підключення фреймворків.

Ротатор контенту в модальному вікні

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

Набір стилів css для створення кнопок

Пару місяців тому робив простенький шаблон на замовлення, використовував окремі елементи фреймворків LumX і Materialize. Зокрема LumX виділив в окремий набір класи для створення динамічних кнопок. Відсік все непотрібне(виключно для мене), розбавив шрифт-іконками від Font Awesome і вийшов цілком собі автономний, невеликий набір стилів, за допомогою якого можна швидко інтегрувати на сторінки сайту, досить симпатичні кнопки.Довго і докладно розписувати всі складові не буду, все гранично ясно, досить поглянути на сирці.

Набір правил CSS для формування повідомлень

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

Ефект печатающегося тексту за допомогою CSS3

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

Чуйні вкладки (таби) з переходом у акордеон jQuery & CSS3

У своїх статтях, я не раз звертався до теми створення вкладок(табів), що працюють з використанням бібліотеки javascript, jQuery, а так само розповідав і показував приклади реалізації вкладок виключно засобами CSS. Таби(вкладки), досить популярний компонент в середовищі розробників веб-сайтів, цей елемент включений до складу практично всіх відомих фреймворків, найчастіше вони однотипні і по дизайну, і по функціональним можливостям.Вимоги адаптивного дизайну диктують свої правила, по-цьому розробники намагаються всі елементи інтерфейсу і модульні компоненти веб-сайтів, різними способами підігнати під ці вимоги, і звичайно ж вкладки(таби) не виняток . В одній зі своїх статей розповідав про одне цікаве рішення створення адаптивних вкладок на CSS, без підключення javscript.

Допрацював стилі панелі посторінкової навігації

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

Webfonting — Відмінне розширення для підбору шрифтів на сайті

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

Онлайн-сервіси для визначення плагіату

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

Зручний онлайн генератор значень властивостей CSS3

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

Створення кнопок за допомогою CSS, HTML без javascript

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

Меню «акордеон» на основі jQuery, CSS

Всім знову привіт. Давно не звертався до розробки меню для веб-сайтів, а технології не стоять на місці, та й наш допитливий розум не дає спокою. У коментарях до запису про спосіб створення Меню «Акордеон» без javascript і зображень мене запитували, як зробити таке меню з відкриттям посилань при наведенні, а при натисканні на пункт меню.

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

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

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

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

Фон у вигляді шахової дошки на чистому CSS3

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

Storefront — Нова безкоштовна тема для WordPress

Уявляю вашій увазі нову, абсолютно безкоштовну тему WordPress від команди Woothemes, яка відмінно підійде для організації багатопрофільних WooCommerce проектів. Storefront побудована на основі популярної стартовою темі UNDERSCORES (використовується для багатьох тем на WordPress.com), має гнучкий, адаптивний макет, вкладену динамічну grid-систему(сітку) і SEO-оптимізовану розмітку. ДемоСкачатьДизайн теми Storefront, за замовчуванням простий і зрозумілий — ідеальна відправна точка, виходячи з якої, ви зможете налаштувати свій магазин, у відповідності запропонованого товару, з допомогою стандартного WordPress настроювача або власних плагінів, дочірньої теми, або прямого редагування цілком зрозумілого вихідного коду.Оновлення мають першорядне значення для будь-якого сайту електронної комерції.

Стиль контактної форми CSS

Всім доброго дня чи ночі, це вже кого як вставило.Сьогодні, ми разом з вами, шановні читачі, розглянемо спосіб створення контактної форми для сайту. Звичайно, цього добра валом навалено, на будь-який смак і колір, варто лише не полінуватися і гарненько пошукати, але мене насамперед цікавить сам процес, нові і цікаві рішення.Контактна форма є невідємною частиною практично будь-якого веб-сайту, будь то маленький бложок нагадує міжсобойчик, або ж наворочений різними прибамбасами, монстроподобный інтернет — ресурс типу Яші. Нічого радикального не пропоную, всього лише ще один варіант оформлення контактної форми.

Бонуси від Envato за листопад 2014

Щомісячний пакет безкоштовних продуктів, що надається всім своїм зареєстрованим користувачам, найбільшою біржею торгових майданчиків Envato. Продовжуємо огляд бесплатностей від Envato. У листопаді нас порадували традиційним набором, у цьому останньому місяці осені, вільний доступ представлений багатоцільовий односторінковий шаблон Html, набір тематичних іконок, перелистываемая книга на flash, 3 види анімації для логотипів, традиційний аудіо трек фонової музики, 3d-модель дивана(а що, комусь теж нуна), комерційний js і фотографія аудіо мікшера.

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

Час спорту

Космос