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

An Introduction to the CSS Flexbox Module | Nettuts+

An Introduction to the CSS Flexbox Module | Nettuts+ | Web mobile - UI Design - Html5-CSS3 | Scoop.it
CSS, despite its relatively low perceived skill ceiling, always seems to have a killer feature up its sleeve. Remember how media queries made responsive layouts
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

A Simple Parallax Scrolling Technique | Nettuts+

A Simple Parallax Scrolling Technique | Nettuts+ | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the
more...
No comment yet.
Rescooped by Visual3d from Les outils du Web 2.0
Scoop.it!

Piresponsive. Votre site est-il responsive ?

Piresponsive. Votre site est-il responsive ? | Web mobile - UI Design - Html5-CSS3 | Scoop.it

That is the question...Piresponsive va vous permettre de vérifier si votre site ou si votre blog est responsive. Autrement dit, est-ce que son graphisme s'adapte automatiquement au dispositif de consultation


Via Fidel NAVAMUEL
more...
Manesha's curator insight, January 31, 2016 2:28 PM

Comment savoir si son site est en version responsive design ?

Valentine Mdt's curator insight, February 1, 2016 10:56 AM

savoir si son site est un site responsive ou non

SIRINE's curator insight, February 14, 2016 7:49 AM

Article qui nous questionne sur la responsivité de notre site web.

Rescooped by Visual3d from visualizing social media
Scoop.it!

Responsive Website Design: Everything You Need To Know [10 Infographics]

Responsive Website Design: Everything You Need To Know [10 Infographics] | Web mobile - UI Design - Html5-CSS3 | Scoop.it

These 10 infographics will teach you many essential elements to begin to know about Responsive Website Design- a major design trend for 2013.

Simply put, Responsive Website Design is a way for designers to create one website with a few style sheets, which allows the website to be seen on any device without having to create it from scratch for a tablet, mobile device, desktop device, etc.

With Mobile Search increasing rapidly, having a website that works for every device is a necessity and responsive design allows the site to reformat content appropriately.

 

Learn more at the infographic gallery at the article link...


Via Lauren Moss
more...
No comment yet.
Rescooped by Visual3d from Web Analytics and Web Copy
Scoop.it!

Responsive Email Design

Besides a quick explanation of what responsive email design is; I take a look at what’s possible, going through some of the responsive layout patterns we’ve

Via paulo oliveira
more...
Martin (Marty) Smith's curator insight, April 21, 2013 9:42 AM

Email The Register Of Ecommerce
Email out performed all other channels when I was an Ecom director. Email contributed more margin to the bottom line and was the cash register of other "lost leader" channels such as PPC. 

Email also creates important diversification. People on YOUR list put you in control at least as far as you don't irritate or spam. If more than a tiny group on your list complains you are marketing insensitive to their needs (spamming in other words) and your ISP will black ball your website and it can be hellish to get off. 

 

Email As Mobile Life Curator
Email marketing is not without its new challenges. Batch and blast the same message means conversion will go down as spam complaints go up. Email's role is changing with the dominance of smart phones.

Smart phones and pads are the easiest way to manage emails. Email deletion is easiest on mobile and mobile fills up the free time of waiting in lines and sitting on the subway. Wonder why your open rates are going DOWN? A: Smart phones. 

All of this means you need personas and segments AND responsive emails in your email marketing these days. You MUST create relevant messages. Use personas, fully articulated archetypes for between 3 and 7 "super groups" within your list. 

Know what segments within your list such as "multi-buyers" or VIPs are the most profitable. Combine personas, which THEY ARE with your financial segments what THEY MEAN to you to create campaigns that will appeal to THEM and make money for YOU. 

Email Marketing In Mobile World Tips
* Subject Line is beyond important.

* Create responsive email (email must look great on all devices).  

* Use PERSONAS and SEGMENTS together.

* Tell STORIES over TIME.

* Curate User Generated Content INTO your email marketing.

* Count and trend unopens as a NO.

* Create & Trend new KPIs such as $ / sent, $ / opens.

* Keep emails OFF your website (dupe content and hurt heuristics).

 

This last bullet needs some explanation. Your email marketing needs a "can't see this email view it here" link, but keep your creative in a NON-SPIDERED folder.

 

Allowing your emails to get spidered can cause duplicate content problems and the heuristics of your emails don't help since, if you are creating great Call To Action emails, your audience will not spend much time on your emails as they are simply attention getter pass through to points of conversion. 

Martin (Marty) Smith's comment, April 21, 2013 4:57 PM
Thanks for the Scoop Massimo. Marty
Scooped by Visual3d
Scoop.it!

CSSDB: A Database Of CSS Libraries

