Tag Archives: link

Как рисовать треугольники на чистом 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/

Сборник скринкастов по node.js на русском

от Ильи Кантора — http://learn.javascript.ru/nodejs-screencast. Я к этому товарищу отношусь без особого пиетета, да и с дикцией у него не так хорошо, но для начального уровня — вполне неплохо.

Простой подход к реализации responsive design

Описано, как сделать сетку с использованием media queries. http://www.adamkaplan.me/grid/

Node.js: конвертация buffer в строку

Делал proxy на Node.js. Некоторые типы ответов сервера мне нужно было парсить и подменять небольшие кусочки. Создаю всё функцией

function makeProxy(req, res, cb)
{
	delete req.headers.host;
	delete req.headers['accept-encoding']; // to prevent gzipping data on api server
	var options = {
			hostname: apiHost,
			port: 80,
			path: req.url,
			method: req.method,
			headers: req.headers
		},
		proxy = http.request(options, cb || noop);

	proxy.on('response', function (proxyResponse) {
		fixCookies(proxyResponse.headers, apiHost);
		res.writeHead(proxyResponse.statusCode, proxyResponse.headers);
	});

	return proxy;
}

function makeProxy(req, res, cb)

{

delete req.headers.host;

delete req.headers['accept-encoding']; // to prevent gzipping data on api server

var options = {

hostname: apiHost,

port: 80,

path: req.url,

method: req.method,

headers: req.headers

proxy = http.request(options, cb || noop);

proxy.on('response', function (proxyResponse) {

fixCookies(proxyResponse.headers, apiHost);

res.writeHead(proxyResponse.statusCode, proxyResponse.headers);

});

return proxy;

}

Но тело ответа всегда приходит буфером. Много всякого читал, как вместо буферов принимать строки, пытался через промежуточный поток типа transform всё сделать (http://nodejs.org/api/stream.html#stream_class_stream_transform_1), но ничего не получалось. А потом случайно наткнулся на пост http://stackoverflow.com/questions/12121775/convert-buffer-to-utf8-string#comment31200460_12122668. Достаточно …

Вопросники для тестов по javascript

http://madebyknight.com/javascript-scope/ http://javascript.ru/test http://asenbozhilov.com/articles/quiz.html http://www.nczonline.net/blog/2010/02/16/my-javascript-quiz/ http://perfectionkills.com/javascript-quiz/ http://dmitry.baranovskiy.com/post/91403200 http://dmitrysoshnikov.com/ecmascript/the-quiz/ http://james.padolsey.com/javascript/another-javascript-quiz/ http://www.techrepublic.com/blog/software-engineer/javascript-interview-questions-and-answers/

Формирует css-стили прямо по psd

http://csshat.com/ — плагин для Photoshop

Стандарт ECMAScript-5.1

http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf

Brunch — ещё одна система тасков на node.js

Аналог grunt, но вроде быстрее — http://brunch.io/compare.html. Надо бы попробовать.