rgba.php: изящный и миниатюрный «костыль» обеспечивает обратную совместимость с браузерами, не понимающими полупрозрачные цвета rgba(…)

22:36 Рубрика: Web Development

Обеспéчение обратной совместимости rgba(…)

ещё никогда не было таким простым, как copy+paste:

background: url('/rgba.php/rgba(255, 255, 255, 0.3)');
background:                rgba(255, 255, 255, 0.3);

Код rgba.php на языке PHP, которым достигается этот восхитительно простой трюк, лежит на GitHub под лицензией MIT. Занимает всего-навсего 2658 байтов.

Автор — Lea Verou. Хвала ей!

Drupal. Пара ссылок.

23:02 Рубрика: Drupal

Уроки Drupal

Друпал {создание сообществ}

Ultimate CSS Gradient Generator

15:24 Рубрика: Web Development

cssgradientgenerator

 

Ultimate CSS Gradient Generator

Button Maker

15:21 Рубрика: Web Development

buttonmaker

 

Button Maker

 

 

Beautiful Buttons for Twitter Bootstrappers

15:06 Рубрика: Web Development

buttonsfortwitterbootstrappers

 

Beautiful Buttons for Twitter Bootstrappers

 

 

Бекап проекта в несколько строк

21:33 Рубрика: Ацкий одмин

Данное решение не является безопасной панацеей в решении вопроса сохранения бекапов проектов, которые находятся на продакшн, но вполне может помочь в решении тривиальных вопросов и на тестовых серверах.

Это решение частной задачи, без особых мыслей о безопастности.

С момента рождения замысла до реалзации прошло чуть более получаса.

Задача:
Есть файлы проекта и как правило — одна база.
Нужен один или два скрипта, которые автоматически делают бекап базы и файлов без различных авторизаций и на уровне http запросов.

Что имеем:
Ubuntu, Apache, MySQL.

Что умеем:
Perl.

Решение

Свобода от Views

21:30 Рубрика: Drupal

Views — очень классный модуль. Он позволяет сэкономить километр времени, когда нужно сделать простые сборные страницы. Но в нем иногда не хватает гибкости. Например, для темизации. Либо для построения нужной структуры адресов. Либо в случае, когда нужно сделать сложную логику какого-нибудь каталога. Не важно. Суть в том, что зачастую проще написать простой модуль, чем извращаться с Views и темизацией полей. (С таксономией та же ерунда, между прочим.)

Я хочу показать, как просто создавать сборные страницы (и не только) программно — через модули. Достаточно знать пару хуков. Снипеты, которые я приведу ниже, я сохранил себе в Эверноуте — очень удобно.

 

Далее

Bootstrap 2.0 – HTML+CSS+JS UI фреймворк

17:26 Рубрика: Web Development

bft

 

Вышла новая версия офигительного UI фреймворка от Twitter — Bootstrap 2.0 Для тех кто не в курсе что это, настоятельно рекомендую ознакомиться. Этот набор позволяет создавать отличные шаблоны сайтов за считанные часы (проверено на собственном опыте) на основе готовых элементов и экономить килотонны нервов на адаптации кода под разные браузеры.

Особенности Bootstrap:

  • Полный набор компонентов в виде стилей и анимаций поведения для элементов интерфейса
  • Поддержка возможностей HTML5, CSS3 (но при этом работает и в IE7!)
  • Поддержка идеологии 940-пиксельной сетки
  • Поддержка идеологии fluid-grid
  • Кросплатформенность — наборы стилей для десктопных и мобильных браузеров
  • Возможность кастомизации и добавления собственных стилей
  • Возможность добавлять jQuery плагины


Мастхэв для верстальщиков и проектировщиков интерфейсов!

 

(c)

Наборы инструментов Bootstrap для создания web-приложений

22:09 Рубрика: Web Development

bootstrap


HTML KickStart

Bootstrap от Twitter

Fbootstrapp

Simpliste

Foundation

Initializr

Google+ UI Buttons

TwBootstrap 2 github.com/twitter/bootstrap/tree/2.0-wip

 

More

Шрифт Web Symbols

21:37 Рубрика: Web Development

websymbols

 

У каждого дизайнера наступает момент, когда ему надоедает заново рисовать одинаковые элементы на сайтах. Например, иконки социальных сетей или стрелочки для галерей. Также, технологам надоедает каждый раз нарезать «гиф» или «пнг» одного и того же элемента.

Чтобы упростить себе эту работу мы решили сделать шрифт, в котором каждая буква — символ (как правило, часто используемый). Идея не новая, ведь есть Windings и другие похожие гарнитуры, но в них как всегда не хватает самого необходимого и достаточно много ненужного.

Шрифт очень удобен — он векторный, может быть любого размера, любого цвета и работает даже в IE7.

 

Далее