HTML5 CSS3
46
all about the future language
Curated by yoan marchal
Follow
Scooped by yoan marchal onto HTML5 CSS3
Scoop.it!

Ingrid – a fluid CSS layout system

Ingrid – a fluid CSS layout system | HTML5 CSS3 | Scoop.it
No comment yet.
yoan marchal is also curating
Javascript wordpress tuto cool websites Ressources Référencement
Discover Topics yoan marchal is following
formation 2.0 Freewares javascript.js Développement mobile avec Flex 4.6 Everything about Flash Référencement internet
and 94 others
Your new post is loading...
Scooped by yoan marchal
Scoop.it!

CSS Box Shadow & Text Shadow Experiments - ZURB Playground - ZURB.com

CSS Box Shadow & Text Shadow Experiments - ZURB Playground - ZURB.com | HTML5 CSS3 | Scoop.it
Create some pretty cool design elements with CSS box-shadow and text-shadow.
No comment yet.
Scooped by yoan marchal
Scoop.it!

Slider with Sliding Backgrounds

Slider with Sliding Backgrounds | HTML5 CSS3 | Scoop.it
Among the many super nice design features of the Yahoo! Weather app for iOS is the transition between city screens. The background image doesn't just move away as the screen moves from one screen to the next, the background image itself slides.
No comment yet.
Suggested by David Boclé
Scoop.it!

MixItUp

MixItUp | HTML5 CSS3 | Scoop.it
MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content.
No comment yet.
Scooped by yoan marchal
Scoop.it!

Responsive Multi-Level Menu

Responsive Multi-Level Menu | HTML5 CSS3 | Scoop.it
View demo Download source
Today we want to share an experimental drop-down menu with you. The main idea is to save space for menus that have a lot of content and sub-levels.
yoan marchal's insight:

simple et adapté aux petites résolutions d'ecrans

No comment yet.
Scooped by yoan marchal
Scoop.it!

Collective #61

Collective #61 | HTML5 CSS3 | Scoop.it
Inspirational Website of the Week

Adam Hartwig’s website is just an explosion of creativity; it’s incredible fun to explore it. Our favorite this week.
No comment yet.
Scooped by yoan marchal
Scoop.it!

Fixed Background Scrolling Layout

Fixed Background Scrolling Layout | HTML5 CSS3 | Scoop.it
View demo Download source
A simple scrolling layout with fixed background images using background-attachment: fixed and a navigation. The page will scroll smoothly to the selected section.
No comment yet.
Scooped by yoan marchal
Scoop.it!

3D Inset Parallax Effect

3D Inset Parallax Effect | HTML5 CSS3 | Scoop.it
The following is a guest post by Joshua Bader. Joshua noticed that certain 3D effects on the web could benefit from adjusting perspective as the web page is scrolled. I'll let him explain.
No comment yet.
Scooped by yoan marchal
Scoop.it!

The Shapes of CSS

No comment yet.
Scooped by yoan marchal
Scoop.it!

Ligature Symbols

Ligature Symbols | HTML5 CSS3 | Scoop.it

high quality symbol font 

No comment yet.
Scooped by yoan marchal
Scoop.it!

Foundation Icons Fonts - ZURB Playground - ZURB.com

Foundation Icons Fonts - ZURB Playground - ZURB.com | HTML5 CSS3 | Scoop.it
Fresh icon font sets that you can use with css on your next Foundation project.
No comment yet.
Scooped by yoan marchal
Scoop.it!

liffect - effect for lists

generate effect for lists...
No comment yet.
Scooped by yoan marchal
Scoop.it!

local audio visualizer

local audio visualizer | HTML5 CSS3 | Scoop.it

Audio visualiser avec support du drag&drop ...

No comment yet.
Scooped by yoan marchal
Scoop.it!

BrandColors

a collection of major brand color codes

No comment yet.
Scooped by yoan marchal
Scoop.it!

Product Grid Layout

Product Grid Layout | HTML5 CSS3 | Scoop.it
View demo Download source
A responsive product grid layout that comes with some UI details for inspiration. The product will rotate showing the backside of the item when the rotate button is clicked.
No comment yet.
Suggested by htmlcut
Scoop.it!

HTML5 Infographic: Past, Present and Future

HTML5 Infographic: Past, Present and Future | HTML5 CSS3 | Scoop.it
No comment yet.
Scooped by yoan marchal
Scoop.it!

Responsive Retina-Ready Menu

Responsive Retina-Ready Menu | HTML5 CSS3 | Scoop.it
View demo Download source
Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game.
No comment yet.
Scooped by yoan marchal
Scoop.it!

WebP with Fallback

WebP with Fallback | HTML5 CSS3 | Scoop.it
WebP images are save a quarter to a third of the file size over PNG or JPG. Not all browsers are going to support it, but Bruce Lawson shares a way we can use it in such a progressive enhancement kind of way.
No comment yet.
Scooped by yoan marchal
Scoop.it!

Text Opening Sequence with CSS Animations

Text Opening Sequence with CSS Animations | HTML5 CSS3 | Scoop.it
View demo Download source
Today I want to show you how to create a fun little typography effect with CSS animations and text shadows.
No comment yet.
Scooped by yoan marchal
Scoop.it!

Vertical Timeline

Vertical Timeline | HTML5 CSS3 | Scoop.it
View demo Download source
This is a simple responsive timeline with alternating colors for the labels. An icon font is used for the icons in the timeline waypoints and some example media queries show how to adjust the timeline for smaller screens.
No comment yet.
Scooped by yoan marchal
Scoop.it!

Centurion - A CSS Web Framework

Centurion - A CSS Web Framework | HTML5 CSS3 | Scoop.it
No comment yet.
Scooped by yoan marchal
Scoop.it!

Responsive Email Templates - ZURB Playground - ZURB.com

Responsive Email Templates - ZURB Playground - ZURB.com | HTML5 CSS3 | Scoop.it

Responsive Email Templates

No comment yet.
Scooped by yoan marchal
Scoop.it!

browser-logos

browser-logos | HTML5 CSS3 | Scoop.it
good idea @andrew. Contribute to browser-logos development by creating an account on GitHub.
No comment yet.
Scooped by yoan marchal
Scoop.it!

❍ IcoMoon

build custom icon font

No comment yet.
Scooped by yoan marchal
Scoop.it!

CSS, la grande remise en question ?

CSS, la grande remise en question ? | HTML5 CSS3 | Scoop.it
Suite à ma “citation” précédente et aux retours reçus, voici une explication détaillée de mes interrogations quant à l’intégration moderne en production.
La morale de ce (long) billet est qu’il faut...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Responsive Measure

Responsive Measure | HTML5 CSS3 | Scoop.it
A jQuery plugin by Josh Brewer and Mark Christian that adjust the font size based on your ideal line length to keep a consistant typographic measure across all screen sizes. Kinda like FitText.js but for use on body copy.
No comment yet.
Scooped by yoan marchal
Scoop.it!

Responsive Web Design Patterns | This Is Responsive

A collection of patterns and modules for responsive designs.

No comment yet.