Girisha's public fiddles
-
va2n9
No-Library (pure JS), HTML, SCSS, JavaScript
-
H8CPX
No-Library (pure JS), HTML, SCSS, JavaScript
-
6MLSB
No-Library (pure JS), HTML, SCSS, JavaScript
-
SVG background Image - no-repeat
No-Library (pure JS), HTML, CSS, JavaScript
-
Time-based CSS Background using JavaScript
jQuery 1.9.1, HTML, CSS, JavaScript
-
Simple Tooltip using jQuery
There are bunch of jQuery/JavaScript Tooltip plugins available on Internet, but most of them are heavy, and since generally our requirement is not that much, they become unfavorable to use. Thus, I wrote a small and simple code snippet for Tooltips which can be achieved via jQuery, it is easy to implement and use.
-
Codemancers Tem section.
No-Library (pure JS), HTML, CSS, JavaScript
-
jbUu3
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS image overlay with color and transparency
http://stackoverflow.com/questions/17721960/css-image-overlay-with-color-and-transparency
-
HTML table like special layout using bootstrap
No-Library (pure JS), HTML, CSS, JavaScript
-
Bootstrap - HTML table with special layout
http://stackoverflow.com/questions/17530450/html-table-with-special-layout
-
CSS3. background-position
No-Library (pure JS), HTML, CSS, JavaScript
-
Employee list and availibility
jQuery 1.7.2, HTML, CSS, JavaScript
-
Select2 Placeholder Issue
Select2 Placeholder Issue
-
CSS Challenge
A good friend of mine, Laurent Brucher was tasked to interview a candidate with regards to his front end skills. We talked for a while, shared ideas and in the end he came up with a clever challenge for the candidate to code out. Inspired in his challenge I’ve crated this one below http://oscarvillarreal.com/2013/02/19/css-challenge-2/
-
Brightbox - Current usage style
No-Library (pure JS), HTML, CSS, JavaScript
-
Canvas Box Shadow: Heart shape
jQuery 1.8.3, HTML, CSS, JavaScript
-
How to properly vertically align an image
How it works: When you have two inline-block elements near each other, you can align each to other's side, so with vertical-align: middle you'll get something like this: When you have a block with fixed height (in px, em or other absolute unit), you can set the height of inner blocks in %. So, adding one inline-block with height: 100% in a block with fixed height would align another inline-block element in it (<img/> in your case) vertically near it.
-
Pre with scrollbars
jQuery 1.7.2, HTML, CSS, JavaScript
-
A5aJS
No-Library (pure JS), HTML, CSS, JavaScript