HTML, CSS, jQuery

RSS

Создаем прелоадер

Прелоадер – важный элемент сайтов, особенно тяжелых, с большим количеством фотографий и посадочных страниц. Использование стильного прелоадера позволит избежать раздражения посетителей сайта, вызванного длительной загрузкой. Читать далее

Похожие записи для каждого блога WordPress

Отображение похожих записей является отличным способом задержать читателей на вашем блоге, и этот урок поможет вам, достичь всего этого! Есть много различных плагинов для похожих записей, однако я не мог найти тот плагин, который подошел бы именно мне. После этого я перерыл массу информации, и вот что я нашел: необходимый (в последствии это помогло мне Читать далее

HTML, CSS: Делаем стильный тег Select Box с помощью CSS

Мне часто приходится использовать Select Box ( <select>) при создании формы с наличием выпадающего списка. Мне потребовалось время, чтобы выяснить, как легко и просто можно задать стиль Select Box-а с использованием лишь CSS, поскольку некоторые части зависят от браузера, например, выпадание вниз и не редактируются стандартным набором стилей. Так выглядит Select Box по умолчанию: Выбор Читать далее

CSS: Эффект выцветания (fade) картинок, текста или меню с помощью CSS3

Было время, когда единственным способом заставить элемент или изображение выцвести ( fade) было использование только JavaScript/jQuery. Времена меняются и обновляются технологии, сейчас многие сайты бурно используют CSS3. С CCS3 вы легко сможете создать эффект выцветания ( fade), не прибегая ни к чему, кроме небольшого количества CSS. Давайте начнём с текстового элемента, на котором будем испытывать Читать далее

HTML, CSS, jQuery: Меню для мобильных сайтов. Обучение

Одна из распространенных проблем при создании базового дизайна сайтов для мобильных телефонов – это навигационное меню. Если сайт имеет множество разделов и страниц, то это должно вас заставить задуматься, о том, чтобы сделать меню компактным, наиболее сжатым, но в то же время функциональным и эффективным. Вероятнее всего, меню у вас может получиться либо в несколько Читать далее

HTML: Viewport мета тег для не адаптивного дизайна сайта (non responsive design)

Я уверен, что многие используют мета-тег Viewport для масштабирования дизайна, но знаете ли вы, что этот тег также может быть очень полезен для мобильных устройств? Если у вас нет времени, чтобы преобразовать ваш проект, тем не менее, вам следует прочитать эту статью о том, как использовать тег Viewport для улучшения внешнего вида вашего проекта на Читать далее

CSS: Адаптивные структуры столбцов или Responsive design

Друзья, сегодня открываю новую категорию Уроки CSS. И первая статья будет о Responsive design, адаптивном дизайне, который сейчас так часто используется во многих шаблонах WordPress. Обычно, чтобы создать структуру столбцов, нужно добавить первые или последние классы для того, чтобы сбросить расстояние отступов и сдвиг. Сегодня я поделюсь очень простым приемом в CSS, который позволяет создать Читать далее

vk_like_site