Открыть меню    

Полезные приемы при проектировании адаптивного сайта

Полезные приемы при проектировании адаптивного сайта

Ниже приведены полезные приемы, которые пригодятся вам при проектировании адаптивного (или, что более верно, отзывчивого) сайта. В статье затронуты следующие важные нюансы полезные для адаптивного сайта: медиазапросы (характеристики устройств), гибкие изображения, поведение полей и отступов, дополнительно говорится о высоте, описывается как использовать медиазапросы в браузерах от IE(6-8), приведено краткое описание использование мета-тега viewport.

Читать полностью
Звездный рейтинг на  CSS

Звездный рейтинг на CSS

Звездный рейтинг один из тех, скажем, блоков, который каждый использовал в том или ином проекте. У меня была идея создать ту часть, которая взаимодействует с пользователем, при очень небольшом коде и без JavaScript.

demo Читать полностью
Единицы измерения длины в CSS

Единицы измерения длины в CSS

Существует несколько свойств в CSS, которые принимают длину (или расстояние) в качестве значений. К этим свойствам относятся свойства блочной модели: width, height, margin, padding, border. Но существуют и другие свойства, например, смещение и размер тени у свойства box-shadow или размер или интервал шрифта. Какие единицы измерения «длины» принято использовать в CSS?

demo Читать полностью
Полосатый hover-эффект на CSS3

Полосатый hover-эффект на CSS3

Для больших демонстрационных блоков в дизайне от uniqli.com используется "полосатая" анимация: при наведении мышки на блок проявляется череда сменяющихся полосок. На мой взгляд, замечательный эффект.

Читать полностью