HZ-labs

// Декорируем фиксированные по высоте блоки
@mixin _decorate($img, $tailTop) {
  background-image: image-url($img);
  background-repeat: no-repeat;
  position: absolute;
  width: 50%;
  height: image-height($img);
  top: 0;
  @if $tailTop != 0 {
    margin-top: -$tailTop;

HZ-labs

{
    "color_scheme": "Packages/User/textmate-solarized/Solarized (Dark).tmTheme",
    "default_line_ending": "unix",
    "dictionary": "Packages/Language - English/en_GB.dic",
    "draw_white_space": "selection",
    "find_selected_text": true,
    "font_face": "menlo",
    "font_size": 12,
    "highlight_line": true,

HZ-labs

;; http://lispyscript.com
;; LispyScript example using nodejs, expressjs and twitter bootstrap
;; LispyScript templates are written in LispyScript!
;; Html5 templates support all html5 tags

;; The express server

(var express (require "express"))
(var app (express))
(app.listen 3000)

HZ-labs

HZ-labs

ּ_בּ
בּ_בּ
טּ_טּ
כּ‗כּ
לּ_לּ
מּ_מּ
סּ_סּ
תּ_תּ
٩(×̯×)۶
٩(̾●̮̮̃̾•̃̾)۶

HZ-labs

/*
	Ratings Stars
	(with as little code as possible)
*/
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
  font-size: 45px;
}

HZ-labs

Backend Development

• node.js
  • Installation paths: use one of these techniques to install node and npm without having to sudo.
  • Node.js HOWTO: Install Node+NPM as user (not root) under Unix OSes
  • Felix's Node.js Guide
  • Creating a REST API using Node.js, Express, and MongoDB
  • Node Cellar Sample Application with Backbone.js, Twitter Bootstrap, Node.js, Express, and MongoDB
  • JavaScript Event Loop
• Node.js for PHP programmers

HZ-labs

The BBC has a server-side image service which provides developers with multiple sized versions of any image they request. It works in a similar fashion to http://placehold.it/ but it also handles the image ratios returned (where as placehold.it doesn't).

The original BBC News process (and my re-working of the script) follows roughly these steps...

• Create new instance of ImageEnhancer
• Change any divs within the page (which have a class of delayed-image-load) into a transparent GIF using a Base64 encoded string.
  • We set the width & height HTML attributes of the image to the required size
  • We know what size the image needs to be because each div has custom data-attr set server-side to the size of the image
  • We then set a class of image-replace onto each newly created transparent image
• We use a 250ms setTimeout to unblock the UI thread and which calls a function resizeImages which enhances the image-replace images so their source is now set to a URL whe

HZ-labs

/* Pounding heart animation */

@keyframes pound {
	to { transform: rotateY(180deg); }
}

.heart {
	display: inline-block;
	font-size: 150px;
	color: #e00;

HZ-labs

/**
 * The first commented line is your dabblet’s title
 */


.t1 {
	width:100px;
	height:100px;
	background: #444;
	color: #fff;