HTML5 CSS3
Follow
Find
37.7K views | +0 today
 
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!

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 Piquenot'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.
Scooped by yoan marchal
Scoop.it!

Fontello: The Past and Future of the Icon Font Service

Fontello: The Past and Future of the Icon Font Service | HTML5 CSS3 | Scoop.it
The following is a guest post by Vitaly Puzrin, the developer behind the icon font service Fontello. I'm also a fan of IcoMoon, a similar service. But I'm also a big fan of competition, sharing thoughts, and open source software, so thanks Vitaly!
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Email Domain Datalist Helper

What if someone signs up for your web app and they type in their email address as susan_smith@gmaoil.com?
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Animation of How CSS Triangles Work

Animation of How CSS Triangles Work | HTML5 CSS3 | Scoop.it
In talks I've given in the past, I've found myself explaining how CSS triangles work with words and ridiculous hand gestures. It never goes particularly well.
Y'all got that?
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Emmet LiveStyle

You might have seen a workflow where you can save out of DevTools to file. But have you seen it changes made in DevTools instantly update the code in your editor in real time? And vice versa?
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Creative Link Effects

Creative Link Effects | HTML5 CSS3 | Scoop.it
View demo Download source
Today we’d like to share some experimental and creative link effects with you. The idea is to use pseudo-elements and animate them to create a subtle and modern effect.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Using WebGL to Add 3D Effects

Using WebGL to Add 3D Effects | HTML5 CSS3 | Scoop.it
This demo by Guillaume Lecollinet feels super futuristic.
Direct Link to Article — Permalink
Using WebGL to Add 3D Effects is a post from CSS-Tricks
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.
Rescooped by yoan marchal from Algos
Scoop.it!

7 Useful Git Tips for Beginners

7 Useful Git Tips for Beginners | HTML5 CSS3 | Scoop.it
Back when I first started to use Git for version control, I wasn’t sure if all the learning I invested into it would pay off. Branching, staging, stashing — these Git terms were all foreign to me.
Today, I can’t imagine life without Git.

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

Split Layout

Split Layout | HTML5 CSS3 | Scoop.it
View demo Download source
This Blueprint is a layout with two sides, sometimes seen in portfolio websites of couples and partners.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Animating DOM transitions

Animating DOM transitions | HTML5 CSS3 | Scoop.it
Say you add some new element to the page and it pushes things around. That can happen instantly, but it helps your brain understand what just happened if the elements that were pushed away animate to their new position.
more...
No comment yet.
Suggested by Arunkumar Gudelli
Scoop.it!

Matrix Effect Using HTML5 and Javascript

Matrix Effect Using HTML5 and Javascript | HTML5 CSS3 | Scoop.it
Now a days I am playing around with HTML5 Canvas API and Java Script. It's an amazing option to create animations. This weekend I saw The Matrix movie.This film known for it's visual effect. Then I...
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Creating a 3D Cube Image Gallery

Creating a 3D Cube Image Gallery | HTML5 CSS3 | Scoop.it
The following is a guest post by Kushagra Gour (@chinchang457). Kushagra wrote to me to show me a fun interactive demo he made. It touches on many of the concepts of 3D transforms in CSS, a topic we haven't covered a ton here.
more...
No comment yet.
Scooped by yoan marchal
Scoop.it!

Building a Circular Navigation with CSS Transforms

Building a Circular Navigation with CSS Transforms | HTML5 CSS3 | Scoop.it
View demo Download source
In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!
more...
No comment yet.