Web mobile - UI D...
Follow
Find
5.0K views | +0 today
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...
Rescooped by Visual3d from Time to Learn
Scoop.it!

Jetstrap – Du Twitter Bootstrap WYSIWYG

Jetstrap – Du Twitter Bootstrap WYSIWYG | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Si vous êtes développeur web, vous connaissez sans doute Bootstrap. Cette collection d’outils proposés par Twitter qui permet de créer des sites et des applications web à partir de templates HTML, CSS prédéfinis et de fonts, formulaire et autres graphiques pour réaliser des interfaces.

Bootstrap est aussi capable de se brancher sur des extensions JavaScript comme JQuery et d’autres.

Bref, si je vous parle de cela, c’est surtout pour vous présenter en quelques lignes Jetstrap. Ce service en ligne permet via une interface plutôt bien penser de composer son template Bootstrap sans avoir de grandes connaissances en dev. C’est, si vous préférez, du Bootstrap WYSIWYG.


Via Frédéric DEBAILLEUL
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

HTML5 Vs. Native Mobile Apps: Myths and Misconceptions

HTML5 Vs. Native Mobile Apps: Myths and Misconceptions | Web mobile - UI Design - Html5-CSS3 | Scoop.it

4 keys to choosing between HTML5 and native apps
SUMMARY: The choice between HTML5 and native app development doesn't have to be a stark either/or decision, writes Eric Savitz. Both approaches have their merits, so it's important to think carefully about what a particular project calls for and to stay abreast of new developments. "Continually reassess the state of HTML5-related technologies ... because the ecosystem is evolving at a rapid pace," Savitz writes. 

more...
Matmi's curator insight, January 30, 2013 8:52 AM

An insightful article on HTML5 vs Native Mobile apps - what are your thoughts? Get in touch to see what Matmi can produce for you in terms of apps - HK

Scooped by Visual3d
Scoop.it!

Les notices - AcceDe Web - La démarche accessibilité

Les notices - AcceDe Web - La démarche accessibilité | Web mobile - UI Design - Html5-CSS3 | Scoop.it

AcceDe Web propose en libre consultation et téléchargement diverses notices d'accessibilité :

conception des maquettes graphiquescodage des modèles HTMLdéveloppement et intégrationmise en ligne des contenus
more...
Scooped by Visual3d
Scoop.it!

15 outils pour tester le “Responsive Design” d’un site Web | TranCool

15 outils pour tester le “Responsive Design” d’un site Web | TranCool | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Avec un nombre de tablettes et de smartphones grandissant de jours en jours, il est bon de faire quelques petites vérifications sur votre blog ou site Web. Voici 15 outils pour tester le “Responsive Design”...
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

API Page Visibility : le document HTML est-il visible par l'utilisateur ? - Alsacreations

API Page Visibility : le document HTML est-il visible par l'utilisateur ? - Alsacreations | Web mobile - UI Design - Html5-CSS3 | Scoop.it
more...
No comment yet.
Rescooped by Visual3d from Dev Breakthroughs
Scoop.it!

Multiscreen Support in Mobile AIR Applications

Multiscreen Support in Mobile AIR Applications | Web mobile - UI Design - Html5-CSS3 | Scoop.it

As AIR applications can run on multiple platforms and devices, AIR based developers have to take into account a vast diversity of screens, their resolutions and DPIs. Despite a broad diversity of supported platforms, in this post we will focus on multiscreen development for mobile AIR applications based on the Flex framework.


Via Nicolas Weil
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Normalize.css: Make browsers render all elements more consistently.

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

Remplacement d’image en CSS pur