CSSDB: A Database Of CSS Libraries | Web mobile - UI Design - Html5-CSS3 | Scoop.it
CSSDB is a curated collection of great CSS, Sass, LESS and Stylus libraries
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

AngularJS — Superheroic JavaScript MVW Framework

AngularJS — Superheroic JavaScript MVW Framework | Web mobile - UI Design - Html5-CSS3 | Scoop.it
AngularJS is what HTML would have been, had it been designed for building web-apps.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

21 Free UI Design Tools, Toolkits and Resources (Part 1) | Free and Useful Online Resources for Designers and Developers

21 Free UI Design Tools, Toolkits and Resources (Part 1) | Free and Useful Online Resources for Designers and Developers | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Having a nice and complete set of web user interface always come in handy for a web designer in order to simplify and ease the design process.
more...
No comment yet.
Rescooped by Visual3d from visualizing social media
Scoop.it!

Why a Mobile Website Is Part of Any Business Plan [INFOGRAPHIC]

Why a Mobile Website Is Part of Any Business Plan [INFOGRAPHIC] | Web mobile - UI Design - Html5-CSS3 | Scoop.it

57% of mobile web users will end up not recommending a website if they had any trouble visiting it on their phones. If a business has a bad website for mobile devices, 34% of visitors will end up going to a competitors’ website.

According to WebpageFX, businesses should use CSS for the layout and not tables. They should code with XML or XHTML, and put all the important information on the top of the landing page. ”Mobile website users are usually busy doing something else like waiting in line, walking through town, or spending time out with friends,” reports WebpageFX. “Their main focus is not necessarily your website so information needs to be quick and easy to access.”

By 2015, mobile sales in the U.S. are expected to reach $31 billion (right now they’re at $6.7 billion). Businesses have to get ready and have a solid mobile site, since that’s where many sales will start taking place...


Via Lauren Moss
more...
Shanika Journey's curator insight, April 3, 2013 10:13 AM

I can actually say I'm one of the 57% that feels this way.

Rescooped by Visual3d from Ressources en ligne pour webdesigner
Scoop.it!

72 packs d'icônes pour vos templates

72 packs d'icônes pour vos templates | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Beautiful icon sets provide real value to designers because they can be used quickly and easily without eating up a tremendous amount of time. As a developer, I

Via Ma veille
more...
No comment yet.
Rescooped by Visual3d from Ressources en ligne pour webdesigner
Scoop.it!

Pattern Tap - Outil pour vous inspirer à améliorer l’expérience utilisateur de votre site web

Pattern Tap - Outil pour vous inspirer à améliorer l’expérience utilisateur de votre site web | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Avec vos objectifs bien en tête, j’ai découvert le site Pattern Tap qui permet d’avoir les meilleures inspirations visuelles et ergonomiques pour de multiples fonctionnalités spécifiques d'un site web: page 404, à propos, fil d'Ariane, bas de page (footer), page produit, etc.


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

Blugraphic | Vector & Psd Freebies : Templates, Mock-ups, Websites, Icons

Blugraphic | Vector & Psd Freebies : Templates, Mock-ups, Websites, Icons | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Download free psd files, patterns, textures, templates, mock-ups, icons, ui kits, ui elements, buttons, banners and other psd freebies
more...
No comment yet.
Rescooped by Visual3d from Interface utilisateur et portabilité web
Scoop.it!

Mobile Web Application Framework | Sencha Touch

Mobile Web Application Framework | Sencha Touch | Web mobile - UI Design - Html5-CSS3 | Scoop.it
A collection of mobile web app demos created with Sencha Touch.

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

Diving Into CSS Regions | Nettuts+

Diving Into CSS Regions | Nettuts+ | Web mobile - UI Design - Html5-CSS3 | Scoop.it
This tutorial will cover the basics of CSS regions, which allow us to flow content within various sections of the page. Confused? You probably are; read
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Build a Twitter Clone From Scratch: The Design | Nettuts+

Build a Twitter Clone From Scratch: The Design | Nettuts+ | Web mobile - UI Design - Html5-CSS3 | Scoop.it
This article represents the first in a new group effort by the Nettuts+ staff, which covers the process of designing and building a web app from scratch - in
more...
No comment yet.
Rescooped by Visual3d from Les outils du Web 2.0
Scoop.it!

FlipSnack. Créer un flipbook en ligne - Les Outils Tice

FlipSnack. Créer un flipbook en ligne - Les Outils Tice | Web mobile - UI Design - Html5-CSS3 | Scoop.it

FlipSnack est un service web2 qui va vous permettre de créer facilement des flipbooks en ligne.

