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

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

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

Модальне вікно з смугою прокручування

Здрастуйте друзі! Останнім часом у читачів блогу проявився підвищений інтерес до створення і розширення функціоналу Модальних вікон. Зовсім нещодавно я спробував докладно розповісти, як вбудувати в модальний ротатор контенту (тексту), сподіваюся, у мене це вийшло.Сьогодні один з відвідувачів блогу помітив таку особливість, що якщо додати в модальний занадто багато тексту, то воно витягується по довжині і неможливо прокрутити вгору, щоб побачити весь текст цілком, так і кнопка закриття при цьому ховається за межі видимості, що само собою вже не є добре.

Створюємо блок навігації в стилі Акордеон

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

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

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

Спливаюча підпис до зображення при наведенні з допомогою CSS3

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

Список дозволених типів файлів для завантаження в WordPress

Всім доброго часу доби! Про те який популярний і чудовий движок для блогів WordPress я розпинатися не буду, хто в темі і так все знає і достоїнства , і недоліки. Для себе ж я відкрив його порівняно недавно, ну що таке три роки, борсання в блогосфері, так дрібничка.

Створюємо ефектні вкладки (таби) для сайту

Дана стаття більше не актуальна у звязку з тим, що в процесі застосування було виявлено ряд суттєвих помилок даного рішення. Щоб заповнити нарисовавшийся пробіл, замутив свою, більш легку і стабільну версію плагіна для створення вкладок (табів) Dm-tabs.js Зростає армія користувачів використовують для серфінгу в інтернеті різні мобільні пристрої: iPhone, iPad, мобільні телефони і т.

Використовуємо галереї Highslide на своєму сайті

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

Абсолютно круглі зображення з допомогою CSS

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

LiteMag — Проста у використанні журнальна тема для блогів WordPress

Продовжуємо знайомитись з останніми новинками, представленими на найпопулярнішій біржі шаблонів і тим ThemeForest. Сьогодні, представляю на ваш огляд чергову цікаву розробку від команди Bluthemes, дуже просту у використанні, журнальну тему для блогів WordPress під назвою LiteMag. Дивитися ДемоИзучить ДеталіLiteMag — проста журнальна тема WP з лінійки преміум-класу, упакована всім самим необхідним, забезпечена великим опціональним меню для налаштування загального дизайну та розширення функціоналу.

Робимо блоки з закругленими кутами без використання зображень

Давайте розглянемо спосіб створення і виведення блоку на сторінках сайту, не вдаючись до використання жодного графічного зображення. У цьому варіанті кожен піксель кута прорисовується за допомогою CSS.Тим самим зменшується час завантаження сторінки, так і редагувати параметри виведеного блоку досить просто. Подивіться як буде виглядати виводиться блок на прикладі:Дивитися ДемоТепер як завжди, розберемо, за рахунок чого досягається такий результат. По-перше, безпосередньо на сторінці теги або у файлі ваших стилів CSS, як у демо, пропишіть наступний код: .block_br {

Оформлення тексту з ефектами тіні, анімації та градієнта

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

Розкриваються блоки з прихованим змістом з допомогою CSS3

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

Онлайн генератор стартового HTML шаблону

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

Чистий стиль меню за допомогою CSS3

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

3 Варіанти фонових текстур за допомогою градієнтів css3

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

Короткі URL від bit.ly для записів у WordPress

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

Enfold — Багатоцільова чуйна преміум тема WordPress

Продовжуємо знайомитися з найбільш популярними темами оформлення WP, представленими на біржі ThemeForest. Уявляю вашій увазі невеликий огляд багатоцільовий теми wordpress преміум класу Enfold Тема Enfold на протязі довгого часу впевнено тримається на верхніх позиціях в рейтингу найбільш популярних продуктів на ThemeForest, маючи більш 114,175 завантажень на сьогоднішній день. Досить красива тема з лаконічним інтерфейсом, що відрізняється високою гнучкістю в налаштуваннях, зручністю в роботі, а також великим набором інтуїтивно зрозумілих інструментів, завдяки чому розробка сайтів/блогів не потребує багато часу, а те що в обоймі теми «з коробки» є підтримка російської мови, неодмінно буде великою підмогою вітчизняним користувачам. ДемоМаркетБагато користувачі звернули свою увагу і зупинили свій вибір на теми Enfold, бо вона містить в пакеті PSD исходники, а з їх допомогою, як ви розумієте, набагато легше верстати, створити вже свій, унікальний шаблон.

Випадаюче меню javascript

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

Огляд дійсно корисних інструментів для розробників CSS

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

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

Час спорту

Космос