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

Подборка бесплатных плагинов 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

Dropzone.js – загрузчик картинок с помощью Drag’n’drop

Dropzone.js – загрузчик картинок с помощью HTML5 Drag-and-drop. Также позволяет грузить с помощью клика.

В FAQ описан способ отображение уже загруженных картинок на сервере. Однако при использовании этого способа следует учитывать, что файлы не появятся в массиве myDropzone.files.

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

Для изменения шаблона, по которому потом будет отображаться файл можно воспользоваться параметром previewTemplate, например:

И внутри HTML:

 

 

Bookmark and Share

Генератор тем для Twitter Bootstrap

Bootstrap magic – новый генератор тем для css фреймворка Twitter Bootstrap.

Позволяет визуально править переменные бутстрапа и экспортировать их в CSS или LESS файл, что значительно упрощает процесс верстки новых шаблонов.

Версия для bootstrap 2.x – http://pikock.github.io/bootstrap-magic/2.3.2/
Версия для Bootstrap 3 – http://pikock.github.io/bootstrap-magic/

Bookmark and Share

Список избранных WordPress plugin-ов

Список самых востребованных WordPress plugin-ов, подходящих почти под любой блог.

Akismet – плагин для фильтрации спам-комментариев. Для активации требуется Akismet API key.

Crayon Syntax Highlighter – подсвечник кода, поддерживает много языков и тем оформления.

Google XML Sitemaps – автоматический генератор Sitemap.xml для поисковых роботов.

Hansel & Gretel – хлебные крошки по микроформату http://schema.org/WebPage breadcrumb.

SEO Ultimate – полезный плагин для простого SEO. В дополнение к стандартным фишкам таких плагинов, имеет монитор 404 страниц.

Use Google Libraries – заменяет внутресайтовые jquery и пр. на Hosted by Google, что полезно.

W3 Total Cache – универсальный кеш-плагин. Умеет кешировать в memcache, apc. Требует внесения изменений в .htaccess.

WP-reCAPTCHA – reCaptcha для комментариев.

Yandex WebMaster – показывает инфу из Яндекс.Вебмастера на Dashboard WordPress-а.
Показывает немного, а как-то так:

Quoting index (tYC): 0
Pages in index: 37 (crawled: 80)
Your site was last indexed:2013-08-01T04:21:04 (103 hours ago).
Last update: 0 minutes ago.
Plugin access will be expired: 01 Feb 2014.

 

Яндекс.ПДС Пингер / Yandex Site search pinger – пингует Яндекс.Поиск по сайту. Официальный плагин от Яндекса собственно.

 

Bookmark and Share

Bootstrap – dropdown при hover

CWSpear/twitter-bootstrap-hover-dropdown – неплохой плагин для раскрытия dropdown при hover-е. Минимум кода-максимум пользы.
Можно не писать data-toggle, чтобы ссылки оставались кликабельными.
Единственный нерешенный вопрос – подсветка родительского меню, при наведении мыши на всплывающее меню. По идее решается простым ковырянием js плагина и навешиванием css класса, типа active или hover.

Поддерживает Twitter Bootstrap 3, поддержка bootstrap 2.x.x вынесена в отдельную git ветку.

Bookmark and Share

bash-prompt с показом ветки в git

Вот пример bash-prompt, показывающий текущую ветку git, если мы в папке репозитория

Работает это за счет стандартного функционала git-core – __git_ps1.

Выглядит это примерно так:

Screenshot on 2013-07-16 at 12.02.47

 

Также по теме можно почитать http://blog.jasonmeridth.com/2010/05/22/git-ps1.html и для Mac OS X https://github.com/marcelor/dotfiles/blob/master/git_ps1

Bookmark and Share

Subtle Patterns – коллекция бесплатных паттернов для сайта

Subtle Patterns – простой и понятный ресурс, предоставляющий немалый набор паттернов для использования в качестве фона сайта.

Есть возможность просмотреть фон прямо на сайте + версии для Retina Display.

На момент публикации предоставлено 348 экземпляров.

Bookmark and Share

Speech bubbles на CSS3

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

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

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

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

Bookmark and Share