Конвертируем SVG в PNG на Mac OS X

qlmanage -t -s 1000 -o . test.svg

В результате рядом с svg файлом получим test.svg.png с шириной 1000px

Рубрика: Хелперы | Метки: , , | Комментариев нет

Интересный hover-эффект

See the Pen Hover Animation from UNIQLO by Chris Coyier (@chriscoyier) on CodePen.

Рубрика: html & css | 2 комментария

Полезные штуки для Twitter bootstrap

Офигенная подборка находится тут www.bootstraphero.com

Рубрика: html & css, jQuery | Метки: | Комментариев нет

Isotope — pinterest style javascript library

Если вы тащитесь от интерфейсов аля-пинтерест и хотите себе так же забацать – вам поможет библиотечка Isotope

Рубрика: Полезные ссылки | Комментариев нет

5 способов сверстать треугольник

Вам какой способ по душе? www.red-team-design.com/how-to-create-triangle-shapes

Рубрика: html & css | Метки: , , , | Комментариев нет

«Читать далее» в кастомных постах wordpress

«Распробовал» тут Custom Post Type в wordpress.

Но при выводе в шаблон

<?php the_excerpt(); ?>

столкнулся с тем, что нифига оно по <!— more —> не обрезается.

Решение нашлось Читать далее

Рубрика: wordpress | Метки: , , | Один комментарий

Неплохой сервис подбора цветов colllor.com.

Указываешь ему один цвет, а он подбирает еще похожие.

Опубликовано автором Дима | Комментариев нет

Inner text shadow with CSS

Нашел отличное решение как сделать тень внутри текста:

Читать далее

Рубрика: html & css | Метки: , | 5 комментариев

$.uniform.update() не срабатывает

Есть такая чудная библиотечка – Uniform. Позволяет она кастомизировать всяческие чекбоксы, селекты и прочие элементы форм.

Столкнулся тут с одной проблемой: на странице динамически подгружается форма. Разработчике в этом случае предлагают использовать $.uniform.update(), мол библиотека пройдется заново по элементам и приделает красивости. А вот фиг, у меня не сработало.

Проблема решилась таким способом:

$('#dialog').load(url + ' #forload', function() {$('#dialog').find('select').uniform()})
Рубрика: html & css, jQuery | Метки: , | Один комментарий

Вставка виджета ВКонтакте в шаблон ShopScript

Для вставки виджета вконтактика в шаблон ShopScript используем {literal} для обрамления кода, иначе всё что между {} будет вырезано

{literal}
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, API_ID);
{/literal}
Рубрика: html & css | Метки: , | Комментариев нет