HTML5 CSS3
40.8K views | +0 today
Follow
 
Scooped by yoan marchal
onto HTML5 CSS3
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.
more...
No comment yet.
HTML5 CSS3
all about the future language
Curated by yoan marchal
Your new post is loading...
Your new post is loading...
Scooped by yoan marchal
Scoop.it!

Building Web Apps With Yeoman And Polymer: Scaffold your webapps with modern tooling

Building Web Apps With Yeoman And Polymer: Scaffold your webapps with modern tooling | HTML5 CSS3 | Scoop.it
Tooling for scaffolding Polymer web apps
yoan marchal's insight:

Quick way to making app

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

AOS: CSS-Driven "On Scroll" Animation Library | CSS-Tricks

AOS: CSS-Driven "On Scroll" Animation Library | CSS-Tricks | HTML5 CSS3 | Scoop.it
The following is a guest post by Michał Sajnóg, a front end developer at Netguru. Michał has created one of those "when you scroll to here, trigger this an
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Recreating the Twitter Heart Animation (with One Element, No Images, and No JavaScript) | CSS-Tricks

Recreating the Twitter Heart Animation (with One Element, No Images, and No JavaScript) | CSS-Tricks | HTML5 CSS3 | Scoop.it
I recently saw a recreation of the Twitter heart animation among the picks on CodePen. If I happen to have a bit of time, I always look through the code of
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

38 outils en ligne pour vérifier l’accessibilité de votre site web | 4design —

38 outils en ligne pour vérifier l’accessibilité de votre site web | 4design — | HTML5 CSS3 | Scoop.it
L'accessibilité des sites web est un enjeu majeur pour proposer des contenus ou des interactions — non pas pour un nombre réduits de personne — mais au contraire, pour le plus grand nombre.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Fun Times with CSS Counters

Fun Times with CSS Counters | HTML5 CSS3 | Scoop.it
Some bonafide CSS trickery from Will Boyd, like counted selected items and continuing a count across multiple sections.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Scroll-Then-Fix Content

Scroll-Then-Fix Content | HTML5 CSS3 | Scoop.it
A reader sent me in a GIF showing off a cool effect they saw on Google on mobile. (Presumably the homepage you see when you launch Chrome on Android?
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Animating SVG with CSS

There isn't just one way to animate SVG. There is the tag that goes right into the SVG code. There are libraries that help with it like Snap.svg or SVG.js.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Collective #104

Collective #104 | HTML5 CSS3 | Scoop.it
Inspirational Website of the Week: LiveAreaLabs

Subtle transitions and thoughtful interactions combined with a smart color and typography choice, make exploring the website of LiveAreaLabs a great experience.
yoan marchal's insight:

Always a good source of inspiration

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

Advanced Image Optimization Tricks

Advanced Image Optimization Tricks | HTML5 CSS3 | Scoop.it
You can use automated image optimization tools to compress your images. However, if you also take the time to manually optimize them, you can further improve your results. Here are five techniques for manually optimizing images.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Techniques for Creating Textured Text

Techniques for Creating Textured Text | HTML5 CSS3 | Scoop.it
View demo Download source
In this article we’re going to explore several techniques that can be used to create textured text or apply a background to text.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Infographic: Responsive Web Design

Infographic: Responsive Web Design | HTML5 CSS3 | Scoop.it
Infographic: Responsive Web Design
Thematic collections of infographic are always interesting for our readers. Especially if it is something what is related to our field of activity.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Multi-Line Padded Text

Multi-Line Padded Text | HTML5 CSS3 | Scoop.it
This is one of those tricky CSS things that I see come up every few months. I guess what better place to address it than CSS-Tricks eh?
The situation involves ragged-right inline text.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Getting Started with CSS Shapes: Wrapping content around custom paths - HTML5 Rocks

Getting Started with CSS Shapes: Wrapping content around custom paths - HTML5 Rocks | HTML5 CSS3 | Scoop.it
Using CSS Shapes we can create experiences that we have never been able to create on the web before.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Web Design & Development News: Collective #226 | Codrops

Web Design & Development News: Collective #226 | Codrops | HTML5 CSS3 | Scoop.it
Collective #226: anime.js * Nicely done * AOS * Improved Font Loading * Tailor * MarkSheet * Tooltik
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Flexbox and Truncated Text | CSS-Tricks

Flexbox and Truncated Text | CSS-Tricks | HTML5 CSS3 | Scoop.it
Situation: you have a single line of text in a flex child element. You don't want that text to wrap, you want it truncated with ellipsis (or fall back to j
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Créer une application web HTML5 avec des web components Polymer | Blog technique Groupe SII

Créer une application web HTML5 avec des web components Polymer | Blog technique Groupe SII | HTML5 CSS3 | Scoop.it
Créer une application web #HTML5 avec des web components #Polymer > suivez le blog technique : http://t.co/xGp6BaE8KZ http://t.co/FI8VrJvOe7
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

9 basic principles of responsive web design

9 basic principles of responsive web design | HTML5 CSS3 | Scoop.it
Come for the information, stay for the GIFs.
Direct Link to Article — Permalink
9 basic principles of responsive web design is a post from CSS-Tricks
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Collective #134

Collective #134 | HTML5 CSS3 | Scoop.it
Inspirational Website of the Week: Immersive Garden
Immersive Garden impresses with a smooth scrolling experience and a beautiful draggable menu. Our pick this week.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Flat UI Kits

Flat UI Kits | HTML5 CSS3 | Scoop.it
Flat UI Kits
Our new collection for web designers includes a review of the best flat user interface (UI) kits. Such design kits that can do the job of any designer easier.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Float Labels with CSS

Float Labels with CSS | HTML5 CSS3 | Scoop.it
You've probably seen this pattern going around. It's an input that appears as if it has placeholder text in it, but when you click/tap into that input, that text moves out of the way and allows you to type there.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

The Yeoman Monthly Digest #2

The Yeoman Monthly Digest #2 | HTML5 CSS3 | Scoop.it
Allo’ Allo’ and Happy Holidays! Welcome to the second issue of the Yeoman monthly digest – our regular round-up of articles, tips, generators and videos to help you stay on top of what’s new with your favourite man-in-a-hat.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Chrome DevTools for Mobile: Screencast and Emulation

Chrome DevTools for Mobile: Screencast and Emulation | HTML5 CSS3 | Scoop.it
Next-generation remote debugging and proper mobile emulation
more...
No comment yet.
Rescooped by yoan marchal from Et si c'était vrai....
Scoop.it!

Facebook Cheat Sheet: Image Size and Dimensions

Facebook Cheat Sheet: Image Size and Dimensions | HTML5 CSS3 | Scoop.it

We've created the ultimate Facebook sizing cheat sheet. This infographic is a handy reference tool especially for the designers who need to know image sizes for Facebook fan pages.


Via Frédéric DEBAILLEUL, Delphine Lejeune
more...
André Gentit ✔'s curator insight, November 14, 2013 3:32 PM

Toutes les tailles des images  exploitées sur Facebook

 

Adonis P's curator insight, November 15, 2013 4:34 AM

Très pratique.

Scooped by yoan marchal
Scoop.it!

pattern lab

pattern lab | HTML5 CSS3 | Scoop.it
Make your own "tiny bootstraps, for every client."
Direct Link to Article — Permalink
pattern lab is a post from CSS-Tricks
more...
No comment yet.