background preloader

Prefix free: Break free from CSS vendor prefix hell!

Prefix free: Break free from CSS vendor prefix hell!
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile. If it doesn’t work in any of those, it’s a bug so please report it. Just before you do, please make sure that it’s not because the browser doesn’t support a CSS3 feature at all, even with a prefix. In older browsers like IE8, nothing will break, just properties won’t get prefixed. Test the prefixing that -prefix-free would do for this browser, by writing some CSS below: Properties/values etc that already have a prefix won’t be altered. It’s not ideal, but it’s a solution, until a more intuitive way to deal with these cases is added in -prefix-free. Please note that in unsupported browsers like IE8, no such class will be added. Firefox (and IE?)

http://leaverou.github.io/prefixfree/

Related:  Outils utiles

CSS Formatter and Beautifier Enter your messy, minified, or obfuscated CSS Style Sheets into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes. 18 Social Media Icons You Need to Know Sure, you know what those Twitter, Facebook, reddit and Digg icons mean at the bottom of most blog posts these days, but what about all those other funny-looking ones? There's a pantload of them - so many that it can be overwhelming and confusing. Allow us to break down our 18 favorites for you (click each icon to be taken to their Web site):

13 Really Useful Online CSS Tools to Streamline Development CSS is nearly used on every modern website design. However, having to write and structure CSS code from scratch every time you have a project is extremely time consuming. Below, we present you with 13 amazingly useful CSS tools for hacking on writing time consuming code. We tried to place emphasis on unknown tools that every developer should have a looksy at, however don’t be surprised if we included a few known sources. We encourage you to find use of these tools and find ways to improve your development process. 3D Transforms and Animations < CSS 3D Transforms were first implemented by the Safari/WebKit team ages ago. Support in other browsers is still variable, but getting better. CSS3 animation and 2D transforms have been implemented in Safari, Firefox, Opera and even Internet Explorer 10, but in this article we're taking it a step further using keyframes to set up perpetual animation effects in 3D space. These effects will work in WebKit (Safari/iPhone/iPad and Chrome) and Mozilla (Firefox) browsers.

SwatchBooker Features Reads color swatches from: Adobe aco, acb, act, ase, acf, bcf, clrAutoCAD acb (unencrypted only!)ColorSchemer csCorel cpl, xml (X5)GIMP gplICC named colors profilesOpenOffice.org socQuarkXPress qcl (+cui)RAL bcsRIFF palScribus xmlVivaDesigner xmlXara jcw Reads gradient swatches from:

Photographer's Girlfriend Leads Him Around the World My Modern Metropolis Photographer's Girlfriend Leads Him Around the World Photographer Murad Osmann creatively documents his travels around the world with his girlfriend leading the way in his ongoing series known as Follow Me To. Chronicling his adventures on Instagram, the Russian photographer composes each shot in a similar fashion. 8 Best Tools to Make Easy CSS3 Development CSS or cascading style sheet is basically a style sheet language that is used to describe the presentation semantics or the looks and formatting of a document. This document is written in a mark-up language. One of its basic uses is to style the web pages that are either written in HTML or XHTML but this language can also be applied to any other kind of document. CSS also does a major job that is it separates the content of the document from the presentation of the document and in addition it also includes features like layouts, colors and fonts. This separation that is done by CSS improves the accessibility of the content and also provides more flexibility and control in the specification of presentation. CSS also enables the mark-up languages to be printed in various forms.

Full page slider using HTML5, CSS3, and JS Sliders are the latest craze in the web dev and design world. In this tutorial, I’ll teach you how to make a beautiful, full page slider, which can be used for promotional work, using HTML5, CSS3, and Javascript. We’ll learn how to use event listeners, a bit of object oriented JS, and how to minimize repetitions using functions effectively.

Autoprefixer: A Postprocessor for Dealing with Vendor Prefixes in the Best Possible Way By Andrey Sitnik On The following is a guest post by Andrey Sitnik, the creator of the Autoprefixer tool, a "postprocessor" for handling vendor prefixes in CSS. Why use this instead of your preprocessor or another tool? Many reasons. Andrey will explain. Autoprefixer parses CSS files and adds vendor prefixes to CSS rules using the Can I Use database to determine which prefixes are needed.

The 101 Most Useful Websites on the Internet Here are the most useful websites on the Internet that will make you smarter, increase productivity and help you learn new skills. These incredibly useful websites solve at least one problem really well. And they all have cool URLs that are easy to memorize thus saving you a trip to Google. Also see: The Best Android Apps Also see: The Best Mac Apps and Utilities CSScomb: Sorting CSS Properties, The Better Way This is our seventh article in a series that introduces the latest useful and freely available tools and techniques, developed and released by active members of the Web design community. The first article covered PrefixFree1; the second introduced Foundation2, a responsive framework; the third presented Sisyphus.js3, a library for Gmail-like client-side drafts. The fourth shared a free plugin called GuideGuide4 with us, and later we’ve announced Erskine’s responsive grid generator Gridpak5 and JS Bin6. This time we present CSScomb, a tool to help you sort and categorize CSS properties in your code to improve maintenance. As of this writing, Web browsers support about 200 different CSS properties.

Advertisments News Techniques and Ideas We all know ads sells best. Yet, once you hit the store you will be hunting for two things: The product price and product package. In the following article we will show you list of world’s best product package designs from all around the world. When you decide for what you like, do not forgot to appreciate the work behind the designing and do not forget that it’s all about advertisements ideas. Fisherman rubber boots

Related: