Свежие уроки и инструменты CSS, HTML, jQuery

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


OnePageScroll.js: Создаем скроллинг как на сайте iPhone 5S

OnePageScroll.js: Создаем скроллинг как на сайте iPhone 5S

9 сентября 2013 года компания Apple анонсировала два новых айфона которые назвали iPhone 5S и iPhone 5C. Естественно для рекламы этих девайсов был создан великолепный сайт, интересной чертой которого стал скроллинг, потому что на этом сайте вы можете скролить сразу всю страницу. Этот прием стал очень популярным в веб-разработке и …


Очень креативный и интересный эффект для шрифта

Очень креативный и интересный эффект для шрифта

В этом уроке я постараюсь рассказать вам как создать анимированный 3D-эффект для текста с помощью CSS. Мы поиграемся со светом и тенями и создадим непревзойденный эффект объемности букв. Этот урок покажет, как вы можете внести немного жизни в обычный текст и немного развлечь пользователей вашего сайта используя CSS-трансформации и анимацию. …


Оригинальные и интересные выпадающие списки с помощью JavaScript и CSS

Оригинальные и интересные выпадающие списки с помощью JavaScript и CSS

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


Совершенно бесплатный набор иконок «Softies»

Most Colorful And Playful Icon Set

Довольно часто к нам поступают просьбы выложить на сайт побольше интересных и необычных наборов иконок. Мы стараемся выполнить вашу просьбу и представляем вам совершенно бесплатный набор чудесных иконок «Softies». Этот набор включает в себя 44 иконки размером 64, 128 и 256 пикселей. В наборе вы найдете не только иконки в формате …


Уютные пушистые иконки

Tha_Shag_Preview-tweet

Потихоньку время подходит к осени и холодам. И я думаю каждый дизайнер захочет внести немного уютности и мягкости в свой дизайн не смотря на тренды. Одним из таких способов может стать использование вот таких симпатичных пушистых иконок от компании Tha-icon. Всего за 5 баксов вы получите полный набор иконок соц …


Random User Generator — Генератор случайного пользователя

Random User Generator

Все мы прекрассно знаем что для отображения примерно текста в дизайне используется текст lorem ipsum и т.д. Но вот когда необходимы слуайные данные пользователя, приходится придумывать каких нибудь Сергеев Сергеевых, искать фотографию и т.д. что приводит к потере времени. Но вот недавно я наткнулся на удивительный сайт на котором вы …


Варианты дизайна списка товаров для вдохновения

Варианты отображения списка товаров для вдохновения

Я думаю любой веб-дизайнер при создании интернет-магазина сталкивался с проблемой отображения списка товаров. Эта тривиальная задача достаточно часто и на долго вводит в ступор многих профессионалов, ведь многое уже придумано. Реализовать что то новое, при этом угодить клиенту очень сложно. Тем более что нужно сделать не просто красивую сетку товаров, …


CSS Фреймворки и генераторы кнопок

Фреймворк Buttons

И снова всем привет! Кнопки уже давно являются неотъемлемой частью любого дизайна современного сайта. Но не всегда есть возможность придумать какую то оригинальную кнопку. В такое время на помощь приходят великолепные генераторы и разнообразные фреймоврки уже готовых кнопок на css. Сегодня мы рассмотрим самые популярные из них. Очень надеюсь что …


Как тестировать адаптивный дизайн?

Как тестировать адаптивный дизайн бесплатно?

Я думаю каждому веб-разработчику достаточно часто приходилось перетаскивать края браузера при редактировании каждого DOM элемента для того что бы проверить адаптивность вашего дизайна. Конечно это быстро надоедает и многие проекты так и не получают полной адаптивности. Конечно если вы работаете в крупной корпорации то в вашем распоряжении может оказаться достаточное …


Оригинальные эффекты наведения для ссылок

Оригинальные эффекты наведения для ссылок

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


следующая страница »