background preloader

CSS - Contents and compatibility

CSS - Contents and compatibility

20 CV templates bundle, including editable sources. (PSD files) In the world of design, you’d be amazed by the amount of people that have a nicely done curriculum. If you haven’t considered having yours yet, you should have in mind that this could be a great tool to get your work to be seen indirectly by any passerby. Even though creating one seems pretty simple, you don’t always get the result you’re looking for in the end. CV Template 1 CV Template 2 CV Template 3 CV Template 4 CV Template 5 CV Template 6 CV Template 7 CV Template 8 CV Template 9 CV Template 10 CV Template 11 CV Template 12 CV Template 13 CV Template 14 CV Template 15 CV Template 16 CV Template 17 CV Template 18 CV Template 19 CV Template 20 Remember that best way to say thanks is by giving us a comment! Read Carefully, Specially: Hotmail / MSN / OutLook users, please check your spam/junk folder to get our msgs and mark us as safe senders (see how) to be sure you can get all our freebies. Download free 5 Templates included. Some other freebies:

A new micro clearfix hack The clearfix hack is a popular way to contain floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required. Demo: Micro clearfix hack Known support: Firefox 3.5+, Safari 4+, Chrome, Opera 9+, IE 6+ The “micro clearfix” method is suitable for modern browsers and builds upon Thierry Koblentz’s “clearfix reloaded”, which introduced the use of both the :before and :after pseudo-elements. Here is the updated code (I’ve used a shorter class name too): This “micro clearfix” generates pseudo-elements and sets their display to table. Including the :before selector is not necessary to clear the floats, but it prevents top-margins from collapsing in modern browsers. It ensures visual consistency with other float containment techniques that create a new block formatting context, e.g., overflow:hiddenIt ensures visual consistency with IE 6/7 when zoom:1 is applied.

What Are CSS Sprites? > A Quick Example: Button Rollovers Team Fusion » Equipe technique #3 de PMSIpilot CSS current work & how to participate Ex­pla­na­tion of col­ors & status codes W3C indicates the maturity of specifications by a status code. The CSS working group uses the following, from least to most stable: The names are defined in sections 7.3 and 7.4 of the W3C process document. The informal stability levels used to group the specs are defined in this 2007 description of CSS stability levels. If you want to help Everybody can take part in the discussions on the archived mailing list On the mailing list, you will be talking to many people, many very busy people. If you are sending comments on a specific CSS module, please prefix the subject of your message with the appropriate spec code (given in the “Status of this document” section) in brackets, e.g. Laurens Holst (a.k.a. If you work for a W3C member organization, you can also join the CSS working group and see drafts before they are published. About the test suites The test suites have their own archived mailing list

A Collection of Useful Web Design Wireframing Resources In the initial stages of a project, when ideas aren’t quite fully formed, it’s good practice to wireframe the layout of your mobile app or web project by stripping away all design elements and flourishes to help define and better communicate the information hierarchy of the layout and plan for functionality and user flow. Whether you create them using a whiteboard, pencil and paper, web-based tools, or using a graphic application, effective wireframing and planning play a critical role in the success of your product. While most wireframing tools are readily and freely available (pen, paper, markers…), you may have to pay to use some web-based tools, and if you know where to look, you can also grab some free, templates for graphic applications like Photoshop, Illustrator or Sketch. Lucky for you know where to look, as you have landed on this page! Material Design Wireframe Kits Material Design Wireframe Kit (Sketch). Material Design Mobile Wireframe Templates (PSD). iOS Wireframe Kits

Don’t use IDs in CSS selectors? ❧ (@boblet) Recently I came across the post by Matt Wilcox called CSS Lint is harmful, ranting about the useful free tool CSS Lint. The “Don’t use IDs in selectors” suggestion seems to have offended Matt the most, but I was surprised that many commenters also mentioned this as being a reason to avoid CSS Lint. This surprised me because smart people have been saying prefer classes to IDs for a while now. The article was light on reasons why this suggestion might be bad, but it boils down to: Performance — IDs are “the fastest way a browser can select a given element”If they’re already in the markup it’s best to use them for CSSI’ve been using IDs like forever… waddya mean I shouldn’t use them!? Performance # It’s a common belief that ID selectors are the fastest, but this comes with a big caveat: IDs are fastest CSS selector only if they’re the key selector. #home a {…} We’d generally read this selector as find the element with id="home", then apply these styles to every a it contains. Conclusion #

