haltersweb's public fiddles
-
define functions using Function Declaration vs Function Expression
jQuery 1.10.1, HTML, CSS, JavaScript
-
Required Field without Adding an Astrisk in the Markup
It's better not to type the required asterisk in the markup so that it won't be spoken with a screen reader. Instead use the :before pseudo-class to add the required asterisk with CSS and use required and aria-required attributes in your input field.
-
bar delimiting list
style <li>s with border-left rather than border right. Then use first-child pseudo-class to remove first bar.
-
CSS arrows -- never use sprites again
No-Library (pure JS), HTML, CSS, JavaScript
-
3d Bottom Shadow
No-Library (pure JS), HTML, CSS, JavaScript
-
Constructors and Name Spaces
No-Library (pure JS), HTML, CSS, JavaScript
-
Try Catch Finally and using the Error constructor
No-Library (pure JS), HTML, CSS, JavaScript
-
Namespace Practice
Create a namespace object for all my variables and functions.
-
Float Possible Image w/out Text Wrap
Image may or may not be there and may be different sizes. So the idea is to assign the image a class relative to its width. Then use sibling selector to assign margin to text container based on whether image is there and what the image class is. Image will be absolutely positioned so you need a container around everything with a position: relative. You will also need to assign overflow: hidden to that container because following text might encroach.
-
Fork for Alex
Best so far. 2pm 8/22.
-
Relay sizing
jQuery 1.8.3, HTML, CSS, JavaScript
-
Vertical Centering Using Negative Margins
jQuery 1.8.3, HTML, CSS, JavaScript
-
Vertical Centering Using Line-height
Best so far. 2pm 8/22.
-
Fiddling with Svc Provider Template
jQuery 1.7.2, HTML, CSS, JavaScript
-
Fiddling with John Resig's Microtemplate
jQuery 1.7.2, HTML, CSS, JavaScript
-
9kngZ
Mootools 1.4.5, HTML, CSS, JavaScript