30 Pure CSS Alternatives to Javascript With all the cool things that surround Javascript (especially with jQuery) its easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all dancing interactive site, with absolutely no scripting at all. The pure CSS techniques, outlined in this article, are neither new nor are they ground-breaking. What they do offer is CSS solutions to what would typically and traditionally be associated with Javascript, and as a demonstration that they do exist and could be quite easily used. Having said all that, we are in no way saying that these techniques are in anyway better than there Javascript equivalent, just an optional alternative and as a proof of concept. In this article we have concentrated on showing as many varied CSS techniques that cover the full spectrum of web site interactivity, thus we have intentionally minimized the number of pure CSS navigation methods, of which there are literally hundreds. CSS Image Map CSS Image MapDemo Pure CSS Timeline
Negative Space Art by Noma Bar EmailEmail Israeli illustrator Noma Bar creatively uses negative space to create some incredible illustrations with double meanings. His artworks are so simple, yet so clever you you cannot not fall in love with. “An artist using “negative space” relies on the space that surrounds the subject to provide shape and meaning. Of course, the term also refers to any topic that conjures feelings of unease and discomfort,” says the artist in his latest book called ‘Negative Space’. Bar has illustrated over sixty magazine covers, published over 550 illustrations and released two books: ‘Guess Who – The Many Faces of Noma Bar‘, in 2008 and ‘Negative Space‘ in early 2009[1]. Pointed Sense Hoodies Wish You Were Here Gun Crime Final Cut Red Riding Hood Swimmer Escape The Weather Hunger Tea For Two War and Peace Shy Guy Banged Up Power To The Individual Iraq Oil Pensions & Property Forgive Your Enemies Bomb Negative Space Book Cover Business In War Burka Ban IBM: In India Tiny Loans Can Make Bigger Difference Kenny
10 techniques avancées et secrets de CSS2 A l'heure où les anciennes versions d'Internet Explorer disparaissent, il devient plus que temps de s'ouvrir aux secrets d'un langage malheureusement trop peu connu : CSS2, ou plus précisément CSS2.1. De larges parties de CSS2 ont été occultées en raison des faiblesses d'IE6 puis d'IE7. Le marché actuel nous offre enfin la possibilité, au cas par cas, de négliger ces anciennes versions du navigateur de Microsoft. Un monde sans Internet Explorer 6 Selon les statistiques européennes, le vénérable ancêtre IE6 ne représenterait aujourd'hui que 2% du marché. min-width, max-width, min-height, max-height Les propriétés de minima et maxima, reconnues dès IE7, facilitent la vie et évitent l'usage de JavaScript dans de nombreux cas de figure : :first-child La pseudo-classe CSS2 :first-child offre la possibilité de cibler uniquement le premier élémént au sein de son parent. :hover Les illustrations de cette pseudo-classe en action sont nombreuses. Sélecteur d'enfants (A > B) Sélecteur d'attribut [attr]
Video Game Music | Nostalgic Gamer You will get very nostalgic as I did listening to these old memories. I almost dropped a tear while listening no Pokemon Pallet Town theme song. So, did you get nostalgic after hearing some of your childhood classics? The times when you have played these games with your school friends or even at the university or at bars. Which one almost made you drop a tear? Rating: 4.8/ 5 (119 votes cast) Video Game Music , 4.8 out of 5 based on 119 ratings Comments comments Powered by Facebook Comments Warning : base64_decode() has been disabled for security reasons in /home/nostalgi/public_html/wp-content/themes/TheSource_2/footer.php on line 1 Warning : base64_decode() has been disabled for security reasons in /home/nostalgi/public_html/wp-content/themes/TheSource_2/footer.php on line 1 Warning : preg_match() [ function.preg-match ]: Empty regular expression in /home/nostalgi/public_html/wp-content/themes/TheSource_2/footer.php on line 1
CSS3 . Info - All you ever needed to know about CSS3 Binnenlands weerbericht 27 mei 2012 De Nederlandse Publieke Omroep maakt gebruik van cookies. We maken een onderscheid tussen functionele cookies en cookies voor het beheer van webstatistieken, advertenties en social media. De cookies bevatten geen persoonsgegevens en zijn dus niet tot een individu te herleiden. Waarom cookies? De Nederlandse Publieke Omroep maakt gebruik van cookies. Klik hier voor meer informatie over cookies en een overzicht van de sites waar je toestemming voor geldt. Cookie instellingen aanpassen? De cookie instellingen voor de websites van de Nederlandse Publieke Omroep zijn te allen tijde te wijzigen. Cookie-instellingen aanpassenAkkoord
Zoomer une image avec les CSS - CSS Debutant Zoomer une image, à l'aide des CSS2, lors de son survol de la souris peut se faire très facilement. Il suffit de combiner le pseudo-élément :hover à la balise img (image). Hélas, tant que MSIE6 existera, il faudra utiliser d'autres moyens pour le même résultat. En effet, il n'implémente :hover que pour les liens... Ce tutoriel décrit deux méthodes pour zoomer une image 100% CSS, la première simplissime mais inopérante avec MSIE6, la seconde utilisant la technique des « portes coulissantes ». Sommaire Première technique Fonctionne avec : FireFox MSIE 7 + Mozilla / SeaMonkey Opéra 7 + Safari Attributs utilisés : img:hover Code (x)html L'image est déclarée dans le code html sans valeurs de tailles (ni width, ni height) : Code CSS Pour éviter tout saut, ou recouvrement, du texte sous-jacent lors du zoom, on peut déclarer cette image dans un cadre (ici appelé zoom) de hauteur égale à la photo zoomée (ici 400px). Zone de test Haut Seconde technique Tous les navigateurs graphiques Astuces Variante
Datavisualization.ch Selected Tools