login/register

Snip!t channels - Alan Dix

Channels > techie > css

Order by: date | title | url | snip    Show: just this cat | subcats too

2022-03-02 07:59:07     Florin Pop - Pure CSS Tooltip

https://www.florin-pop.com/blog/2019/05/pure-css-tooltip/

We don't need a complicated HTML structure. We are only ... simple div, with a couple of class names, and we're goin... for each of the following positions: top, right, left, b...

view snip

/Channels/techie/css
/Channels/techie/JavaScript

2015-10-08 23:07:02     Tufte CSS

http://www.daveliepmann.com/tufte-css/

view snip

/Channels/techie/css
/Channels/techie/css

2015-10-08 23:07:02     Tufte CSS

http://www.daveliepmann.com/tufte-css/

view snip

/Channels/techie/css
/Channels/techie/css

2015-02-09 17:04:42    

https://medium.com/...ters-technical-supplement-8f3c754626f2

Death to typewriters

... some of the technical (CSS, JavaScript, Closure) details in Medium’s typography and typesetting. Note: we use LESS, so you will see some light LESS features (mostly variables).

view snip

/Channels/techie/css
/Channels/writing

2013-12-03 07:52:30     What No One Told You About Z-Index — Philip Walton

http://philipwalton.com/...at-no-one-told-you-about-z-index/

Groups of elements with a common parent that move forwar...
Every stacking context has a single HTML element as its ...
New stacking contexts can be formed on an element in one ...
When an element is the root element of a document (the < ...
... never

view snip

/Channels/techie/css
/Channels/techie/web development

2013-11-27 23:03:14     The contenteditable attribute | HTML5 Doctor

http://html5doctor.com/the-contenteditable-attribute/

For some time now, we’ve been using various technologi... store text within a web browser. Now with the contentedi... things have got a whole lot easier. In this article, I‮.. this attribute is for, how it works, and how we can take...

view snip

/Channels/techie/css

2012-12-06 17:46:55     24 ways: Flashless Animation

http://24ways.org/2012/flashless-animation/

Sadly, animating with JavaScript was limiting and resour... initial foray into an infinitely looping background did ... in my CPU than amaze my friends (although it still looks...
Things are different now. CSS3 transitions and animation ...
In this pro

view snip

/Channels/techie/css
/Channels/techie/web development

2011-09-06 13:56:50     Equal Height Columns with jQuery

http://www.cssnewbie.com/equal-height-columns-with-jquery/

Creating equal-height columns with CSS is sometimes a be... the hassle of faux columns, “clear” divs and the res... of jQuery, you can easily equalize the heights of any gr...

view snip

/Channels/techie/css
/Channels/techie/jQuery
/Channels/techie/web development

2011-09-06 13:56:07     Cross-Browser Support for HTML5 Placeholder Text in Forms

http://www.cssnewbie.com/...5-placeholder-text-in-forms/#...

HTML5 offers a lot of exciting new features in the realm... my favorite new additions to forms in HTML5 is the place... Placeholder text is the “hint” or “example” text...
<input type="text" placeholder="Start typing to begin s ...
The only ne

view snip

/Channels/techie/css
/Channels/techie/web development

2010-08-02 07:01:18     Print-Friendly Images and Logos with CSS

http://www.cssnewbie.com/print-friendly-images/

In certain instances, not everyone views every portion o... online: eventually, someone is going to print parts of i... this is perfectly fine: if you have a print style sheet ...
It’s a simple problem of resolution. Images are always ...
Back in 200

view snip

/Channels/techie/css
/Channels/techie/web development

2010-08-02 07:01:05     A List Apart: Articles: High-Resolution Image Printing

http://www.alistapart.com/articles/hiresprinting/

You probably already know how to use media-specific CSS ... suitable layout for the printed page.
But how great would it be to be able to go further and p ...

view snip

/Channels/techie/css
/Channels/techie/web development

2010-03-18 17:53:39     IE9 Interoperability: XHTML, Namespaces, CSS3 Selectors, DOM Events, DOM Style, and SVG

http://ie.microsoft.com/testdrive/HTML5/25H.../Default.xhtml

HTML5 T-Shirt Designer
This demo shows a cross-section of features in Internet ...

view snip

/Channels/techie/css

2009-07-13 11:11:55     SyntaxHighlighter - Alex Gorbatchev

http://alexgorbatchev.com/wiki/SyntaxHighlighter

SyntaxHighlighter is a fully functional self-contained c... highlighter developed in JavaScript. To get an idea of what SyntaxHighlighter is capable of, have a look at the demo...

view snip

/Channels/techie/css
/Channels/techie/JavaScript

2009-07-08 11:53:03     A List Apart: Articles: CSS Sprites: Image Slicing’s Kiss of Death

http://www.alistapart.com/articles/sprites

Back when video games were still fun (we’re talking ab...
example sprites
As game complexity increased, techniques developed to ma ...
And what does this have to do with the web?
... the associated “before” and “after” link states.

view snip

/Channels/techie/css
/Channels/techie/web development

2009-06-21 19:18:26     CSS exploit allows detection of social site use

http://www.downloadsquad.com/...etection-of-social-site-use/

Web developer Aza Raskin knows we visit Digg, Del.icio.u... Facebook without even having to ask.
No, he isn't employing privacy violating hackery, but he ...
Raskin has wrapped this functionality in a script called ...

view snip

/Channels/techie/css
/Channels/techie/JavaScript

2008-03-27 08:08:05     PmWiki | Cookbook / PostItNotes

http://www.pmwiki.org/wiki/Cookbook/PostItNotes

PostItNotes
Summary: Display yellow Post It Stickies.

view snip

/Channels/techie/css

2007-03-12 11:39:10     aplus moments

http://www.aplus.co.yu/lab/z-pos/

Effect of z-index value to positioned elements
with help from Dave Hyatt 1
Through the entire tutorial, I will be using RP as short ...

view snip

/Channels/techie/css

2007-02-24 12:24:21     Yahoo! UI Library: Grids CSS

http://developer.yahoo.com/yui/grids/#using

YUI Grids CSS
The foundational YUI Grids CSS file offers three preset ...
* Supports fluid-width (100%) layouts.
* Supports preset fixed-width layouts at 750px and 9 ...
... * Offers full A-grade browser support.

view snip

/Channels/techie/css

2006-11-11 13:41:05    

http://themes.wordpress.net/testrun/wp-content/.../style.css

blockquote { margin: 20px 0; padding: 0 20px 0 50px; bac... url('images/quote.png') 5% 0% no-repeat; border: none; }

view snip

/Channels/techie/css

Order by: date | title | url | snip    Show: just this cat | subcats too