Author Archives: bullgare

Лоадер страницы на javascript

http://github.hubspot.com/pace/

Как рисовать треугольники на чистом css

Для треугольника, «смотрящего наверх»:

p {
	width: 0;
	height: 0;
	text-indent: -9999px;
	border-right: 80px solid transparent;
	border-bottom: 80px solid #f09;
	border-left: 80px solid transparent;
}

p {

width: 0;

height: 0;

text-indent: -9999px;

border-right: 80px solid transparent;

border-bottom: 80px solid #f09;

border-left: 80px solid transparent;

}

JS Bin http://blog.michelledinan.com/08/2012/drawing-triangles-with-css/ Вот тут много разных использований border-ов — https://blog.bullgare.com/2015/06/%D1%84%D0%B8%D0%B3%D1%83%D1%80%D1%8B-%D0%BD%D0%B0-css-borders/

Онлайн конвертер картинок в base64

http://www.askapache.com/online-tools/base64-image-converter/ Вот ещё альтернативы: http://www.motobit.com/util/base64-decoder-encoder.asp (upload) http://www.greywyvern.com/code/php/binary2base64 (from link with little tutorials underneath) http://base64img.com — realtime HTML5 conversion of images to Base64 http://datauri.net — automatically embeds data URIs in CSS files. supports multiple files / drag & drop

Убийца Photoshop для mac

http://bohemiancoding.com/sketch/

Сервис для работы с .psd от Adobe

https://projectparfait.adobe.com/ Бесплатный. Жаль только не умеет .png от Fireworks

Git reset

Все виды команды git reset. Удалить всё лишнее, включая незакоммиченные изменения

# Clear working directory tree from all changes
$ git checkout -f HEAD

1 2	# Clear working directory tree from all changes $ git checkout -f HEAD

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

# Reset the latest commit, and leave the changes in the index
$ git reset --soft HEAD^

1 2	# Reset the latest commit, and leave the changes in the index $ git reset --soft HEAD^

Откатить последний коммит и убрать файлы из гита (т.е. нужно будет сначала сделать git add .)

# Reset the latest commit, and leave the changes in the working directory
$ git reset HEAD^

1 2	# Reset the latest commit, and leave the changes in the working directory $ git reset HEAD^

…

Как работать с bower

Тут первые 15 мнут рассказывается про то, как внедрить в проект bower http://youtu.be/1rz334A8U7o

AngularJS: таймеры и одностраничные приложения

Иногда бывает нужно делать какие-то действия по таймеру, иногда даже постоянно. При переходе на экран в соответствующем контроллере стартует функционал, связанный с периодичными действиями (таймауты или интервалы, которые, конечно же, лучше никогда не использовать). При уходе на другой экран надо не забыть очистить таймеры, чтобы не было утечек памяти и ненужных запросов к серверам или …

Библиотеки для обработки javascript-ошибок

Позволяют делать обработку ошибок кроссбраузерно (поддержка старых версий браузеров). Дают нормальные стеки в различных ситуациях. stacktrace.js TraceKit Zone.js — не совсем для работы с ошибками, но и это умеет тоже. Говорят о них немного подробнее тут — http://youtu.be/4Tys-VuBPgo?t=24m24s

Обрамление произвольного текста полосками слева и справа

Хочется сделать как-нибудь так: Но для произвольного текста.