Google Chrome Extensions Differences Between CSS2.1 and CSS3+ Most of us know that with the introduction of what we customarily call “CSS3″1, there have been changes and additions to CSS, compared to what we had in CSS2.1. Putting all cross-browser issues aside, I thought it would be nice to be able to document all these changes into a single post and keep it up to date. So if you want a list of everything that’s been introduced into the CSS spec since CSS2.1, here it is. New Properties Following is a list of CSS properties that were not defined in the CSS2.1 specification. New Values Properties from CSS2.1 have new values added to them in CSS3. New Selectors Following is a list of selectors introduced in CSS3. Other Miscallaneous New Features Other new features not part of CSS2.1 include: @font-faceMedia QueriesKeyframe animations using @keyframesConditional styles using @supportsNamespacing using @namespaceRegionsFilters Features Still in Flux The lists above aren't exhaustive. Summary Notes 1.
The HTML5 test - How well does your browser support HTML5? 25 Websites To Have Fun With Your Photos | Web 2.0 Getting a little bored with how your photos are presented online? How about injecting some fun and humor into it? You don’t really need to be Photoshop literate to edit and add effects to your photos. The best part is – they are free, the output is shown immediately on the fly, and no installation of apps is required. 13 Sites to Create Cartoon Characters of Yourself 13 Sites to Create Cartoon Characters of Yourself Thanks to many free web services, you don't have to pay an artist for your cartoon illustrations. PhotoFunia One of the hottest site with tons of creative backgrounds to play around with. Photo505 We’d say, with Photo505 and Photofunia, you’ll be buzy for days. Loonapic Make funny photos by embedding your face from the photo into the various templates. PhotoWorks PhotoWorks transforms your not-so-perfect photos into masterpieces. Write On It Easily create your fake pictures, captions and fake magazines, and other funny jokes for you and your friends. Dumpr Anymaking PiZap Funny Photos
untitled Disclaimer: "PMI®", "PMBOK®", "PMP®", "PMI-RMP®", "CAPM®" and "PMI-ACP®" are registered marks of the Project Management Institute, Inc. The Swirl logoTM is a trade mark of AXELOS Limited. ITIL® is a registered trade mark of AXELOS Limited. Certified ScrumMaster® (CSM) and Certified Scrum Trainer® (CST) are registered trade marks of SCRUM ALLIANCE® The APMG-International Finance for Non-Financial Managers and Swirl Device logo is a trade mark of The APM Group Limited. The Open Group®, TOGAF® are trademarks of The Open Group IIBA®, the IIBA® logo, BABOK® and Business Analysis Body of Knowledge® are registered trademarks owned by International Institute of Business Analysis. CBAP® is a registered certification mark owned by International Institute of Business Analysis. COBIT® is a trademark of ISACA® registered in the United States and other countries. CISA® is a Registered Trade Mark of the Information Systems Audit and Control Association (ISACA) and the IT Governance Institute.
Une «classe conditionnelle» pour IE 6 et 7 - Alsacréations Les cancres du Web, Internet Explorer 6, 7 et parfois 8, nous mènent souvent la vie dure. Même quand on s’abaisse à leur niveau, il leur arrive de ne pas comprendre, ou d’y mettre de la mauvaise volonté. La solution classique (comprendre: à l’ancienne) est d’utiliser des hacks CSS. Ces derniers sont déconseillés car peu fiables; en effet, on ne sait jamais à l’avance quels seront les navigateurs sur le marché dans deux ou cinq ans, et comment ils comprendront ou pas nos hacks CSS. Nous allons voir dans cet article que l’utilisation habituelle des commentaires conditionnels a quelques inconvénients, et proposer une technique qui combine plusieurs avantages : les classes conditionnelles. Le problème des commentaires conditionnels Les commentaires conditionnels se présentent comme des instructions dotées d’une condition (if) et qui peuvent se placer à n’importe quel endroit du document (X)HTML. Au final, vous jonglerez avec au minimum trois feuilles de styles CSS : Une alternative ?
Performance Comparison of Major Web Browsers The latest versions of the five major most web browsers (Mozilla Firefox 3.5, Google Chrome 3.0, Microsoft Internet Explorer 8.0, Opera 10.0, and Apple Safari 4.0) went head to head under six performance indicators: JavaScript speed, average CPU usage under stress, DOM selection, CSS rendering speed, page load time, and browser cache performance. Each web browser was tested three times under an unprimed cache (except for the browser cache performance), and their average value reported in the results. Click to enlarge: Download the Data If you’d like to download the raw data, you can grab them as a CSV below. web-browser-performance-data.csv (CSV, 2.0KB) Benchmarking Tools Acknowledgement: Thanks to Sean Hurley of 96Robots for inspiring this study. Related Content About the Author Jacob Gube is the Founder and Chief Editor of Six Revisions.
CSS Font-Size: em vs. px vs. pt vs. percent / Kyle Schaeffer One of the most confusing aspects of CSS styling is the application of the font-size attribute for text scaling. In CSS, you’re given four different units by which you can measure the size of text as it’s displayed in the web browser. Which of these four units is best suited for the web? It’s a question that’s spawned a diverse variety of debate and criticism. Finding a definitive answer can be difficult, most likely because the question, itself, is so difficult to answer. Meet the Units “Ems” (em): The “em” is a scalable unit that is used in web document media. So, What’s the Difference? It’s easy to understand the difference between font-size units when you see them in action. As you can see, both the em and percent units get larger as the base font-size increases, but pixels and points do not. Em vs. We’ve decided that point and pixel units are not necessarily best suited for web documents, which leaves us with the em and percent units. The Verdict The winner: percent (%).