http://netzrauschen.tknetwork.de/ http://netzrauschen.tknetwork.de/ http://9.asset.soup.io/asset/0321/1177_24e5.png 48 48 Tech &amp;amp; Culture: Fundstücke aus Netz und RL, zusammengestellt und kommentiert aus Sicht eines Teilzeit-Geeks. »In zwanzig Jahren wirst Du mehr enttäuscht sein von den Dingen die Du nicht getan hast, als von den Dingen, die Du getan hast. Also wirf die Leinen los. Verlasse den sicheren Hafen. Lass den Passatwind in Deine Segel wehen. Erforsche. Träume. Entdecke.« Mark Twain Xing | Twitter {"tags":["javascript","css","performance"],"type":"link","title":"headjs.com","source":"http://headjs.com/","body":"A tiny script that speeds up, simplifies and modernizes your site"} <p>A tiny script that speeds up, simplifies and modernizes your site</p> <p><a href="http://headjs.com/">http://headjs.com/</a></p>Fri, 03 Jun 2011 14:30:24 GMThttp://netzrauschen.tknetwork.de/post/135976117/headjs-comurn:www-soup-io:1:135976117linkjavascriptcssperformance {"tags":["css"],"type":"link","title":"Cascading Style Sheets { Grundlegendes : Die wichtigsten CSS-Definitionen }","source":"http://www.thestyleworks.de/basics/definitions.shtml","body":"Die wichtigsten Definitionen in CSS"} <p>Die wichtigsten Definitionen in CSS</p> <p><a href="http://www.thestyleworks.de/basics/definitions.shtml">http://www.thestyleworks.de/basics/definitions.shtml</a></p>Thu, 19 May 2011 18:28:45 GMThttp://netzrauschen.tknetwork.de/post/132767345/Cascading-Style-Sheets-Grundlegendes-Die-wichtigsten-CSSurn:www-soup-io:1:132767345linkcss {"tags":["css","grid","webdesign"],"type":"link","title":"Five simple steps to designing grid systems","source":"http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-1","body":"The first part of this Five Simple Steps series is taking some of the points discussed in the preface and putting it to practice."} <p>The first part of this Five Simple Steps series is taking some of the points discussed in the preface and putting it to practice.</p> <p><a href="http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-1">http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-designing-grid-systems-part-1</a></p>Wed, 18 May 2011 05:46:27 GMThttp://netzrauschen.tknetwork.de/post/132399216/Five-simple-steps-to-designing-grid-systemsurn:www-soup-io:1:132399216linkcssgridwebdesign {"tags":["css","css3","transition"],"type":"link","title":"A List Apart: Articles: Understanding CSS3 Transitions","source":"http://www.alistapart.com/articles/understanding-css3-transitions/","body":null} <p><a href="http://www.alistapart.com/articles/understanding-css3-transitions/">http://www.alistapart.com/articles/understanding-css3-transitions/</a></p>Sun, 10 Apr 2011 17:19:12 GMThttp://netzrauschen.tknetwork.de/post/122940143/A-List-Apart-Articles-Understanding-CSS3-Transitionsurn:www-soup-io:1:122940143linkcsscss3transition {"tags":["css"],"type":"link","title":"The magic of \u201coverflow: hidden\u201d \u2014 Articles \u2014 Colin Aarts, freelance web developer","source":"http://colinaarts.com/articles/the-magic-of-overflow-hidden/","body":null} <p><a href="http://colinaarts.com/articles/the-magic-of-overflow-hidden/">http://colinaarts.com/articles/the-magic-of-overflow-hidden/</a></p>Wed, 06 Apr 2011 19:27:05 GMThttp://netzrauschen.tknetwork.de/post/122003482/The-magic-of-overflow-hidden-Articles-Colinurn:www-soup-io:1:122003482linkcss {"tags":["css","float"],"type":"link","title":"A List Apart: Articles: CSS Floats 101","source":"http://m.alistapart.com/articles/css-floats-101/","body":null} <p><a href="http://m.alistapart.com/articles/css-floats-101/">http://m.alistapart.com/articles/css-floats-101/</a></p>Wed, 09 Mar 2011 06:37:57 GMThttp://netzrauschen.tknetwork.de/post/114712556/A-List-Apart-Articles-CSS-Floats-101urn:www-soup-io:1:114712556linkcssfloat {"tags":["mobile","css","framework"],"type":"link","title":"Less Framework 3","source":"http://lessframework.com/","body":"Less Framework is a cross-device css grid system based on using inline media\u00a0queries."} <p>Less Framework is a cross-device css grid system based on using inline media queries.</p> <p><a href="http://lessframework.com/">http://lessframework.com/</a></p>Mon, 31 Jan 2011 12:38:43 GMThttp://netzrauschen.tknetwork.de/post/105549106/Less-Framework-3urn:www-soup-io:1:105549106linkmobilecssframework {"tags":["css","reference"],"type":"link","title":"CSS Properties Index \u2013 Jens O. Meiert","source":"http://meiert.com/en/indices/css-properties/","body":"A continuously updated list of all CSS properties"} <p>A continuously updated list of all CSS properties</p> <p><a href="http://meiert.com/en/indices/css-properties/">http://meiert.com/en/indices/css-properties/</a></p>Tue, 26 Oct 2010 14:28:46 GMThttp://netzrauschen.tknetwork.de/post/84152638/CSS-Properties-Index-Jens-O-Meierturn:www-soup-io:1:84152638linkcssreference {"tags":["css","reference"],"type":"link","title":"Vollreferenz zu CSS 2.1","source":"http://www.thestyleworks.de/ref/index.shtml","body":null} <p><a href="http://www.thestyleworks.de/ref/index.shtml">http://www.thestyleworks.de/ref/index.shtml</a></p>Tue, 26 Oct 2010 14:05:32 GMThttp://netzrauschen.tknetwork.de/post/84152641/Vollreferenz-zu-CSS-2-1urn:www-soup-io:1:84152641linkcssreference {"tags":["css","css3","selectors"],"type":"link","title":"CSS Selectors and Pseudo Selectors and browser support","source":"http://kimblim.dk/css-tests/selectors/#ex1","body":"The following is a range of CSS tests of the most common browsers' support for selectors and pseudo selectors."} <p>The following is a range of CSS tests of the most common browsers' support for selectors and pseudo selectors.</p> <p><a href="http://kimblim.dk/css-tests/selectors/#ex1">http://kimblim.dk/css-tests/selectors/#ex1</a></p>Mon, 28 Jun 2010 10:46:20 GMThttp://netzrauschen.tknetwork.de/post/62572501/CSS-Selectors-and-Pseudo-Selectors-and-browserurn:www-soup-io:1:62572501linkcsscss3selectors {"tags":["css","ie","float"],"type":"link","title":"Developer\u2019s Notebook: Forward-thinking CSS float-clearing | Pathfinder Development | Software Developers | Blogs","source":"http://www.pathf.com/blogs/2007/09/developers-note-2/","body":"The art of float-clearing - getting containers to honor the height of floated elements inside of them - has slowly evolved over the past several years as Safari has taken over many Mac desktops, IE5/Mac has atrophied, IE7 has slowly caught on, and our use of CSS filters has improved. I'd like to share a slight variation on the state of the art that I believe makes for much cleaner markup. But first, a little background."} <p>The art of float-clearing - getting containers to honor the height of floated elements inside of them - has slowly evolved over the past several years as Safari has taken over many Mac desktops, IE5/Mac has atrophied, IE7 has slowly caught on, and our use of CSS filters has improved. I'd like to share a slight variation on the state of the art that I believe makes for much cleaner markup. But first, a little background.</p> <p><a href="http://www.pathf.com/blogs/2007/09/developers-note-2/">http://www.pathf.com/blogs/2007/09/developers-note-2/</a></p>Tue, 01 Jun 2010 07:55:33 GMThttp://netzrauschen.tknetwork.de/post/58495538/Developer-s-Notebook-Forward-thinking-CSS-floaturn:www-soup-io:1:58495538linkcssiefloat {"tags":["email","tool","css"],"type":"link","title":"HTML email inline styler","source":"http://inlinestyler.torchboxapps.com/styler/","body":"Converts CSS rules into inline style attributes"} <p>Converts CSS rules into inline style attributes</p> <p><a href="http://inlinestyler.torchboxapps.com/styler/">http://inlinestyler.torchboxapps.com/styler/</a></p>Wed, 26 May 2010 10:00:22 GMThttp://netzrauschen.tknetwork.de/post/57691651/HTML-email-inline-stylerurn:www-soup-io:1:57691651linkemailtoolcss {"tags":["css","hack","float"],"type":"link","title":"Clearing a float container without source markup","source":"http://www.positioniseverything.net/easyclearing.html","body":"When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom like a flag. Those familiar only with Explorer for Windows may scratch their heads and say \"That's not right!\" True, IE/Win does enclose a float within a container 'automatically', but only if the container element happens to possess the MS-only quality called hasLayout. The W3C suggests placing a \"cleared\" element last in the container box, which is then recognized by the container height, forcing the container to enclose the float above that cleared element too."} <p>When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom like a flag. Those familiar only with Explorer for Windows may scratch their heads and say "That's not right!" True, IE/Win does enclose a float within a container 'automatically', but only if the container element happens to possess the MS-only quality called hasLayout. The W3C suggests placing a "cleared" element last in the container box, which is then recognized by the container height, forcing the container to enclose the float above that cleared element too.</p> <p><a href="http://www.positioniseverything.net/easyclearing.html">http://www.positioniseverything.net/easyclearing.html</a></p>Tue, 16 Mar 2010 13:56:02 GMThttp://netzrauschen.tknetwork.de/post/48948497/Clearing-a-float-container-without-source-markupurn:www-soup-io:1:48948497linkcsshackfloat {"tags":["css","ie","webdevelopment","webdesign"],"type":"link","title":"Conditional comments, wenige Requests | Codecandies","source":"http://codecandies.de/2008/12/12/conditional-comments-wenige-requests/","body":"Ich halte conditional comments f\u00fcr eine L\u00f6sung, CSS direkt auf den Internet Explorer und seine verschiedenen Hydra Versionen zu werfen. Ob aber die typische Art wie sie benutzt werden wirklich effizient ist, daran sind mir in letzter Zeit Zweifel gekommen."} <p>Ich halte conditional comments für eine Lösung, CSS direkt auf den Internet Explorer und seine verschiedenen Hydra Versionen zu werfen. Ob aber die typische Art wie sie benutzt werden wirklich effizient ist, daran sind mir in letzter Zeit Zweifel gekommen.</p> <p><a href="http://codecandies.de/2008/12/12/conditional-comments-wenige-requests/">http://codecandies.de/2008/12/12/conditional-comments-wenige-requests/</a></p>Mon, 25 Jan 2010 13:40:11 GMThttp://netzrauschen.tknetwork.de/post/43225348/Conditional-comments-wenige-Requests-Codecandiesurn:www-soup-io:1:43225348linkcssiewebdevelopmentwebdesign {"tags":["css","sass","less","webdevelopment","webdesign"],"type":"link","title":"LESS - Leaner CSS","source":"http://lesscss.org/about.html","body":"LESS was inspired by its predecessors\u2014especially Sass, a ruby project which provides an ingenious solution to a lot of the common problems CSS designers and web developers face when developping large websites.\n\nSo why make an alternative to Sass? It's simple: syntax. One of the key features of Sass is its indentation-based syntax, which gives you curly-brace and semi-column free code. But the cost of this is having to learn a new syntax and having to rebuild your current stylesheets."} <p>LESS was inspired by its predecessors—especially Sass, a ruby project which provides an ingenious solution to a lot of the common problems CSS designers and web developers face when developping large websites. So why make an alternative to Sass? It's simple: syntax. One of the key features of Sass is its indentation-based syntax, which gives you curly-brace and semi-column free code. But the cost of this is having to learn a new syntax and having to rebuild your current stylesheets.</p> <p><a href="http://lesscss.org/about.html">http://lesscss.org/about.html</a></p>Mon, 25 Jan 2010 13:01:01 GMThttp://netzrauschen.tknetwork.de/post/43225350/LESS-Leaner-CSSurn:www-soup-io:1:43225350linkcsssasslesswebdevelopmentwebdesign {"tags":["css","less","sass","webde"],"type":"link","title":"LESS - Leaner CSS","source":"http://lesscss.org/","body":"LESS was inspired by its predecessors\u2014especially Sass, a ruby project which provides an ingenious solution to a lot of the common problems CSS designers and web developers face when developping large websites.\n\nSo why make an alternative to Sass? It's simple: syntax. One of the key features of Sass is its indentation-based syntax, which gives you curly-brace and semi-column free code. But the cost of this is having to learn a new syntax and having to rebuild your current stylesheets."} <p>LESS was inspired by its predecessors—especially Sass, a ruby project which provides an ingenious solution to a lot of the common problems CSS designers and web developers face when developping large websites. So why make an alternative to Sass? It's simple: syntax. One of the key features of Sass is its indentation-based syntax, which gives you curly-brace and semi-column free code. But the cost of this is having to learn a new syntax and having to rebuild your current stylesheets.</p> <p><a href="http://lesscss.org/">http://lesscss.org/</a></p>Mon, 25 Jan 2010 13:00:35 GMThttp://netzrauschen.tknetwork.de/post/43225354/LESS-Leaner-CSSurn:www-soup-io:1:43225354linkcsslesssasswebde {"tags":["typography","webdesign","css","webfonts"],"type":"link","title":"Typekit","source":"http://typekit.com/","body":"Add a line of code to your pages and choose from hundreds of fonts. Simple, bulletproof, standards compliant, accessible, and totally legal."} <p>Add a line of code to your pages and choose from hundreds of fonts. Simple, bulletproof, standards compliant, accessible, and totally legal.</p> <p><a href="http://typekit.com/">http://typekit.com/</a></p>Fri, 22 Jan 2010 09:51:18 GMThttp://netzrauschen.tknetwork.de/post/42735583/Typekiturn:www-soup-io:1:42735583linktypographywebdesigncsswebfonts {"tags":["firefox","color","icc","css"],"type":"link","title":"Color correction for images in Firefox 3.5 at hacks.mozilla.org","source":"http://hacks.mozilla.org/2009/06/color-correction/","body":"Back in Firefox 3, we introduced support for color profiles in tagged images, but it was disabled by default. In Firefox 3.5 we were able to make the color correction process about 5x faster than it was in Firefox 3 so we\u2019ve enabled support for color correction for tagged images."} <p>Back in Firefox 3, we introduced support for color profiles in tagged images, but it was disabled by default. In Firefox 3.5 we were able to make the color correction process about 5x faster than it was in Firefox 3 so we’ve enabled support for color correction for tagged images.</p> <p><a href="http://hacks.mozilla.org/2009/06/color-correction/">http://hacks.mozilla.org/2009/06/color-correction/</a></p>Thu, 06 Aug 2009 07:47:43 GMThttp://netzrauschen.tknetwork.de/post/24863455/Color-correction-for-images-in-Firefox-3urn:www-soup-io:1:24863455linkfirefoxcoloricccss {"tags":["iphone","mobile","css","animation","webkit"],"type":"link","title":"Animating your iPhone web application","source":"http://andrew.hedges.name/blog/2009/05/29/animating-your-iphone-web-application","body":"I spent today experimenting with different techniques and am here to share what I\u2019ve learned. Below, I review 2 JavaScript-based techniques for animations as well as the use of WebKit CSS transitions and transforms."} <p>I spent today experimenting with different techniques and am here to share what I’ve learned. Below, I review 2 JavaScript-based techniques for animations as well as the use of WebKit CSS transitions and transforms.</p> <p><a href="http://andrew.hedges.name/blog/2009/05/29/animating-your-iphone-web-application">http://andrew.hedges.name/blog/2009/05/29/animating-your-iphone-web-application</a></p>Fri, 31 Jul 2009 14:29:09 GMThttp://netzrauschen.tknetwork.de/post/24347421/Animating-your-iPhone-web-applicationurn:www-soup-io:1:24347421linkiphonemobilecssanimationwebkit {"tags":["css","css3","box-shadow"],"type":"link","title":"Sch\u00f6nes neues CSS: box-shadow","source":"http://www.peterkroener.de/schoenes-neues-css-box-shadow/","body":null} <p><a href="http://www.peterkroener.de/schoenes-neues-css-box-shadow/">http://www.peterkroener.de/schoenes-neues-css-box-shadow/</a></p>Thu, 02 Jul 2009 10:41:50 GMThttp://netzrauschen.tknetwork.de/post/22471625/Sch-nes-neues-CSS-box-shadowurn:www-soup-io:1:22471625linkcsscss3box-shadow {"tags":["mobile","development","css"],"type":"link","title":"Markup Test Pages","source":"http://www.cameronmoll.com/articles/mobile/mkp/","body":"Use these pages to test HTML and CSS styling on your digital device"} <p>Use these pages to test HTML and CSS styling on your digital device</p> <p><a href="http://www.cameronmoll.com/articles/mobile/mkp/">http://www.cameronmoll.com/articles/mobile/mkp/</a></p>Wed, 01 Jul 2009 11:55:22 GMThttp://netzrauschen.tknetwork.de/post/22407473/Markup-Test-Pagesurn:www-soup-io:1:22407473linkmobiledevelopmentcss {"tags":["mobile","netfront","sony","browser","css","wcss"],"type":"link","title":"Developer Guidelines - NetFront Browser","source":"http://developer.sonyericsson.com/getDocument.do?docId=88004","body":null} <p><a href="http://developer.sonyericsson.com/getDocument.do?docId=88004">http://developer.sonyericsson.com/getDocument.do?docId=88004</a></p>Wed, 01 Jul 2009 08:06:39 GMThttp://netzrauschen.tknetwork.de/post/22399648/Developer-Guidelines-NetFront-Browserurn:www-soup-io:1:22399648linkmobilenetfrontsonybrowsercsswcss {"tags":["css","tutorial","howto","cs"],"type":"link","title":"Einf\u00fchrung in CSS \u2013 Einf\u00fchrung in XHTML, CSS und Webdesign","source":"http://jendryschik.de/wsdev/einfuehrung/css/","body":"Dieses Kapitel f\u00fchrt Sie in Cascading Style Sheets (CSS) ein und beschreibt den Aufbau von CSS-Stylesheets entsprechend der Version 2.1."} <p>Dieses Kapitel führt Sie in Cascading Style Sheets (CSS) ein und beschreibt den Aufbau von CSS-Stylesheets entsprechend der Version 2.1.</p> <p><a href="http://jendryschik.de/wsdev/einfuehrung/css/">http://jendryschik.de/wsdev/einfuehrung/css/</a></p>Thu, 14 May 2009 10:38:28 GMThttp://netzrauschen.tknetwork.de/post/19477383/Einf-hrung-in-CSS-Einf-hrung-inurn:www-soup-io:1:19477383linkcsstutorialhowtocs {"tags":["imported","css"],"type":"link","title":"CSS - Auto-height and margin-collapsing","source":"http://www.researchkitchen.de/blog/archives/css-autoheight-and-margincollapsing.php","body":"or\u2026miraculously shrinking containers!"} <p>or…miraculously shrinking containers!</p> <p><a href="http://www.researchkitchen.de/blog/archives/css-autoheight-and-margincollapsing.php">http://www.researchkitchen.de/blog/archives/css-autoheight-and-margincollapsing.php</a></p>Wed, 06 May 2009 11:27:07 GMThttp://netzrauschen.tknetwork.de/post/19477396/CSS-Auto-height-and-margin-collapsingurn:www-soup-io:1:19477396linkimportedcss