Mise à jour le 07/05/2015
Je suis en train de réorganiser, c’est en vrac pour l’instant
CSS
- A new micro clearfix hack
- International box-sizing Awareness Day | CSS-Tricks
- Absolutely Positioned Textareas
- Better conditional classnames for hack-free CSS
- Better float containment in IE using CSS expressions
- Choice & Value Pair
- Conditional comment sur Wikipedia
- Conditional comments
- CSS Background: There’s More To Know Than You Think
- CSS Basics: How to Design & Code a Stylish Button
- CSS Selectors: Should You Optimize Them To Perform Better?
- CSS Specific for Internet Explorer
- CSS Tabs
- CSS: fonts
- currentColoR
- Developing Streamlined and Efficient CSS Styles
- Efficiently Rendering CSS
- Flared Borders with CSS – Blog – Ordered List
- Full Browser Width Bars
- Functional CSS Tabs Revisited
- Go fetch yourself!
- Yay for HSLa
- Hover on “Everything But”
- How to Create Presentation Slides with HTML and CSS
- How To Develop Elastic Grid Layouts In CSS
- Implied Block
- Position Text Labels on Forms Using CSS » User Experience
- Pseudo Spriting
- Rethinking CSS Grids
- Russ Weakley sur SlideShare
- Sans-Serif
- Styling Texty Inputs Only
- The Difference Between :nth-child and :nth-of-type
- Useful :nth-child Recipes
- Useful :nth-child Recipes
- Website Speed Part 1: Write More Efficient CSS
- When Using !important is The Right Choice
- Writing Better HTML & CSS (Slides from FOWA London)
- Reveal a Background Image upon Text Selection
- Persistent Headers
- Confused About REM and EM? | Jeremy Church
- Float Labels with CSS | CSS-Tricks
- “Mobile first” CSS and getting Sass to help with legacy IE
- CSS3 Slideup Boxes
- Intro to CSS Animations
- 24 ways: Everything You Wanted To Know About Gradients (And a Few Things You Didn’t)
- A List Apart: Articles: Fluid Images
- A List Apart: Articles: Responsive Web Design
- Adaptive & Mobile Design with CSS3 Media Queries
- Animated Buttons with CSS3
- Animated Sprites with CSS3 Transitions
- Awesome New CSS3 Selectors
- Blur Menu with CSS3 Transitions
- Color Animate Any Shape with a Knockout PNG
- Creative CSS3 Animation Menus
- CSS drop-shadows without images
- CSS Filters
- CSS Tip: CSS Media Queries
- CSS3 @font-face Design Guide
- CSS3 Animation Hit List
- CSS3 Image Styles
- CSS3 Loading Spinner
- CSS3 Media Queries
- CSS3 Media Queries Tutorial: Part 1
- CSS3 Media Queries Tutorial: Part 2
- CSS3 Progress Bars
- Custom Scrollbars in WebKit | CSS-Tricks
- Fold Out Popups
- Fullscreen Background Image Slideshow with CSS3
- Fun With Blurred Text
- How to avoid common CSS3 mistakes
- How to Create a CSS3 Blurred Text Link Effect
- How To Create A Pure CSS Glow Text On Hover
- How to Create Retina Graphics for your Web Designs
- How to Design for Apple’s Retina Displays
- How to Make Your Website Respond to Different Mobile Devices
- How To Use Media Queries For Device Targeting
- Infinite All-CSS Scrolling Slideshow
- Inspiration: Fluid & Responsive Design
- iPhone Safari Viewport Scaling Bug
- Mastering CSS Reflections in Webkit
- Media Queries
- Numbering In Style
- Optimizing Graphics for Apple’s Retina Display Using the CSS Background Size www.studiopress.com
- Parallax Background of Stars (plus CSS3 keyframe animation)
- Plugins | Ultimate Google Fonts with beautiful CSS3 effects
- postcard from Paris – css3 keyframes animations in use
- Pure CSS folded-corner effect – Nicolas Gallagher
- Pure CSS3 box-shadow page curl effect
- Responsive Column Layouts
- Responsive Design in 3 Steps
- Responsive images using CSS3
- Responsive Web Design
- Rotating Feature Boxes
- Sideways Headers
- Sprites and Retina Displays miekd.com
- Tabs with Round Out Borders
- The fancy Apple.com navigation menu created using only CSS3.
- The practicalities of CSS Media Queries, lessons learned.
- Window Inactive Styling
- YouTube Popup Buttons
- A Really Nice Way To Handle Popup Information
- Convert a Menu to a Dropdown for Small Screens
- Stacked Photo Gallery Using JQuery & CSS3
- Animated Media Queries | CSS-Tricks
- Controlling CSS Animations and Transitions with JavaScript | CSS-Tricks
- 25+ Inspiring CSS3 Demos from Codepen
- Social Buttons made in CSS based on Bootstrap
- Multiple Attribute Values. Savoir créer des règles CSS su rles attributs HTML5.
- Boxes That Fill Height (Or More) (and Don’t Squish) | CSS-Tricks. Avec les propriété Flex
- Les multicolonnes en CSS3 – Alsacreations
- CSS Gradients | CSS-Tricks
- Basics of CSS Blend Modes | CSS-Tricks
- Reveal CSS Animation on Scroll Down with WOW.js
- When To Use The Button Element | CSS-Tricks
- Pure CSS Responsive Navigation Menu
- Multi-Line Padded Text | CSS-Tricks
- Transformer Tabs | CSS-Tricks
- Tinted Images with Multiple Backgrounds | CSS-Tricks
- Targetting Menu Elements with Submenus in a Navigation Bar | CSS-Tricks
- Flexible CSS cover images – Nicolas Gallagher
- Myth Busting: CSS Animations vs. JavaScript | CSS-Tricks
CSS Animation
CSS Développement
- Working With LESS and the Chrome DevTools | Nettuts+
- BEM and SMACSS: Advice From Developers Who’ve Been There
CSS Flexbox
- How To Get Started With CSS Flexbox. Très bon article avec beaucoup d’exemples complets.
- CSS3 Flexbox Layout module – Alsacreations
- A Complete Guide to Flexbox | CSS-Tricks
- flex – CSS | MDN
CSS Guide
- Articles – Sara Soueidan – Freelance Front-end Web Developer. Très bonne série.
CSS Optimisation
- Efficiently Rendering CSS | CSS-Tricks
- Optimize browser rendering – Make the Web Faster — Google Developers
- Writing efficient CSS
- Strategies for Keeping CSS Specificity Low | CSS-Tricks. Très bon article de fond.
CSS pseudo Selector
- Des sélecteurs virtuels en CSS3
- Meet the Pseudo Class Selectors
- A Whole Bunch of Amazing Stuff Pseudo Elements Can Do
CSS Regions
CSS Shapes
- Creating Non-Rectangular Layouts With CSS Shapes
- Using CSS Regions With CSS Shapes For A Better Reading Experience
- CSS Shapes 101 · An A List Apart Article
- Moving Forward with CSS Shapes · An A List Apart Blog Post
CSS Typography
CSS à classer
Color
HTML5
- What is the DOM? | CSS-Tricks
- Examples of Sites where localStorage should or is being used
- Radio Buttons with 2-Way Exclusivity
- Canvas from Scratch: Pixel Manipulation
- Cross Browser HTML5 Progress Bars In Depth
- Elastic Videos
- HTLM5 Canvas Expérimentation
- Show and Edit Style Element
- HTML5 DOM, HTML5, & CSS3 Performance « Paul Irish
- Free Open Source HTML5 Video Players Collection
- The HTML5 meter Element | CSS-Tricks
- Attributs data-* – Alsacreations
- Responsive images – end of year report | HTML5 Doctor
- Hiding Native HTML5 Video Controls in Full-Screen Mode | CSS-Tricks
Image Favicon
- Daring Fireball: How to Create Retina-Caliber Favicons. De nombreux outils sont donnés
- Understand the Favicon. Article bien détaillé sur les favicons
Image Optimiser
- Techniques for Context Specific Images
- Clever PNG Optimization Technique
- How to Optimize PNG and JPEG without Quality Loss. Part 1
- Responsive Images Done Right: A Guide To “picture” And srcset
Image Retina
- Creating Retina Images for Your Website
- How to Create Retina Graphics for your Web Designs
- Retina Images
- The Right Way to Retinafy Your Websites. Article très complet sur la manière d’intégrer des images ou icônes retina sur votre site.
- Retinize It: Free Photoshop Action For Slicing Graphics For HD Screens | Smashing Magazine
- Towards A Retina Web | Smashing Magazine. Beaucoup de différentes techniques pour aborder le retina.
Image SVG
- oak.is / Animated SVGs: Custom easing and timing
- SVG Tabs (Using an SVG Shape as Template) | CSS-Tricks
- How to Scale SVG | CSS-Tricks
Optimiser
Photoshop
- Create a Detailed Camera Icon in Photoshop
- Creating Reusable & Versatile Background Patterns
- Designing for Retina display, part 2
- Designing for the iPhone 4’s Retina display
- Gif Animé Complexe
- How to Create 3D Text Blocks in Photoshop
- Photoshop CS6 wish list
- Roundrect roundup, tips on drawing rounded rectangles in Photoshop
- Fond d’écran et making off
Typo font
- Google font API : l’inutile “révolution”
- Google Font Streamline your web font requests. Introducing “text=”
Webdesign
Très bonne série sur Smashing Magazine
- Design Principles: Visual Perception and the Principles of Gestalt
- Design Principles: Space and the Figure-Ground Relationship
- Design Principles: Connecting and Separating Elements Through Contrast and Similarity
- Design Principles: Visual Weight and Visual Direction
- Design Principles: Dominance, Focal Points And HierarchySmashing Magazine
Wireframe
- 20 Steps to Better Wireframing
- Wire Frame Your Site Design Practice
- Wireframes Magazine
- Wireframes, zoning, mockups
- Google Visual Assets Guidelines – Part 1
A classer
- PARALAX > Ajax Paralax Selection
- PHP > Screen Resolution ≠ Browser Window
- SEO > does changing of web host affect the seo ranking
- SEO > Does changing web hosting server affects SEO page ranking?
- WEBKIT > Custom Scrollbars On Your Site
- 20 More Docs and Guides for Front-End Developers. Très belle collection de guides