Web mobile - UI Design - Html5-CSS3
8.7K views | +0 today
Follow
Web mobile - UI Design - Html5-CSS3
Veille technologique dans le domaine de l'intégration digital: webdesign, responsive design, mobile first, user experience
Curated by Visual3d
Your new post is loading...
Your new post is loading...
Scooped by Visual3d
Scoop.it!

Free mobile & web prototyping (iOS, iPhone, Android) for designers – Marvel

Free mobile & web prototyping (iOS, iPhone, Android) for designers – Marvel | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app prototypes.

more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Documentation - Materialize

Documentation - Materialize | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Materialize is a modern responsive CSS framework based on Material Design by Google.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Tutoriel Vidéo HTML-CSS Présentation de Susy

Tutoriel Vidéo HTML-CSS Présentation de Susy | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Lorsqu'il s'agit de créer des grilles en CSS plusieurs solutions s'offrent à nous, on peut utiliser des Frameworks comme Twitter Bootsrap ou générer une série de classes pour placer nos éléments. Le problème dans ce cas-là est que l'on brise la règle essentielle qui est de séparer le fond de la forme et on se retrouve du coup avec des classes HTML qui déterminent le style de notre élément. Cette manière de faire est certes pratique lorsque l'on prototype l'application, mais s'avère relativement limitée lorsque l'on souhaite faire évoluer le site (on se retrouve alors à devoir modifier le code HTML pour changer la disposition des éléments). Susy est un système qui va vous permettre de gérer la disposition de vos éléments sous forme de grille sans polluer votre code HTML en nous permettant de choisir le nombre de colonnes que prendra un élément dans la grille directement en CSS.

more...
No comment yet.
Scooped by Visual3d
Scoop.it!

pense-bête html5 css3 | tutos, tuto, tutoriels pas à pas et illustrés sur le langage html5, html, css3, css, xhtml et jQuery

pense-bête html5 css3 | tutos, tuto, tutoriels pas à pas et illustrés sur le langage html5, html, css3, css, xhtml et jQuery | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Apprendre HTML5 et CSS3 facilement avec des pense-bêtes. Des tutos illustrés et expliqués étape par étape
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Yellow Lab Tools

Yellow Lab Tools | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Free online web performance tool. Audit your webpage for performance and front-end quality issues. And it's open-source!
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

A Complete Guide to Flexbox | CSS-Tricks

A Complete Guide to Flexbox | CSS-Tricks | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Background The Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and
Visual3d's insight:

Une compatibilité navigateur a près de 95% en France, marché mobile, intégration responsive, modernité...une alternative solide au positionnement avancé ? Ready to use Flexbox model ?

more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Web Developer Checklist

Web Developer Checklist | Web mobile - UI Design - Html5-CSS3 | Scoop.it
The ultimate checklist for all serious web developers building modern websites.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Pure CSS

Pure CSS | Web mobile - UI Design - Html5-CSS3 | Scoop.it
A set of small, responsive CSS modules that you can use in every web project.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Jade - Template Engine

Jade - Template Engine | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Il existe des pré-processeurs pour le HTML, le plus connu et populaire d'entres eux,Jade, arbore une syntaxe simple et élégante. Les chevrons disparaissent pour laisser place à un code lisible et aéré. L'imbrication des différents éléments HTML est réalisée grâce à l'indentation et enfin - cerise sur le gâteau - il n'est plus nécessaire de fermer ses balises ! 

more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Jekyll • Simple, blog-aware, static sites

Jekyll • Simple, blog-aware, static sites | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Transform your plain text into static websites and blogs. 

No more databases, comment moderation, or pesky updates to install—just your content. 

Markdown (or Textile), Liquid, HTML & CSS go in. Static sites come out ready for deployment.

Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here.

   
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Le guide ultime pour accélérer son développement frontend - Alsacreations

