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":["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":["mobile","webdesign","pr\u00e4sentation"],"type":"link","title":"Webseiten f\u00fcr mobile Ger\u00e4te","source":"http://www.slideshare.net/redux/webseiten-fr-mobile-gerte-mdays-frankfurt-27012011","body":null} <p><a href="http://www.slideshare.net/redux/webseiten-fr-mobile-gerte-mdays-frankfurt-27012011">http://www.slideshare.net/redux/webseiten-fr-mobile-gerte-mdays-frankfurt-27012011</a></p>Fri, 28 Jan 2011 09:28:33 GMThttp://netzrauschen.tknetwork.de/post/104696838/Webseiten-f-r-mobile-Ger-teurn:www-soup-io:1:104696838linkmobilewebdesignpräsentation {"tags":["opera","webdesign"],"type":"link","title":"Opera: Web Standards Curriculum","source":"http://www.opera.com/developer/wsc/","body":"Operas neues Web Standards Curriculum, gemeinsam mit dem Yahoo! Developer Network herausgegeben, ist ein vollst\u00e4ndiger Kurs f\u00fcr standardbasierte Webentwicklung, inklusive HTML, CSS, Design-Grundlagen und Hintergrunds-Theorie, sowie JavaScript-Grundlagen"} <p>Operas neues Web Standards Curriculum, gemeinsam mit dem Yahoo! Developer Network herausgegeben, ist ein vollständiger Kurs für standardbasierte Webentwicklung, inklusive HTML, CSS, Design-Grundlagen und Hintergrunds-Theorie, sowie JavaScript-Grundlagen</p> <p><a href="http://www.opera.com/developer/wsc/">http://www.opera.com/developer/wsc/</a></p>Thu, 30 Dec 2010 11:11:34 GMThttp://netzrauschen.tknetwork.de/post/97975167/Opera-Web-Standards-Curriculumurn:www-soup-io:1:97975167linkoperawebdesign {"tags":["design","webdesign"],"type":"link","title":"Design made in Germany","source":"http://www.designmadeingermany.de/","body":null} <p><a href="http://www.designmadeingermany.de/">http://www.designmadeingermany.de/</a></p>Tue, 13 Jul 2010 16:45:55 GMThttp://netzrauschen.tknetwork.de/post/65152165/Design-made-in-Germanyurn:www-soup-io:1:65152165linkdesignwebdesign {"tags":["mockup","wireframe","prototyping","webdesign"],"type":"link","title":"Balsamiq Mockups","source":"http://www.balsamiq.com/products/mockups","body":null} <p><a href="http://www.balsamiq.com/products/mockups">http://www.balsamiq.com/products/mockups</a></p>Tue, 02 Feb 2010 12:36:09 GMThttp://netzrauschen.tknetwork.de/post/44146169/Balsamiq-Mockupsurn:www-soup-io:1:44146169linkmockupwireframeprototypingwebdesign {"tags":["gestaltung","raster","typografie","webdesign"],"type":"link","title":"Tutorial: Gestaltungsraster im Webdesign - coldheat.de","source":"http://www.coldheat.de/archiv/2006/04/tutorial-gestaltungsraster-im-webdesign.php","body":"Als ich mir damals Gedan\u00adken machte, wie die neue Ver\u00adsion die\u00adser Seite wer\u00adden soll, war klar, dass ich ein fes\u00adtes Ras\u00adter als Grund\u00adlage nut\u00adzen werde. Mich beein\u00addruckt immer noch, wie viel Ruhe und Ord\u00adnung sol\u00adche Sei\u00adten besit\u00adzen"} <p>Als ich mir damals Gedan­ken machte, wie die neue Ver­sion die­ser Seite wer­den soll, war klar, dass ich ein fes­tes Ras­ter als Grund­lage nut­zen werde. Mich beein­druckt immer noch, wie viel Ruhe und Ord­nung sol­che Sei­ten besit­zen</p> <p><a href="http://www.coldheat.de/archiv/2006/04/tutorial-gestaltungsraster-im-webdesign.php">http://www.coldheat.de/archiv/2006/04/tutorial-gestaltungsraster-im-webdesign.php</a></p>Fri, 29 Jan 2010 15:13:33 GMThttp://netzrauschen.tknetwork.de/post/43644881/Tutorial-Gestaltungsraster-im-Webdesign-coldheat-deurn:www-soup-io:1:43644881linkgestaltungrastertypografiewebdesign {"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":["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":["webdesign","trends"],"type":"link","title":"Web Design Trends for 2010 | Web Design Ledger","source":"http://webdesignledger.com/tips/web-design-trends-for-2010","body":"With a new year on the horizon, it\u2019s time to pack away the old, worn web designs and prepare for the brave, new face of tomorrow. Although trends don\u2019t start and stop on January 1st, there is a definite shift from what we craved at the beginning of the year to what we are seeking tutorials for at the end of the year. Most of the time, this shift is subtle. It\u2019s a perfection or re-interpretation of a currently hot trend. Trends help us evolve as designers. As we master the skills of design aesthetic, we continue to push forward to what\u2019s next or what needs to be fully discovered."} <p>With a new year on the horizon, it’s time to pack away the old, worn web designs and prepare for the brave, new face of tomorrow. Although trends don’t start and stop on January 1st, there is a definite shift from what we craved at the beginning of the year to what we are seeking tutorials for at the end of the year. Most of the time, this shift is subtle. It’s a perfection or re-interpretation of a currently hot trend. Trends help us evolve as designers. As we master the skills of design aesthetic, we continue to push forward to what’s next or what needs to be fully discovered.</p> <p><a href="http://webdesignledger.com/tips/web-design-trends-for-2010">http://webdesignledger.com/tips/web-design-trends-for-2010</a></p>Fri, 06 Nov 2009 10:17:33 GMThttp://netzrauschen.tknetwork.de/post/33796774/Web-Design-Trends-for-2010-Web-Designurn:www-soup-io:1:33796774linkwebdesigntrends {"tags":["mobile","google","usability","webdesign","bestpractices"],"type":"link","title":"Google Lays Out Its Mobile User Experience Strategy","source":"http://www.informationweek.com/blog/main/archives/2007/04/google_lays_out.html;jsessionid=RTJMYRGHQHANMQSNDLPSKH0CJUNN2JVN","body":"Rechis said that when Google plans to launch a mobile application, it looks at the potential app through six layers:\n1. Understanding users, anywhere, anytime\n2. Fits in your pocket\n3. More personal than the PC\n4. Consistency across modes\n5. Localization is intensified\n6. Integrated devices, modes, products"} <p>Rechis said that when Google plans to launch a mobile application, it looks at the potential app through six layers: 1. Understanding users, anywhere, anytime 2. Fits in your pocket 3. More personal than the PC 4. Consistency across modes 5. Localization is intensified 6. Integrated devices, modes, products</p> <p><a href="http://www.informationweek.com/blog/main/archives/2007/04/google_lays_out.html;jsessionid=RTJMYRGHQHANMQSNDLPSKH0CJUNN2JVN">http://www.informationweek.com/blog/main/archives/2007/04/google_lays_out.html;jsessionid=RTJMYRGHQHANMQSNDLPSKH0CJUNN2JVN</a></p>Mon, 06 Jul 2009 18:55:43 GMThttp://netzrauschen.tknetwork.de/post/22712511/Google-Lays-Out-Its-Mobile-User-Experienceurn:www-soup-io:1:22712511linkmobilegoogleusabilitywebdesignbestpractices {"tags":["mobile","webdesign","opera","bestpractices"],"type":"link","title":"Designing and Developing mobile web sites in the real world - Opera Developer Community","source":"http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site/","body":"I'm Brian Suda, and for the last 10 years, I've been working with Internet, including websites to web applications and WAP to 3G mobiles sites for airline bookings, bank transfers to lightweight intranets. In this article I will be discussing some of the aspects our team at TM Software took with two of our more recent mobile sites designs"} <p>I'm Brian Suda, and for the last 10 years, I've been working with Internet, including websites to web applications and WAP to 3G mobiles sites for airline bookings, bank transfers to lightweight intranets. In this article I will be discussing some of the aspects our team at TM Software took with two of our more recent mobile sites designs</p> <p><a href="http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site/">http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site/</a></p>Wed, 01 Jul 2009 11:33:47 GMThttp://netzrauschen.tknetwork.de/post/22407475/Designing-and-Developing-mobile-web-sites-inurn:www-soup-io:1:22407475linkmobilewebdesignoperabestpractices {"tags":["imported","webdesign","pr\u00e4sentation","maler","innung"],"type":"link","title":"Warum das Web auch f\u00fcr kleine Unternehmen wichtig ist","source":"http://www.ahorngmbh.de/298/warum-das-web-auch-fuer-kleine-unternehmen-wichtig-ist/","body":"Auf einer Veranstaltung der Malerinnung Neustadt hatte ahorn. die Gelegenheit den Innungsmitglieder das Potenzial des Webs f\u00fcr ihren Betrieb zu verdeutlichen."} <p>Auf einer Veranstaltung der Malerinnung Neustadt hatte ahorn. die Gelegenheit den Innungsmitglieder das Potenzial des Webs für ihren Betrieb zu verdeutlichen.</p> <p><a href="http://www.ahorngmbh.de/298/warum-das-web-auch-fuer-kleine-unternehmen-wichtig-ist/">http://www.ahorngmbh.de/298/warum-das-web-auch-fuer-kleine-unternehmen-wichtig-ist/</a></p>Thu, 23 Apr 2009 08:29:08 GMThttp://netzrauschen.tknetwork.de/post/19477398/Warum-das-Web-auch-f-r-kleineurn:www-soup-io:1:19477398linkimportedwebdesignpräsentationmalerinnung