jozecuervo's public fiddles
-
underscore querystring whitelist
Underscore 1.4.4, HTML, CSS, JavaScript
-
rdio music feed test item
No-Library (pure JS), HTML, CSS, JavaScript
-
geolocation test
jQuery 1.7, HTML, CSS, JavaScript
-
underscore each
Underscore 1.4.4, HTML, CSS, JavaScript
-
embeded playlist test
No-Library (pure JS), HTML, CSS, JavaScript
-
Simple Bitfield Library
By Allan Claghorn https://github.com/dbsynergy Allan threw this together to give me some basic state flags for our web app. This was a solution we came up with for managing various first-time-user-experience one-time notifications without relying on a bunch of awful cookies.
-
Twitter Timestamps
jQuery Compat (edge), HTML, CSS, JavaScript
-
sticky banner
jQuery 1.6.2, HTML, CSS, JavaScript
-
9saMJ
Mootools Core 1.2.4, HTML, CSS, JavaScript
-
WKUwB
Mootools Core 1.2.4, HTML, CSS, JavaScript
-
Play Button
Simple CSS3 play button
-
Media Wall Test
No-Library (pure JS), HTML, CSS, JavaScript
-
Spotify embed height test
No-Library (pure JS), HTML, CSS, JavaScript
-
static svg
No-Library (pure JS), HTML, CSS, JavaScript
-
Donut charts in SVG
No-Library (pure JS), HTML, CSS, JavaScript
-
entypo resized
Entypo is a awesome but its too small to use inline with text of the same font-size. Increasing the font size on an entypo span messes with vertical alignment and , line heights, top and bottom padding on the container, and so on, things can start to go haywire and you'll never have consistent results across browsers. My boss found this nifty tool, http://www.fontsquirrel.com which we used to scale up the font-size and output as base64. Based partly on this fiddle: http://jsfiddle.net/sujumaku/PmFsP/
-
Entypo CSS
An improved stylesheet to include with Entypo. It has a class for aria fallback (if required) and a class to access each individual icon. The naming of each icon isn't perfect, that is one part that could certainly be improved. I have adjust the font-size and position of each icon to match the demo, it can easily be adjusted in the .icon:before rule. I've also encoded the font in base-64 to "bulletproof" it. Losing a text font is a visual style issue, losing an icon font is a major usability issue. I believe it necessary to base-64 all icon fonts to fix this problem. Most icon fonts don't come with this sort of stylesheet, which makes the font difficult to use. Each user has to find out or decide on their own implementation of the icons. If an icon font is being delivered for web use it should include a sample of the best way to use the font. This is what I have attempted to do. Please do with this as you see fit. I made it because I am very particular about typography online, especially icon font implementation. I hope this stylesheet will prove useful to both you and your users.
-
metro-style buttons and icons
No-Library (pure JS), HTML, CSS, JavaScript
-
blur demo
No-Library (pure JS), HTML, CSS, JavaScript
-
gradients on glyphs
No-Library (pure JS), HTML, CSS, JavaScript