Web mobile - UI Design - Html5-CSS3
9.4K 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!

Responsive Web Design - Introduction & Workflow Overview

Responsive Design's is a way of making a single website that works well on mobile, tablet, and desktop browsers. Back in 2010 Ethan Marcotte, first coined the t
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Un HTML avec class et des id - Carnets Web de La Grange

Un HTML avec class et des id - Carnets Web de La Grange | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Utilisation des class et des id dans une page HTML

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

Home - Fork CMS

Home - Fork CMS | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Fork is an open source cms that will rock your world

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

Cross Browser Testing Tool. 200+ Browsers, Mobile, Real IE.

Cross Browser Testing Tool. 200+ Browsers, Mobile, Real IE. | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Test your website for cross-browser, cross-mobile compatibility. Debug HTML5, JavaScript & CSS across browsers. Test in Internet Explorer, Mobile Emulators and Mac OSX.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Copie, plagiat, style graphique, jusqu'où peut aller la créativité en Flat Design ? » Webdesign Friday (#wdfr)

Copie, plagiat, style graphique, jusqu'où peut aller la créativité en Flat Design ? » Webdesign Friday (#wdfr) | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Il y a quelques jours, le site Designmodo publiait le lien vers un fichier Photoshop gratuit contenant des éléments d'interface en Flat Design. Ce fichie
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

One page design : effet de mode ou réel intérêt pour les marques ?

One page design : effet de mode ou réel intérêt pour les marques ? | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Les sites web construits sur une page unique sont à la mode, offrant une nouvelle expérience utilisateur. Quels sont leurs atouts pour les marques ?
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Templating with Detector & Mustache for RESS

Templating with Detector & Mustache for RESS | Web mobile - UI Design - Html5-CSS3 | Scoop.it

This extremely simple demo is meant to show how Detector & Mustache can be combined to create a Responsive Web Design + Server Side Component (RESS) System. By using the requesting browser's Detector family classification a responsive template & partials that match the browser's features are rendered server-side via Mustache. Choose a different layout below to see how this page & the included images change depending upon the browser family.Click here to edit the title

