{"id":969,"date":"2006-05-28T13:09:26","date_gmt":"2006-05-28T11:09:26","guid":{"rendered":"http:\/\/textundblog.de\/?p=969"},"modified":"2006-05-28T14:57:35","modified_gmt":"2006-05-28T12:57:35","slug":"css-experimente-von-stu-nicholls-css-play","status":"publish","type":"post","link":"https:\/\/textundblog.de\/?p=969","title":{"rendered":"CSS-Experimente von Stu Nicholls: CSS-Play"},"content":{"rendered":"<p><a href=\"http:\/\/www.cssplay.co.uk\/menu\/image_magnifier2.html\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.textundblog.de\/wp-content\/cssplay.jpg?resize=200%2C140\" width=\"200\" height=\"140\" alt=\"CSS Play\" title=\"CSS Play\" \/><\/a><br \/>\nEine gute Demonstration aus der Webtech-Kiste gibt der Webgestalter Stu Nicholls. Beim Einbau von besonderen Features in Websites mu\u00df es nicht immer Javascript sein; es geht auch vieles ausschlie\u00dflich mit <a href=\"http:\/\/de.wikipedia.org\/wiki\/Cascading_Style_Sheets\">Cascading Style Sheets<\/a> (CSS).<br \/>\nGro\u00dfes Stylesheet-Kino bei Stu Nicholls: <a href=\"http:\/\/www.cssplay.co.uk\/index.html\">CSS-Play<\/a>. Wahnsinn, was man alles mit CSS anstellen kann. Einfach mal ein paar seiner Demos anschauen, zum Beispiel den \u00ab<a href=\"http:\/\/www.cssplay.co.uk\/menu\/image_magnifier2.html\">dynamic gradient magnifier<\/a>\u00bb, der ein Bild bei <del datetime=\"2006-05-28T12:56:56+00:00\">Anklick<\/del> Mouse-Over \u00fcber das Zauberk\u00e4stchen &#8222;Magnify Image&#8220; stufenlos vergr\u00f6\u00dfert. Sehr sch\u00f6n.<br \/>\n[via <a href=\"http:\/\/www.basicthinking.de\/blog\/2006\/05\/28\/css-play-demos-von-stu-nicholls\/\">Basic Thinking<\/a>]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eine gute Demonstration aus der Webtech-Kiste gibt der Webgestalter Stu Nicholls. Beim Einbau von besonderen Features in Websites mu\u00df es nicht immer Javascript sein; es geht auch vieles ausschlie\u00dflich mit Cascading Style Sheets (CSS). Gro\u00dfes Stylesheet-Kino bei Stu Nicholls: CSS-Play. Wahnsinn, was man alles mit CSS anstellen kann. Einfach mal ein paar seiner Demos anschauen, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-969","post","type-post","status-publish","format-standard","hentry","category-webdesign"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4uzZ-fD","jetpack-related-posts":[{"id":862,"url":"https:\/\/textundblog.de\/?p=862","url_meta":{"origin":969,"position":0},"title":"CSS Tweak r\u00e4umt Stylesheets auf","author":"Markus","date":"17\/3\/2006","format":false,"excerpt":"CSS Tweak ist ein praktisches Online-Tool, mit dem man seine CSS-Dateien aufr\u00e4umen und vor allem kleiner machen kann. Sehr praktisch. Erst validieren beim CSS-validator des W3C und anschlie\u00dfend in der Gr\u00f6\u00dfe reduzieren mit CSS Tweak. Hat bei mir die Dateigr\u00f6\u00dfe des Stylesheets von \u00abText & Blog\u00bb um stolze 16 %\u2026","rel":"","context":"In &quot;Internet&quot;","block_context":{"text":"Internet","link":"https:\/\/textundblog.de\/?cat=4"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2016,"url":"https:\/\/textundblog.de\/?p=2016","url_meta":{"origin":969,"position":1},"title":"Sitepoint-Nachschlagewerk online: CSS Reference","author":"Markus","date":"29\/1\/2008","format":false,"excerpt":"Ein Tipp f\u00fcr alle, die ihre oder fremder Leute Webseiten gestalten und falls es jemand aus diesem Kreis noch nicht mitbekommen hat: Tommy Olsson und Paul O\u2019Brien von Sitepoint haben eine umfangreiche CSS-Referenz aufgebaut und ver\u00f6ffentlicht: CSS Reference. Alle Artikel k\u00f6nnen kommentiert werden. Die einzelnen CSS-Beschreibungen k\u00f6nnen nat\u00fcrlich auch direkt\u2026","rel":"","context":"In &quot;Webdesign&quot;","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"CSS Reference von Sitepoint","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/sitepointcss.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":607,"url":"https:\/\/textundblog.de\/?p=607","url_meta":{"origin":969,"position":2},"title":"Gutes CSS-Teamplay","author":"Markus","date":"1\/11\/2005","format":false,"excerpt":"Webseiten werden mit Cascading Style Sheets (CSS) professionell gestaltet. Hat man l\u00e4nger nicht mehr an den Style Sheets von zur\u00fcckliegenden Projekten gearbeitet, f\u00e4llt es manchmal schwer, sich in den eigenen Stilvorschriften zurecht zu finden. Wie man CSS besser strukturiert, vor allem wenn mehrere im Team an CSS-Dateien zusammenarbeiten, erl\u00e4utert Mike\u2026","rel":"","context":"In &quot;Webdesign&quot;","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":408,"url":"https:\/\/textundblog.de\/?p=408","url_meta":{"origin":969,"position":3},"title":"Von Head bis Body auf CSS eingestellt","author":"Markus","date":"22\/6\/2005","format":false,"excerpt":"Sch\u00f6ne Idee von \"Vorsprung durch Webstandards\": Webdesigner erkl\u00e4ren ihre Liebe zu CSS: \"Falling in love with CSS\" Styling with CSS puts the fun back in styling the rather boring elements such as lists, quotes in text, text links etc. And an extra added bonus is the cleaner, lighter and more\u2026","rel":"","context":"In &quot;Webdesign&quot;","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"Falling in love with CSS","src":".\/wp-content\/i-love-css.jpg","width":350,"height":200},"classes":[]},{"id":2517,"url":"https:\/\/textundblog.de\/?p=2517","url_meta":{"origin":969,"position":4},"title":"Oktoberlekt\u00fcre: Fortgeschrittene CSS-Techniken","author":"Markus","date":"16\/9\/2008","format":false,"excerpt":"Da ich bei diesem Gewinnspiel zum Buch: Fortgeschrittene CSS-Techniken h\u00f6chstwahrscheinlich eh keine Chance gehabt h\u00e4tte, habe ich mir das Buch kurzerhand selbst gekauft. Heute ist es angekommen. Nach meiner R\u00fcckkehr aus Spanien werde ich im Oktober die von Corina Rudel und Ingo Chao verfassten 424 Seiten aufmerksamst durcharbeiten. Denn zu\u2026","rel":"","context":"In &quot;Literatur&quot;","block_context":{"text":"Literatur","link":"https:\/\/textundblog.de\/?cat=11"},"img":{"alt_text":"Fortgeschrittene CSS-Techniken - au\u00dfen","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/fortgeschrittcssbuch.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":3530,"url":"https:\/\/textundblog.de\/?p=3530","url_meta":{"origin":969,"position":5},"title":"3x Las Meninas: Audioguide, CSS-3D &#038; Prado in Google Earth","author":"Markus","date":"23\/5\/2010","format":false,"excerpt":"Ich habe diese Woche schon einmal \u00fcber eine Meldung gebloggt, die mit dem Bild \u00abLas Meninas\u00bb von Vel\u00e1zquez zu tun hatte und zwar im ciberaBlog, weil die Infanta Margarita durch den wirklich sehr gut gemachten Audioguide f\u00fcr Kinder im Madrider Prado f\u00fchrt. Gestern bin ich erneut auf das durch seine\u2026","rel":"","context":"In &quot;Spanisch&quot;","block_context":{"text":"Spanisch","link":"https:\/\/textundblog.de\/?cat=8"},"img":{"alt_text":"Las Meninas von Diego Vel\u00e1zquez","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/lasmeninas-css.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=969"}],"version-history":[{"count":0,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/969\/revisions"}],"wp:attachment":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=969"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=969"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}