Прежде всего поздравляю всех читательниц с прошедшим 8 марта. Счастья вам, успехов и, самое главное, побольше любви, особенно взаимной =).
Сегодня я хочу поделиться с Вами собранной коллекцией всяких плюшек на HTML5 и CSS3. Я их раскидал по группам, так что каждый найдёт себе что-нибудь по вкусу. Итак…
Прежде всего скину несколько сайтов-помощников, которые помогают построить градиенты, закруглить углы, сделать тень и так далее.
Помощники для построение свойств CSS3
CSS3 MikePlate. На этом сайте можно опробовать всевозможные варианты работы с CSS3, включая box-shadow, transform, column-count, gradient и прочее.
OGA2 Gradient. А на этом сайте можно развлекаться исключительно с градиентами – строим то, что надо и получаем код.
ColorZilla Gradient Editor. аналог предыдущего сайта, только выполнено в стили фотошопа, есть в наличии пресеты, а код при всём при том заточен и под ишак.
Westciv Shadows. На этом сайте предоставляется возможность работать с text-shadow. Создаём текст, оформляем его, задаём сколько нужно теней и вуаля.
Эту страницу пущу отдельно. Josh Duck – Periodic Table. Она представляет собой "Периодическую" таблицу элементов HTML5, сделанную, как это ни странно, на HTML5. Помимо того, что стильно, так ещё и полезно – можно кратко прочитать для чего какой элемент нужен.
Интересные примеры
Tilt Shift. Одна из первых страничек, попавшихся мне на глаза. Любопытный пример изменения шрифта.
CSS3 Timer. Таймер на CSS3 отсчитывает часы, минуты и секунды.
CSS Boxs-Shadow Experiments. Сам сайт zurb.com кишит интереснейшими примерами на CSS3. Это ссылка на эксперименты с box-shadow. Вообще сайт на заметку.
Блог больше не ведётся. Большинство материалов имеют давнюю дату публикации, учите, что не всё является на сегодняшний день актуальным. Спасибо за внимание!
Меня зовут Александр, я веб-программист со стажем, автор ShuBlog'а, владелец/директор по развитию PetrogradWeb. Мы занимаемся разработкой и развитием сайтов, сервисом и приложений, также продвижением бизнеса в сети. alex [собака] petrogradweb [точка] ru
11/05/2012 at 16:31 Постоянная ссылка Цитировать
Спасибо.
Старался не зря.
11/05/2012 at 19:56 Постоянная ссылка Цитировать
Рад слышать! Спасибо =)