Прелоадер – важный элемент сайтов, особенно тяжелых, с большим количеством фотографий и посадочных страниц. Использование стильного прелоадера позволит избежать раздражения посетителей сайта, вызванного длительной загрузкой. Читать далее
Отображение похожих записей является отличным способом задержать читателей на вашем блоге, и этот урок поможет вам, достичь всего этого! Есть много различных плагинов для похожих записей, однако я не мог найти тот плагин, который подошел бы именно мне. После этого я перерыл массу информации, и вот что я нашел: необходимый (в последствии это помогло мне Читать далее
Мне часто приходится использовать
Select Box (
<select>) при создании формы с наличием выпадающего списка. Мне потребовалось время, чтобы выяснить, как легко и просто можно задать стиль
Select Box-а с использованием лишь
CSS, поскольку некоторые части зависят от браузера, например, выпадание вниз и не редактируются стандартным набором стилей.
Так выглядит
Select Box по умолчанию:
Выбор Читать далее
Было время, когда единственным способом заставить элемент или изображение выцвести (
fade) было использование только
JavaScript/jQuery. Времена меняются и обновляются технологии, сейчас многие сайты бурно используют
CSS3. С
CCS3 вы легко сможете создать эффект выцветания (
fade), не прибегая ни к чему, кроме небольшого количества
CSS.
Давайте начнём с текстового элемента, на котором будем испытывать Читать далее
Одна из распространенных проблем при создании базового дизайна сайтов для мобильных телефонов – это навигационное меню. Если сайт имеет множество разделов и страниц, то это должно вас заставить задуматься, о том, чтобы сделать меню компактным, наиболее сжатым, но в то же время функциональным и эффективным. Вероятнее всего, меню у вас может получиться либо в несколько Читать далее
Я уверен, что многие используют мета-тег Viewport для масштабирования дизайна, но знаете ли вы, что этот тег также может быть очень полезен для мобильных устройств? Если у вас нет времени, чтобы преобразовать ваш проект, тем не менее, вам следует прочитать эту статью о том, как использовать тег Viewport для улучшения внешнего вида вашего проекта на Читать далее
Друзья, сегодня открываю новую категорию Уроки CSS. И первая статья будет о Responsive design, адаптивном дизайне, который сейчас так часто используется во многих шаблонах WordPress.
Обычно, чтобы создать структуру столбцов, нужно добавить первые или последние классы для того, чтобы сбросить расстояние отступов и сдвиг. Сегодня я поделюсь очень простым приемом в CSS, который позволяет создать Читать далее