Snipplr

(HTML) Alternating column colors in HTML tables - COBOLdinosaur

Sun, 26 May 2013 01:59:56 GMT

The colgroup and col structure is like a directive that specifies table formatting outside of the normal flow. Notice that the col tags do not get closed in HTML5, and the cascade is irregular. Normally the cascade applies to children, but the rows and cells in the table are not children or grandchildren of the col or colgroup. The relationship is more like stepchildren. Because of the irregular relationship, the CSS specificity appears to be quirky. Its not really, but it is not always as expected. To insure the the correct application of both the colgroup rules and the other rules being applied to the tr and td tags the colgroup rules should be applied in line, or be the final rule in the style entries.

(HTML) Test Rendering Arimo - Bold - infolock

Thu, 23 May 2013 14:34:44 GMT

Just a test...

(CSS) Subtle Recessed Divider Line - nshakin

Tue, 21 May 2013 05:58:38 GMT

Create a subtle "recessed" looking divider line. The example restyles the tag but it can applied to anything.

(HTML) Captions For Lists and Images - COBOLdinosaur

Fri, 17 May 2013 03:58:58 GMT

One of the limits of using lists (ordered and unordered) is that they have no provision for a heading. You can do something like: This is a Title etc... but it is invalid because the list containers can only contain List Items. One way commonly used to put a heading on a list is to put a paragraph or div ahead of the list. It is messy and ugly, but it validates. The problem with that solution is that the elements are not bound to each other and therefore it can break unless you make it even uglier by putting a common wrapper around both elements, and then you have extra linefeeds to deal with.

(jQuery) add target blank - thesmu

Thu, 16 May 2013 00:27:41 GMT

add target blank

(JavaScript) Animating Shapes - COBOLdinosaur

Wed, 15 May 2013 05:51:36 GMT

Changes shape back and forth from a round element to a square element.

(HTML) HTML5 Starter Page (Based on Skeleton Boilerplate) - lowko0

Mon, 08 Apr 2013 09:52:30 GMT

This is a HTML5 Starter Page based on Skeleton Boilerplate. It has been made with the latest standards in web development. I made it cleaner than the original one, fixed some mistakes and added extra iOS icon resolutions, normalize.css and Google Analytics support. The css files used should still be the ones from Skeleton, I just changed the name to more readable ones. The equivalences are: global.css = base.css (https://raw.github.com/dhgamache/Skeleton/master/stylesheets/base.css) grid.css = skeleton.css (https://raw.github.com/dhgamache/Skeleton/master/stylesheets/skeleton.css) layout.css (https://raw.github.com/dhgamache/Skeleton/master/stylesheets/layout.css) Also here's a link for CSS Normalizer: normalize.css (https://raw.github.com/necolas/normalize.css/master/normalize.css) Use at your own will. Cheers, Luiz.

(CSS) horizontal tabs in html with css - codingforever99

Mon, 01 Apr 2013 11:13:59 GMT

designing a simple horizontal tab menu by using ul and il elements with css.

(CSS) Image Sprites - How to get portion of an image - codingforever99

Thu, 28 Mar 2013 19:26:58 GMT

One of the great methods to load and work with icons in web pages is to load one image that is a collection of several icons and use any icon as needed, that reduces the number of server request and save bandwidth.

(HTML) HTML Starter Template - upmedia

Wed, 27 Mar 2013 20:38:53 GMT

(HTML) iPhone Calling and Texting Links - haydin

Wed, 20 Mar 2013 20:27:55 GMT

This is the calling one (probably more useful if the clickable text is words, as the iPhone auto-detects phone numbers and does this automatically) This is the SMS one, which overrides the default calling behavior (ex : Giocare Gioco Not sure what other things these links might work on... Might be a little dangerous as having non-standard links that don't work or bring up errors is kinda bad UX. Best for mobile-only sites. If someone know if this works on Android/Blackberry/Other Mobile, comment below.

(HTML) Comments in HTML - haydin

Wed, 20 Mar 2013 20:15:32 GMT

The stuff is the HTML comment. It is a way to add notes into the code which will not display when the HTML is rendered by the browser. Giochi Online 123 In the example above, to signify which opening div tag the closing tag was actually closing.

(HTML) Jaidee HTML Framework - kanin2604

Tue, 12 Mar 2013 23:06:13 GMT

Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.

(HTML) Multiple File Input in HTML - apphp-snippets

Mon, 11 Mar 2013 17:44:09 GMT

File inputs can have an attribute of "multiple" which then allows multiple files to be selected in the file section dialog box. Currently only Firefox 3.6+ and WebKit browsers are supporting it.

(HTML) Media Code in HTML5 - apphp-snippets

Mon, 11 Mar 2013 17:43:11 GMT

This example is a basic design structure for loading multiple video and audio formats for universal work of media content on your page.

(Haskell) Page Structure in HTML5 - apphp-snippets

Mon, 11 Mar 2013 17:42:07 GMT

This example is a basic HTML5 page structure that you can use for developing of your HTML5 website layout.

(HTML) Meta Tag Refresh in HTML - apphp-snippets

Sun, 10 Mar 2013 19:34:50 GMT

This definition allows redirection to the provided URL in 5 seconds. You may set it to 0 if you need an immediate redirect.

(HTML) Form Trick: Disappearing Text - thesmu

Wed, 06 Mar 2013 22:06:25 GMT

Form Trick: Disappearing Text

(HTML) HTML: List of countries for a Dropdown menu - chrisaiv

Sun, 24 Feb 2013 06:49:15 GMT

Country listings

(Groovy) MarkupBuilder HMTL tag - alces

Fri, 08 Feb 2013 18:43:03 GMT

Little hack for correct-working tag in groovy.xml.MarkupBuilder Tested in Firefox 10.0, Opera 12.13, Chromium 22.0