more...
Agathe-Sevegrand's comment, July 16, 2013 1:59 PM
Doesn't work on m'y HTC X8 mobile ;-(
Scooped by Visual3d
Scoop.it!

Response JS: mobile-first responsive design in HTML5.

Response JS: mobile-first responsive design in HTML5. | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Response is a jQuery plugin that helps optimize cross-device performance by enabling progressive enhancement of content via HTML5 data.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Un site web responsive en une heure

La grande majorité des sites actuels offrent une expérience utilisateur désastreuse sur un écran réduit : textes et menus de navigation minuscules, zoom ob
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Flat-design contre Skeumorphisme

Flat-design contre Skeumorphisme | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Flat-design contre Skeumorphisme, petite analyse des dernières tendances en matière de webdesign et de communication. Google, Apple et Microsoft, 3 cas d'école passés à la loupe !
more...
No comment yet.
Rescooped by Visual3d from visualizing social media
Scoop.it!

UX 101: What Is User Experience? [infographic]

UX 101: What Is User Experience? [infographic] | Web mobile - UI Design - Html5-CSS3 | Scoop.it

When it comes to design, user experience is one of the key things.

 

According to this infographic, 68% of users leave because of poorly designed websites and 62% of customers base future purchases on past experiences. These stats alone are clear enough that UX (User Experience) isn’t something that can be taken lightly. The life and blood of your business might very well depend on this factor alone.

 

Have a look at this infographic to learn more about what User Experience is all about.


Via Lauren Moss
more...
Ennio Martignago's curator insight, August 2, 2013 7:42 AM

Chissà quanti IT manager considerano che l'impatto delle piattaforme in azienda dipende dal fatto che il "68% degli utenti abbandona a causa della scarsa qualità nel design della UI mentre il 62% di essi basa le proprie scelte sulle esperienze passate"? Di certo una valutazione di questo genere influisce sulla fiducia dei clienti interni verso i propri IT manager. Non siamo più negli anni '80 o '90 quando bastava buttare lì qualche terminologia tecnica per zittire tutti. Oggi vi è una conoscenza basata sul confronto di altre proposte, su quelle adottate a casa propria e su pacchetti tutto compreso testabili facilmente dall'utilizzatore finale. 

Prof. Hankell's curator insight, August 2, 2013 10:49 AM

UX = User eXperience

RDV Weekly's curator insight, February 7, 2014 4:02 PM

Let's talk UX basics... and how the numbers speak to the importance to having an excellent interface.

Scooped by Visual3d
Scoop.it!

Les idées reçues sur les préprocesseurs CSS (Sass, Less...) - Human Coders Blog

Les idées reçues sur les préprocesseurs CSS (Sass, Less...) - Human Coders Blog | Web mobile - UI Design - Html5-CSS3 | Scoop.it

C’est un outil permettant de transformer un langage (avec une syntaxe semblable à CSS), en CSS valide. La syntaxe du langage est souvent tellement proche de celle du CSS qu’on voit à peine la différence. Les préprocesseurs apportent une aide à l’écriture de vos feuilles de styles. Aujourd’hui, les deux préprocesseurs les plus utilisés sont Sass et Less. 

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

[Infographie] Anatomie d’un site Web responsive parfait

[Infographie] Anatomie d’un site Web responsive parfait | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Avec l’avènement des terminaux mobiles, les sites Web adaptatifs ont le vent en poupe.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Cross Browser Testing. Pick an OS - Pick a Browser - Test website

Cross Browser Testing. Pick an OS - Pick a Browser - Test website | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Cross browser compatibility testing across browsers and operating systems. Automated screenshots and Live browser testing of ajax, css & javascript.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Type & Grids: Free Responsive HTML5 Template | Smashing Magazine

Type & Grids: Free Responsive HTML5 Template | Smashing Magazine | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Today, we are pleased to introduce Type & Grids, a free responsive HTML5 template by Jeremiah Shoaf.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Tendance du webdesign : Windows 8/Metro UI | WebdesignerTrends

Tendance du webdesign : Windows 8/Metro UI | WebdesignerTrends | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Bien avant sa sortie officielle en octobre dernier, le web c'était déjà approprié le design Metro de Microsoft. On parle aujourd'hui de style Metro, avec sa philosophie et ses caractéristiques propres.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

The Best Designed Church and Religious Websites

The Best Designed Church and Religious Websites | Web mobile - UI Design - Html5-CSS3 | Scoop.it
CSS Religion is a continuously growing collection of the most beautiful church and religious websites in the world.
more...
No comment yet.
Rescooped by Visual3d from Time to Learn
Scoop.it!

Comment afficher un site avec la compatibilité IE7, IE8 et IE9 dans IE10

Comment afficher un site avec la compatibilité IE7, IE8 et IE9 dans IE10 | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Si vous êtes développeur d'applications web, il arrive régulièrement que certains sites web fonctionnent correctement avec le navigateur Internet Explorer 7, 8 et 9 et dés que l'on veut les tester avec Internet Explorer 10, le rendu n'est pas du tout conforme. Dans Internet Explorer 10, vous pouvez tester facilement un site web dans les modes IE7, IE8, IE9 très facilement:


Via Frédéric DEBAILLEUL
more...
sophiedesc's curator insight, July 31, 2013 7:48 AM

Très utile pour la recette d'un projet/d'une appli web! 

Scooped by Visual3d
Scoop.it!

Detector BETA combined browser- & feature-detection for your app

Click here to edit the title

Visual3d's insight:

With the initial release of Yiibu's Profile, Detector is already YABFDL (Yet Another Browser- and Feature-Detection Library). Ever since I heard Yiibu's talk, Adaptation, the core concepts & features of Detector have been floating around in my head. I've finally turned those ideas into codeand created this demo. To learn more about Detector and how it works please check out theREADME on GitHub.

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

Springbox | Digital Strategy Agency | Tools

Springbox | Digital Strategy Agency | Tools | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Check out our free agency apps. Preview mobile websites with Mobilizer. Or track your company's social brand buzz with TrendTracker.
more...
No comment yet.
Rescooped by Visual3d from Chiffres et infographies
Scoop.it!

96% des sites web ne sont pas optimisés pour le mobile - Etude

96% des sites web ne sont pas optimisés pour le mobile - Etude | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Créer un site optimisé pour le mobile, c'est faire en sorte d'assurer une qualité de visibilité et de navigation au mobinaute.

Car, avoir un site web non optimisé pour le mobile est toujours frustrant pour les utilisateurs et surtout contre-productif pour les affaires.


Via Arobasenet
more...
Agence SEO.fr's curator insight, June 10, 2013 3:26 AM

Créer un site optimisé pour le mobile, c'est faire en sorte d'assurer une qualité de visibilité et de navigation au mobinaute.

Car, avoir un site web non optimisé pour le mobile est toujours frustrant pour les utilisateurs et surtout contre-productif pour les affaires.

Marco Bertolini's curator insight, July 3, 2013 2:43 AM

Vous avez un site Internet ?  Fait-il partie des 96 % de sites qui ne sont pas prêt pour le mobile ?  Le trafic sur smartphones et tablettes ne cesse de progresser.  Ce serait dommage de rater le coche !

FredColantonio's curator insight, July 4, 2013 5:05 AM

Créer un site optimisé pour le mobile, c'est faire en sorte d'assurer une qualité de visibilité et de navigation au mobinaute.

Scooped by Visual3d
Scoop.it!

52 semaines pour une ergonomie web parfaite - Le livre blanc

52 semaines pour une ergonomie web parfaite - Le livre blanc | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Dotée de kilos de plumes et d’infos, Poule design vous dévoile son livre blanc et ses 52 conseils pour l'ergonomie de votre site e-commerce.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

SVG To RaphaelJS Converter - Ready.Set.Raphael. Beta 2

SVG To RaphaelJS Converter - Ready.Set.Raphael. Beta 2 | Web mobile - UI Design - Html5-CSS3 | Scoop.it
SVG to RaphaelJs Converter. Convert your SVG files into RaphaelJS JavaScript code.
more...
No comment yet.