Твит

Вы, как веб-дизайнер, постоянно ищете новые советы, инструменты и приемы для того чтобы сделать ваш сайт лучше, при этом не затрачивая много усилий и времени. И в этой статье я расскажу о таких инструментах и сервисах, которые облегчат вам жизнь как веб-дизайнеру.

К счастью, новые инструменты, сервисы, приложения и даже большие решения для веб-дизайнеров появляются на рынке практически ежедневно. Существуют также уже устоявшиеся сервисы, о которых большинство знает, но есть и те, которые появились относительно недавно.

Твит

На блоге постоянно нужны новые элементы. Но всегда лучшим способом привнести какую-то изюминку сайту - найти иконку и вставить ее, например, в меню или каждому элементу меню.

Но загрузка страницы, когда изображений действительно много, осуществляется не очень то и быстро. А ведь могла бы быть быстрее, будь это не изображение и простые html теги, красиво оформленные с помощью CSS.

И в этой статье я хочу рассказать каким образом можно создать иконку используя лишь CSS3.

Твит

Библиотека jQuery является очень мощной. С помощью jQuery можно создавать целые сайты. Но в этом уроке мы не будем этого делать, а рассмотрим всего лишь маленькую часть такой большой и мощной технологии.

И в этом уроке я расскажу как создать динамические перетаскиваемые блоки с помощью jQuery. Вы сможете перетаскивать данные блоки куда угодно.

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

С примером работы можно познакомиться на сайте.

Твит

Сейчас на сайте важно иметь такой дизайн сайта, который бы правильно отображался как на больших мониторах, так и на мобильных устройствах. Это значительно повышает посещаемость сайта, т.к. нет большого желания читать сайт, если шаблон его «разъехался»(блоки находятся не на своих местах) при маленьком разрешении например.

Пример шаблона можете увидеть на сайте. Можете его также увеличивать, уменьшать и вы увидите как он изменяется.

Твит

Появление технологии CSS3 позволило веб-дизайнерам представлять изображения в различных формах без использования jQuerу. И в этой статье я хотел показать вам простой способ оригинально оформить галерею с изображениями, при этом они будут еще и анимированными, и всё это без использования js-скриптов.

Пример галереи можно увидеть на сайте. Если нет желания разбираться в коде, можно взять исходники и просто заменить изображения.

Твит

Любой владелец сайта желает сделать сайт красивым и в это время легким, быстрым при загрузке. Так как это влияет на то, что пользователю не придется долго ждать. Иначе пользователь просто покинет данную страницу. Использование JS-скриптов явно не ускорит процесс загрузки сайта, поэтому их мы использовать не будем.

А в этой статье я расскажу как задать свои собственные стили для формы без использования js-скриптов.

Твит

Создавая дизайн сайта, хочется сделать то, что нет на других сайтах. Чтобы ваш сайт был уникальным. И это правильно. Ведь от того понравится ли ваш сайт пользователю, зависит в некоторой степени время проведенное на вашем сайте.

И одним из элементов, который можно сделать более интересным - является текст.

Из этого урока вы узнаете как придать интересный эффект тексту, который сможете применить у себя на сайте.

Твит

На улице 21 век. У всех на руках смартфоны. Уже почти не осталось людей, которые пользуются не сенсорными телефонами. И уже все так привыкли к выезжающим меню, что просто не представляют как могло быть иначе.

И сегодня мы создадим боковое меню, похожее на то, что в смартфонах. Оно будет иметь такую же функцию, как и в смартфонах. То есть оно будет плавно выезжать по клику и по клику также будет прятаться.

Твит

Сегодня я хочу показать вам, как использовать некоторые из удивительных возможностей CSS3 для создания анимированной трехмерной кнопки. Также 3D эффект сохраняется при нажатии.

Вы можете увидеть правильное отображение в браузере Chrome. К сожалению Firefox, например, не показывает последнее свойство(3D искажение).

Пример анимированной кнопки можно увидеть на сайте. А также понажимать демо-версию данной кнопки.

Твит

CSS3 начинает набирать всё большую популярность и всё больше браузеров начинают поддерживать данную технологию. То что раньше мы делали с помощью javascript(jQuery), легко можно сделать при помощи CSS3. А сегодня мы рассмотрим как создать анимированные вкладки на CSS3.

Пример анимированных вкладок можно увидеть на сайте. А также на сайте можно скачать архив с примером и адаптировать их для своего сайта.

Твит

3D в нашу жизнь входит с каждым днем всё больше и больше. Уже есть 3D игры, 3D фильмы и видеоролики, 3D изображения. Так почему же на вашем сайте создать эффект 3D для изображения.

В этом уроке я покажу как сделать иллюзию объемного изображения на CSS.

На самом деле это не объемное изображение, и здесь даже нет никаких свойств CSS3. Что очень важно, т.к. данное эффект будет одинаково показываться и старых браузерах. Данный метод разработал — Roman Cortes. С примером вы можете познакомиться на сайте, а также увидеть живой пример работы данного метода.