Les flipbooks sont ces liseuses que l’on rencontre de plus en plus souvent sur le web et la blogosphère qui reproduisent la sensation de lecture d’un magazine papier. On tourne les pages du magazine avec parfois un petit bruit de feuille, on peut accéder au chemin de fer de la publication et zoomer sur une partie du texte.


Via Fidel NAVAMUEL
more...
Carmenne Kalyaniwala-Thapliyal's curator insight, April 30, 2013 3:21 AM

Sounds like an interesting tool

Isabellefr10's curator insight, May 1, 2013 8:08 AM

la page qui tourne, ok

Rescooped by Visual3d from Design Revolution
Scoop.it!

Color Is MASTER of Us All [Infographic]

Color Is MASTER of Us All [Infographic] | Web mobile - UI Design - Html5-CSS3 | Scoop.it
The Art of Color Coordination

Such a helpful infographic. Beyond helpful for web design.


Via Martin (Marty) Smith
more...
gregmhagar's curator insight, May 21, 2013 9:24 AM

Another handy design resource for developing  visually appealing eLearning and training materials

Monica S Mcfeeters's curator insight, May 24, 2013 12:07 PM

I thought this looked like a great helpful online reference on color. When you have someone that needs review this info it's nice to have a go to link handy.

Tyler Rrokk's curator insight, July 14, 2013 8:15 PM

Excellent article and great insight!

Rescooped by Visual3d from visualizing social media
Scoop.it!

10 Tips To Build A Responsive Website [Infographic]

10 Tips To Build A Responsive Website [Infographic] | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Want your website to look great on smartphones, tablets, PCs and even TVs? Learn how to go fully responsive.

 

The Web and the mobile browsers remain one of the top ways that users interact with websites and if they have trouble on their smartphone, there is a good chance they are not coming back.

That’s where responsive design can help.

Responsive design is a concept where you build your website once and then format it so it can adapt to any screen size that accesses it. Designers use HTML5 and CSS to build the sites and set parameters so the content will resize itself whether the user is in vertical or horizontal viewing mode, on a tablet, desktop or smartphone or even a screen as large as a television...


Via Lauren Moss
more...
Filipe MS Bento's curator insight, April 18, 2013 10:30 AM

Excelent infografic (as graphic as you can get!):

Susan Myburgh's curator insight, April 18, 2013 6:09 PM

Wonderful - clear and brief.

Cori Zuppo's curator insight, April 21, 2013 9:23 PM

Right on!

Scooped by Visual3d
Scoop.it!

Hand.js: a polyfill for supporting pointer events on every browser | Web Builder Zone

Hand.js: a polyfill for supporting pointer events on every browser | Web Builder Zone | Web mobile - UI Design - Html5-CSS3 | Scoop.it
How about being able to write a single code base for handling mouse, pen, touch in your web site that will work across all modern browsers?
Here is a...
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Créer une police d’icônes facilement à partir d’illustrations vectorielles - Alsacreations

Créer une police d’icônes facilement à partir d’illustrations vectorielles - Alsacreations | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Les polices d'icônes ou font-icon popularisées depuis Bootstrap sont de plus en plus utilisées sur le web. Certains services proposent de piocher des icônes dans différents packs pour se créer sa propre police .
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

The Main Tap › PatternTap

The Main Tap › PatternTap | Web mobile - UI Design - Html5-CSS3 | Scoop.it

un outil pour vous inspirer à améliorer l’expérience utilisateur de votre site web

more...
No comment yet.
Rescooped by Visual3d from Ressources en ligne pour webdesigner
Scoop.it!

20 outils de palettes graphique pour le web

20 outils de palettes graphique pour le web | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Creating a colour scheme is essential to good design. We’ve gathered together 20 fantastic tools to help you perfect your colour choices.

Via Ma veille
more...
No comment yet.
Rescooped by Visual3d from Ressources en ligne pour webdesigner
Scoop.it!

10 tables de prix HTML / CSS pour vos services en ligne

10 tables de prix HTML / CSS pour vos services en ligne | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Pour ce premier article de l'année, je vous ai sélectionné une collection de 10 "tables de prix". Ces tables de prix sont à la mode et il faut reconnaître

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

Useful Online Tools

Useful Online Tools | Web mobile - UI Design - Html5-CSS3 | Scoop.it

A small (but growing) collection of useful online tools.

Optimization ToolsSite OptimizerPNG MinimizerJPEG MinimizerKeyword SpyMore ToolsImage DenoiserPalette ExtractorDDTab
more...
No comment yet.
Rescooped by Visual3d from Ressources en ligne pour webdesigner
Scoop.it!

Un PSD complet pour créer l'identité visuelle d'une marque

Un PSD complet pour créer l'identité visuelle d'une marque | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Un PSD complet pour créer l'identité visuelle d'une marque

Via Ma veille
more...
No comment yet.