Архив метки: css3

Подборка бесплатных плагинов Photoshop для веб-разработчиков и дизайнеров

BlendMe.in – легкий доступ к иконкам

BlendMe.inСайт плагина: http://blendme.in/

Позволяет быстро вставлять в psd документы бесплатные иконки, поставляемые в оригинальном формате(растр, вектор, тп.)

Иконки в основном распространяются под лицензией Creative Commons Attribution 3.0 Unported License, что несомненно полезно при разработке и прототипировании сайтов.

CSS3PsСледующий плагин называется CSS3Ps. Суть проста – при нажатии генерирует CSS3 код для каждого выбранного слоя. Поддерживает тени, обводки, свечения, border-radius. Помимо CSS3 может также генерировать SASS/SCSS.
Сайт плагина: http://css3ps.com/

Bookmark and Share

Speech bubbles на CSS3

Отличное демо от Nicolas Gallagher по созданию speech bubbles на чистом CSS3 без использования дополнительных тегов.

Для изменения размера бордюра – применять манипуляции к border-width, left, top у элемента :after.

Крайне важно, чтобы у главного элемента был прописан стиль:

 UPD: Сервис для автоматического создания стрелок под блоками: http://cssarrowplease.com/

Bookmark and Share