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

Screensiz.es

Screensiz.es | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Screensiz.es is a nifty little database of screen specifications for the most popular devices on the market.
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Responsive Design ou Adaptive Design ?

Responsive Design ou Adaptive Design ? | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Le monde mobile est en pleine mutation. Dans quelques années, tout se fera sur mobile. Les développeurs l’ont déjà compris, proposer un rendu adapté aux visiteurs est devenu une nécessité. Les cont...
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

SimpLESS

SimpLESS compiles your *.less files into valid CSS. Its easy, fun and free. Give it a try!
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Topcoat

Visual3d's insight:

CSS for clean and fast web apps

more...
No comment yet.
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, 2:28 PM

Comment savoir si son site est en version responsive design ?

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

savoir si son site est un site responsive ou non

SIRINE's curator insight, February 14, 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.

Scooped by Visual3d
Scoop.it!

Responsive Webdesign – présent et futur de l’adaptation mobile - Alsacreations

Responsive Webdesign – présent et futur de l’adaptation mobile - Alsacreations | Web mobile - UI Design - Html5-CSS3 | Scoop.it
La problématique du responsive est bien plus complexe que ce qu'on peut lire sur certains blogs qui essaient de nous faire croire qu'il suffit aujourd'hui, pour optimiser un site pour mobile, d'ajouter 2 Media Queries pour l'iPhone et l'iPad et...
more...
No comment yet.
Scooped by Visual3d
Scoop.it!

Le Responsive Web Design n'est pas une solution, c'est un compromis - InterfacesRiches.fr

Le Responsive Web Design n'est pas une solution, c'est un compromis - InterfacesRiches.fr | Web mobile - UI Design - Html5-CSS3 | Scoop.it

Voilà près de deux ans que je vous parle de Responsive Web Design. Largement plébiscité par la profession, le RWD est néanmoins petit à petit en train de se transformer en buzz word de l’année. Comprenez par là qu’au même titre que les Big Data ou qu’Ajax à son époque, on nous sort le Responsive Web Design en toutes circonstances comme LA solution miraculeuse à tous les problèmes liés à la mobilité. Or, la mobilité n’est pas un problème, c’est une évolution majeure dans les usages, une tendance forte que l’on peut subir ou exploiter. Bref, il est grand temps de démystifier ce terme et de faire preuve de réalisme.

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

Sass vs. LESS vs. Stylus: Preprocessor Shootout | Nettuts+

Sass vs. LESS vs. Stylus: Preprocessor Shootout | Nettuts+ | Web mobile - UI Design - Html5-CSS3 | Scoop.it
Wielding the true power of a CSS preprocessor is an adventure. There are countless languages, syntaxes, and features, all ready for use right now. In this
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...
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.

Susan Daniels's comment, May 25, 2013 9:43 AM
Thanks Monica. Yes, it is a quick reference that I have referred to more than once in the last few days. Warmly, Susan
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.