Remplacement d’image en CSS pur | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Le principe est celui-ci : pas de JavaScript Le logo est une image de contenu, donc véhiculé à l’aide de , d’un attribut alt, d’une largeur (300px) et d’une hauteur (82px) L’image est transparente (un gif transparent est généré en DATA URI pour éviter...
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Le problème du retina n'a rien à voir avec la résolution

“Retina”, “HDPI”, XHDPI”, et autres jolis sigles sont aujourd’hui intimement associés à des techniques les plus folles d’adaptations d’images pour s’afficher le plus nettement possible.
Et pourtant…...
Visual3d's insight:

Des précisions claires concernant la gestion d'images de différents supports (mobiles, tablettes). Concept retina/Super amoled/True HD for responsive design

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

lab.goetter.fr

lab.goetter.fr | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Bienvenue dans mon laboratoire public d'expérimentations HTML5, CSS3 et Web mobile. Il rassemble les diverses ressources publiées anciennement sur ie7nomore.com et thinkmobilefirst.net
Visual3d's insight:

Une ressource à mettre entre toutes les mains !

more...
No comment yet.
Rescooped by Visual3d from Mobile Publishing Tools
Scoop.it!

7" Tablets Compared: Which Is The Best?

7" Tablets Compared: Which Is The Best? | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Robin Good: Andrys Basten does an excellent job of curating and bringing together the best and most interesting info relating to the top 7" tablets available on the market.


From the Kindle to the Nexus and the iPad mini, you can find out what are the key differences, the pros and cons of each one.


Informative. Resurceful. 7/10


Full article: http://kindleworld.blogspot.it/2012/11/kindle-news-more-detailed-comparisons.html



(Image credit: TheCoolnessFactor)


Via Robin Good
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

[A Relire] Pourquoi le responsive Design est incontournable ?

[A Relire] Pourquoi le responsive Design est incontournable ? | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Le responsive design; ou design web responsive, ou encore design adaptable est aujourd'hui un sujet à la mode dans le petit monde du web, même si ce concept n'est pas forcement très nouveau.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Style Tiles - the essence of a visual brand for the web.

Style Tiles - the essence of a visual brand for the web. | Web mobile - UI Design - Html5-CSS3 | Scoop.it
A Style Tile is a design deliverable consisting of fonts, colors and interface elements that communicates the evolution of a visual brand for the web. Learn how to use them here.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

20+ HTML5 Tutorials, Resources & Tips

20+ HTML5 Tutorials, Resources & Tips | Web mobile - UI Design - Html5-CSS3 | Scoop.it
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Front-end performance for web designers and front-end developers – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

Front-end performance for web designers and front-end developers – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Articles on CSS, OOCSS, front-end architecture, scalability and performance.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

HTML5 Doctor, helping you implement HTML5 today

HTML5 Doctor, helping you implement HTML5 today | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Hot on the heels of our interview with Robin Berjon, editor of HTML5 at W3C, over the weekend I interviewed Ian Hickson, editor of HTML “The Living Standard” at WHATWG and, arguably, the most influential individual working on the Web today. Hickson, known as “Hixie”, works for Google and previously worked for Opera (my employer) and Netscape.

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

SFEIR - Large-Scale CSS with OOCSS and Preprocessors.pdf - Google Drive

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

Living Tuts : Tutoriels de qualité pour apprendre Photoshop, le webdesign, le développement web, le digital painting, etc…

Living Tuts : Tutoriels de qualité pour apprendre Photoshop, le webdesign, le développement web, le digital painting, etc… | Web mobile - UI Design - Html5-CSS3 | Scoop.it
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Corona Labs

Corona Labs | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Whether you're new to Corona or want to take your app to the next level, we've got a wealth of resources for you including extensive documentation, API reference, sample code, and videos.
more...
No comment yet.
Rescooped by Visual3d from creation de sites web
Scoop.it!

Performance web : optimiser son code HTML et CSS

Performance web : optimiser son code HTML et CSS | Web mobile - UI Design - Html5-CSS3 | Scoop.it
De la compression du code HTML à la normalisation des CSS, voici quelques bonnes pratiques indispensables pour réduire le poids des pages web, et améliorer leur vitesse de chargement et d'exécution par les navigateurs.

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

Le modèle tabulaire en CSS - Alsacreations

Le modèle tabulaire en CSS - Alsacreations | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Visual3d's insight:

Le modèle de construction tabulaire (HTML et CSS) compte sans aucun doute parmi les plus fascinants qui soient, après avoir été d'abord adulé puis banni vigoureusement par les intégrateurs de tous poils.

En 1998, les spécifications CSS2 étendent les historiques valeurs de la propriété display et proposent depuis belle lurette des possibilités de rendus et positionnements “tabulaires” sans pour autant interférer dans la sémantique et le bon usage des éléments HTML.

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

Centrer un site verticalement et horizontalement

Centrer un site verticalement et horizontalement | Web mobile - UI Design - Html5-CSS3 | Scoop.it
C’est un exercice qui semble périlleux, mais réalisable depuis très longtemps en CSS2 grâce à l’usage du rendu CSS display: table. Et c’est compatible dès IE8.


Voir la démonstration
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Webdesign : 10 exemples de sites utilisant l’effet parallaxe

Webdesign : 10 exemples de sites utilisant l’effet parallaxe | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Avez vous déjà vu un site utilisant l’effet parallaxe (aussi appelé urling) ? Cette technique permet de donner une illusion de mouvement lorsque l’internaute scrolle. On voit ainsi les élémen
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Sequence.js - The Responsive Slider with Advanced CSS3 Transitions

Sequence.js - The Responsive Slider with Advanced CSS3 Transitions | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 -- no jQuery knowledge required!

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

A better Photoshop grid for responsive web design » Blog » Elliot Jay Stocks

A better Photoshop grid for responsive web design » Blog » Elliot Jay Stocks | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Elliot Jay Stocks is a designer, speaker, and author...
more...
No comment yet.