JiLiZART

Using Pseudo Elements for Input Styling

On supported browsers, the pseudo elements can be used to style the inputs for checkbox/radio for their checked and unchecked states while still providing a functional fallback for browsers that don't support input styling without doing weird resets. Most notable issue is pseudo elements not existing for inputs on firefox. Check it out in Chrome & Safari.

A Pen by Alex Bergin on CodePen.

License.

JiLiZART

        ###
        # Retina images handler
        ###
        if ($http_cookie ~* "isRetina=1" ) {
                set $isRetina "retina";
        }

        location ~ ^/bundles/(.*)-retina\.png {
                try_files /bundles/$1-retina.png @retinaFallback;
        }

JiLiZART

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

JiLiZART

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

---

JiLiZART

<?php

/**
 * Class EActiveRecordAsArrayBehavior
 * @method CActiveRecord getOwner()
 */
class EActiveRecordAsArrayBehavior extends CActiveRecordBehavior
{

	/**

JiLiZART

<div class='button'>
  <div class='iphone'><div class='knob'></div></div><center><span>Available on the <h2>App Store</h2></span></center>
</div>
<h1 class='price'>$9.00</h1>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>

JiLiZART

Code

  jQuery.expr[':'].contains = function(a,i,m){
      return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0;
  };
  

Usage

JiLiZART

<script src="js/somefile.js?option=1,option2,option3"></script>

query = document.getElementsByTagName("script");
query = query[query.length - 1].src;
if (- 1 == query.indexOf("?")) query += "?";

JiLiZART

/**
 * @author Nikolay Kostyurin <[email protected]>
 * Very lightweight tabs
 */
;(function ( $, window, document, undefined ) {

    var pluginName = 'smallTabs',
        defaults = {
            content: 'div.tab',
            navigation: 'ul.tabs',

JiLiZART

$.fn.tmpl = function(tmplId, data) {
	var tmpl = doT.template($('#tmpl_' + tmplId).text());
	if (!$.isArray(data)) data = [data];

	return this.each(function() {
		var html = '';
		for (var itemIdx = 0; itemIdx < data.length; itemIdx++) {
			html += tmpl(data[itemIdx]);
		}
		$(this).html(html);