HTML5 и CSS3 уже сегодня! Часть 2. Подборка интересных и практичных примеров

Прежде всего поздравляю всех читательниц с прошедшим 8 марта. Счастья вам, успехов и, самое главное, побольше любви, особенно взаимной =).

Сегодня я хочу поделиться с Вами собранной коллекцией всяких плюшек на HTML5 и CSS3. Я их раскидал по группам, так что каждый найдёт себе что-нибудь по вкусу. Итак…

Прежде всего скину несколько сайтов-помощников, которые помогают построить градиенты, закруглить углы, сделать тень и так далее.

Помощники для построение свойств CSS3

1. CSS3 MikePlate. На этом сайте можно опробовать всевозможные варианты работы с CSS3, включая box-shadow, transform, column-count, gradient и прочее.
2. OGA2 Gradient. А на этом сайте можно развлекаться исключительно с градиентами – строим то, что надо и получаем код.
3. ColorZilla Gradient Editor. аналог предыдущего сайта, только выполнено в стили фотошопа, есть в наличии пресеты, а код при всём при том заточен и под ишак.
   
4. Westciv Shadows. На этом сайте предоставляется возможность работать с text-shadow. Создаём текст, оформляем его, задаём сколько нужно теней и вуаля.
5. Border-Radius.com. Здесь, как уже ясно, работаем с border-radius.

Штуковина!

Эту страницу пущу отдельно. Josh Duck – Periodic Table. Она представляет собой "Периодическую" таблицу элементов HTML5, сделанную, как это ни странно, на HTML5. Помимо того, что стильно, так ещё и полезно – можно кратко прочитать для чего какой элемент нужен.

Интересные примеры

1. Tilt Shift. Одна из первых страничек, попавшихся мне на глаза. Любопытный пример изменения шрифта.
   
2. CSS3 Timer. Таймер на CSS3 отсчитывает часы, минуты и секунды.
3. CSS Boxs-Shadow Experiments. Сам сайт zurb.com кишит интереснейшими примерами на CSS3. Это ссылка на эксперименты с box-shadow. Вообще сайт на заметку.
   
4. CSS3 Social Icons. Иконки социальных сетей на CSS3.
   
5. Boxtuffs. Немногочисленные. но очень любопытные примеры. Что-то я в будущем даже упру к себе.

Скачать

1. CSS3 Buttons. CSS3 кнопочки
   
2. CSS3 Menu. CSS3 менюшечки
   

И напоследок несколько ссылок на любопытные сайты/страницы, идеи из которых являются хорошей пищей для ума.

Поглазеть

1. Nevermind The Bullets. Комикс на CSS3. Пожалуй лучший сайт на CSS3. Пользы от него мало, но нереально стайловый.
   
2. Webkit Clock. Часовые пояса на карте мира. Прикольная штука.
   
3. Ball Pool. Бассейн с шариками. Не сайт, а залипалово – сидишь и валяешь дурака.
   
4. CSS3 Design Contest Results. Ещё двадцак конкурсных интереснейших примеров от Smashing Magazine.

На сегодня всё! Всем удачи, скоро увидимся!

css3, html5

(голосов: 7, средний: 5.00 из 5)