Fitted Doors NO Images Pre 2006 copyright © stu nicholls - CSS play Information Another one based on sliding doors this one uses NO images so it can be INFINITELY resized. Works in IE5.01, IE5.5, IE6, Opera 7.5, Mozilla, Firefox and NN7.1. Update 1st June 2004 The third menu added, just for Ryan, to show how you could mix single and double line tabs. Update 10th April 2005 Probably easier to use the 'Snazzy Menu'. Update 21st August 2006 Rewritten to make this work in Opera v9.01 Copyright You may use this method on your personal 'non-profit' web site without seeking my permission. Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced.

Installer xhprof et xhprof gui sur Zend Server - ::franek:: Xhprof est un profiler de code PHP. C'est un concurrent de Xdebug développé par Facebook. Il a le gros avantage de permettre de visualiser l'évolution de la mémoire. Il ne nécessite pas l'utilisation d'un logiciel tiers (type KCachegrind, non disponible sous Windows...argh...) et peut être installé sur un serveur de production sans, normalement, trop dégrader les performances. Je vais ici vous décrire son installation sur Zend Server CE et l'installation de xhprof gui Si vous utilisez une installation de PHP moins exotique (genre une debian avec les dotdeb), son installation sera, à mon avis, simplifiée : apt-get install php5-xhprof Installation de xhprof On récupère les sources et on les décompresse : $ wget http: $ tar xvfz xhprof-0.9.2.tgz On compile : $ cd xhprof-0.9.2/extension $ /usr/local/zend/bin/phpize $ . On modifie la configuration de PHP pour lui indiquer de charger cette extension : $ sudo vi /usr/local/zend/etc/php.ini On ajoute : $ mkdir -p /tmp/xhprof $ chmod 777 /tmp/xhprof <? <?

Comparison of layout engines (Cascading Style Sheets) The following tables compare CSS compatibility and support for a number of layout engines. Please see the individual products' articles for further information. Unless otherwise specified in footnotes, comparisons are based on the stable versions without any add-ons, extensions or external programs. Explanation of the tables[edit] Engine nomenclature[edit] Rather than the names of web browsers and HTML to PDF converters, the names of the underlying engines are used. Values[edit] Values indicate the level of support in the most recent version of the layout engine, or (if a version number is given) in the specified version. ! @import — Whilst Gecko, WebKit and iCab download all media stylesheets immediately, Opera only downloads handheld, print, projection and screen media, as well as speech if "voice" feature is enabled and TV, on TV devices. :read-only and :read-write — Both Presto and KHTML handle the case of the contenteditable attribute incorrectly.

45 free Photoshop actions to create stunning effects | Photoshop Adobe's flagship image-editing software Photoshop has a powerful programming language built-in that allows you to record tasks as an 'action' and replay the steps to complete the task automatically. Not only can you record your own but you can also import actions, opening up a whole range of effects and time-saving options – whether you're using an older CS or have signed up to the very latest Creative Cloud version. So to add to our collections of Photoshop plugins and Photoshop resources, here are some great Photoshop actions that are free to download and install, for photographers, graphic designers, game artists and more. You can jump to the section you want from the dropdown menu above, but you should definitely check out the entire list – who knows where inspiration will strike! Photo filters 01. If your photos just aren't sinister enough for your liking, this free action should make things a little more unsettling. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13.

Stop Making Sprites (Compass, Sass, and PNG Sprite Generation) | Viget Inspire Update 01/11/12: new code at the bottom of this post. Sass has been kicking around for a while, but I hadn’t given it a try until just recently. Sass usually goes hand-in-hand with Rails, Compass makes it so easy to run Sass on standalone projects that I’ve started using it on nearly everything. The result is faster, DRYer, more enjoyable coding. The biggest benefit for me has been Compass’s sprite generation, which — if done right — can cut down your coding time and filesize. Sprites are an optimization best practice, but they’re no fun to work with. It also does things the Rails way, in that it provides conventions to follow rather than configuration to specify. Folder Structure This is how I’m laying out the example project: I like to separate any compile-to stuff from the actual final output — hence “compile” and “assets”. Sass allows you to break CSS up and @import it into a single file at compile time, and I tend to go crazy with this feature. compass watch compile/sass/all.scss

Related:  Docs et Tutos CSS3browsersvarious stuff 5Web Standards