Le guide ultime pour accélérer son développement frontend - Alsacreations | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Il existe deux types de développeurs : ceux qui développent vite (et bien) et les autres. En tant que développeur frontend vous vous êtes sûrement déjà rendu compte que certaines parties de votre travail/passion était redondantes et qu'il était souvent possible d'aller plus vite. Bref, je vais vous apprendre à passer au niveau supérieur de productivité à travers une (longue) liste de conseils et d'astuces glanées sur le web.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Convert ◩ CSS PREprocessors

Online and offline tools to convert your code between popular preprocessors - Less, Sass, and Stylus
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

CSS4 Rocks | Learn CSS Level 4 selectors and new features

CSS4 Rocks | Learn CSS Level 4 selectors and new features | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Prepare for the future of CSS! Learn everything you need to know about the upcoming CSS Level 4 Selectors.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Tutoriel Javascript Effet de Vague Material Design

Tutoriel Javascript Effet de Vague Material Design | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Dans cette vidéo nous allons voir comment réaliser un effet de vague type Material Design à l'aide du CSS trois des animations, mais aussi d'un peu de JavaScript. Le principe est assez simple, lorsque l'on va cliquer sur un élément, un cercle va grandir automatiquement en ayant comme origine le point sur lequel on a cliqué.

more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Tutoriel Vidéo NodeJS MeteorJS : Créer une WaitingList

Tutoriel Vidéo NodeJS MeteorJS : Créer une WaitingList | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Meteor est un framework open-source de développement web en Javascript basé sur Node.js. Le projet vise à créer un framework de« nouvelle génération » induisant un changement de paradigme notamment sur la manière de considérer les architectures client-serveur.

more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Material Design Lite

Material Design Lite | Web mobile - UI Design - Html5-CSS3 | Scoop.it
A front-end template that helps you build fast, modern mobile web apps.
Visual3d's insight:

Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible

more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Ember.js: A framework for creating ambitious web applications.

Ember.js: A framework for creating ambitious web applications. | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Ember.js helps developers be more productive out of the box. Designed with developer ergonomics in mind, its friendly APIs help you get your job done—fast.
more...
No comment yet.
Suggested by Portail SKODEN
Scoop.it!

Services HTLM5 gratuits

Services HTLM5 gratuits | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Sans inscription ! Des outils à utiliser et à découvrir directement et gratuitement no sign up required for these tools !
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Ébauche de workflow Gulp : tâches courantes, unCSS, includes HTML et critical-CSS - Alsacreations

Ébauche de workflow Gulp : tâches courantes, unCSS, includes HTML et critical-CSS - Alsacreations | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Préambule : cet article part du principe que vous n’êtes pas totalement étranger aux notions et outils tels que LESS, NodeJS, Gulp ni à la ligne de commande, il ne s'agit d'un tutoriel de découverte de ces outils mais d'usage en environnement professionnel.

more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Blocss; Powerfull, Sass based, BEM, “Object Oriented” CSS framework

Blocss; Powerfull, Sass based, BEM, “Object Oriented” CSS framework | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Blocss (‘Blocks’) is a small but powerfull css framework designed specially for serious developers.

It is a ‘layered’ framework, derived from the SMACSS style guide. The base principle of Blocss is levels of extension; each ‘layer’ of code extends the layer below. The framework is built on top ofnormalize.css, wich acts as a foundation to maintain some degree of cross-browser consistency.

more...
No comment yet.
Scooped by Visual3d
Scoop.it!

The web's scaffolding tool for modern webapps | Yeoman

The web's scaffolding tool for modern webapps | Yeoman | Web mobile - UI Design - Html5-CSS3 | Scoop.it
THE WEB'S SCAFFOLDING TOOL FOR MODERN WEBAPPS

Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymerand over 1500+ other projects. Read the Yeoman Monthly Digest for our latest picks. 
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Les 20 tendances du Web Design pour 2015 en infographie

Les 20 tendances du Web Design pour 2015 en infographie | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Aujourd’hui nous allons nous intéresser au Web Design. Pour cela, nous allons voir au moyen d’une infographie réalisée par Red (une agence anglaise sp
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Introduction - Material design - Google design guidelines

Introduction - Material design - Google design guidelines | Web mobile - UI Design - Html5-CSS3 | Scoop.it

This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design.

more...
No comment yet.