CSS3/HTML5

Facebook Twitter
CSS3 Transforms & @font-face Experiment | neography CSS3 Transforms & @font-face Experiment | neography Wednesday, March 31st, 2010 This is the first of what I hope are num­ber of exper­i­ments I plan on work­ing on over the next few months, all in an effort to get acquain­ted with some of the new CSS3 fea­tures out in the wild that seem to be gain­ing some traction. The last few months have been pretty excit­ing, with all the talk about new CSS3 fea­tures and how browsers are adding sup­port for them, it’s a great time to be a designer for the web. It’s a lot easier these days to exper­i­ment with dif­fer­ent typefaces, lay­outs and tech­niques pre­vi­ously not available. Take a look at the image below: No, it’s not a poster.
CSS3 Background-Clip Text & @font-face
We are proud to announce the first HTML5 Live conference in London. We're bringing together Google, Adobe, Microsoft, Mozilla, Opera, and more...all under one roof, all talking the latest and greatest about HTML5. Join us for an information-filled, interactive day with the industry visionaries and experts who are driving the HTML5 standard along with practitioners deploying real-world case studies. The HTML5 Live program dives into areas of Browser Support, Architecture, Communication, Mobile and Web Applications. HTML5 Live Conference HTML5 Live Conference
When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can add any style to it and have it rendered properly. Darcy Clarke and I put a quick tutorial together on how to use jQuery to make perfect rounded corner images dynamically. Today I'm going to revisit the topic and show you how much more you can do with the background-image CSS trick. I will show you how to use box-shadow, border-radius and transition to create various image styles. View Demo Image Styles CSS3 Image Styles

CSS3 Image Styles

20 Things I Learned About Browsers and the Web IllustrationChristoph Niemann Writers/EditorsMin Li Chan, Fritz Holznagel, Michael Krantz Project CuratorMin Li Chan & The Google Chrome Team DesignFiPaul Truong DevelopmentFi Very Special Thanks To Brian Rakowski, Ian Fette, Chris DiBona, Alex Russell, Erik Kay, Jim Roskind, Mike Belshe, Dimitri Glazkov, Henry Bridge, Gregor Hochmuth, Jeffrey Chang, Mark Larson, Aaron Boodman, Wieland Holfelder, Jochen Eisinger, Bernhard Bauer, Adam Barth, Cory Ferreria, Erik Arvidsson, John Abd-Malek, Carlos Pizano, Justin Schuh, Wan-Teh Chang, Vangelis Kokkevis, Mike Jazayeri, Brad Chen, Darin Fisher, Johanna Wittig, Maxim Lobanov, Marion Fabing Nicolas, Jana Vorechovska, Daniele De Santis, Laura van Nigtevegt, Wojtek Cyprys, Dudley Carr, Richard Rabbat, Ji Lee, Glen Murphy, Valdean Klump, Aaron Koblin, Paul Irish, John Fu, Chris Wright, Sarah Nahm, Christos Apartoglou, Meredith Papp, Eric Antonow, Eitan Bencuya, Jay Nancarrow, Ben Lee, Gina Weakley, Linus Upson, Sundar Pichai & The Google Chrome Team 20 Things I Learned About Browsers and the Web
Update: Thanks for all the interest and feedback on 20 Things I Learned about Browsers and the Web! We hope to open-source the code in the coming months and will post an update when we do. Stay tuned. Twenty years ago this month, Tim Berners-Lee published his proposal for the World Wide Web. HTML5, browsers, and books, twenty years later HTML5, browsers, and books, twenty years later
Get a peek into the book's content with these free excerpts. You can also see a brief table of contents, images of some of the book's pages, and links to related resources. Sample of Chapter 1: The CSS3 Lowdown [external article] Read the case study of a real web page that was made more efficient by using CSS3 instead of its existing, older styling methods in this short excerpt from Chapter 1. Sample of Chapter 2: Speech Bubbles [PDF] Learn how to create the appearance of speech bubbles without using any images. Samples | Stunning CSS3: A Project-based Guide to the Latest in CSS | A book by Zoe Mickley Gillenwater Samples | Stunning CSS3: A Project-based Guide to the Latest in CSS | A book by Zoe Mickley Gillenwater
HTML5 Techniques - Ultimate Collection of Tutorials As my experience we always close to the latest technologies as we have one step ahead on web development techniques as HTML5. HTML 5 is the advanced version of HTML. HTML 5 is giving new techniques and advanced features/structure in designing. These new features and tags makes designing very easy to create a web page. CSS3 and HTML 5 are capable of revolutionizing the way we design websites. HTML5 Techniques - Ultimate Collection of Tutorials