background preloader

CSS3 Generator

CSS3 Generator

CSS Menu Builder 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

CSS Text Wrapper 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

Box Shadow Generator | CSS3 Generator | CSS3Gen Use this CSS3 box shadow generator to quickly generate box shadow CSS for your project. Your browser does not support the CSS3 box-shadow property. You can still use this tool to generate the CSS3 rule, but you won't be able to see the results. <div class="error_msg">Please enable Javascript to use this page.</div> Box Shadow Explained The CSS3 box-shadow property allows you to add depth to your website's design without the need for images or extra container elements. While the syntax is easy to understand, it is hard to visualise the style using just code. The box-shadow syntax works as follows: The first value defines the distance of the box shadow in the x (horizontal) direction and the second value defines the distance in the y (vertical) direction. Optionally you can include an additional parameter after the blur distance: This defines the spread distance of the shadow. Supporting Browsers

CSS3 . Info - All you ever needed to know about CSS3

Related: