Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience,
53
Veille technologique dans le domaine de l'intégration digital
Curated by Visual3d
Follow
Scooped by Visual3d onto Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience,
Scoop.it!

Retina revolution - Utilisation des media queries en javascript et remplacement d’images hidpi

Retina revolution - Utilisation des media queries en javascript et remplacement d’images hidpi | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | Scoop.it

Detail is probably one of the most important values for a designer, an eye for detail should be in our DNA. As a perfectionist I like my designs to be pixel perfect. I am allergic for “jaggies” and ugly compressed artifacts in icons and images on websites. Apple’s Retina revolution is an interesting evolution that is turning the design world upside down. The Retina display has a high enough pixel density to prevent pixelation to be noticable to the human eye. Therefore a Retina display is a lot sharper and more pleasant to look at. Apple has doubled the amount of horizontal and vertical pixels on the iPhone, The New iPad, and now also on the new MacBookPro. The Retina revolution is irreversible, and other companies have already started or will also start implementing this new Retina technology.

No comment yet.
Visual3d is also curating
Social media, Community Management, E-reputation, cooptation & curation Webmarketing - Referencement SEO - SEA - SMO Web digital, Wireframe, Mockup, Gestion de projet E-commerce, E-business, RH, Emploi, Entrepreneur
Discover Topics Visual3d is following
formation 2.0 Veille Techno et Informatique "Autrement" MarketingHits Stratégie médias innovants WordPress CMS Du Bon Usage des Réseaux Sociaux
and 100 others
Your new post is loading...
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] | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
No comment yet.
Scooped by Visual3d
Scoop.it!

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

Sass vs. LESS vs. Stylus: Preprocessor Shootout | Nettuts+ | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
No comment yet.
Scooped by Visual3d
Scoop.it!

Diving Into CSS Regions | Nettuts+

Diving Into CSS Regions | Nettuts+ | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
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+ | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
Carmenne K. Thapliyal's curator insight, April 30, 3:21 AM

Sounds like an interesting tool

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

la page qui tourne, ok

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
Martin (Marty) Smith's curator insight, April 21, 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, 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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | Scoop.it
CSSDB is a curated collection of great CSS, Sass, LESS and Stylus libraries
No comment yet.
Scooped by Visual3d
Scoop.it!

AngularJS — Superheroic JavaScript MVW Framework

AngularJS — Superheroic JavaScript MVW Framework | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | Scoop.it
AngularJS is what HTML would have been, had it been designed for building web-apps.
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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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.
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] | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
Shanika Journey's curator insight, April 3, 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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | Scoop.it
Download free psd files, patterns, textures, templates, mock-ups, icons, ui kits, ui elements, buttons, banners and other psd freebies
No comment yet.
Scooped by Visual3d
Scoop.it!

Topcoat

Visual3d's insight:

CSS for clean and fast web apps

No comment yet.
Scooped by Visual3d
Scoop.it!

An Introduction to the CSS Flexbox Module | Nettuts+

An Introduction to the CSS Flexbox Module | Nettuts+ | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
No comment yet.
Scooped by Visual3d
Scoop.it!

A Simple Parallax Scrolling Technique | Nettuts+

A Simple Parallax Scrolling Technique | Nettuts+ | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
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 ? | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
No comment yet.
Rescooped by Visual3d from Design Revolution
Scoop.it!

Color Is MASTER of Us All [Infographic]

Color Is MASTER of Us All [Infographic] | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | Scoop.it
The Art of Color Coordination

Such a helpful infographic. Beyond helpful for web design.


Via Martin (Marty) Smith
Susan Daniels's curator insight, May 17, 7:13 PM

This is an amazing infographic. Color design theory is so fascinating - yet simple once it is understood. This graph gives you a quick look at some fast design colors from which to select. I recommend this as a Re-scoop!


Warmly,

Susan Daniels

http://crazydreamersdo.com

Martin (Marty) Smith's comment, May 18, 6:00 AM
Thanks Susan. I love COLOR too. Marty
malek's comment, May 18, 10:24 AM
Color theory in the crispy way.
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] | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
Filipe MS Bento's curator insight, April 18, 10:30 AM

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

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

Wonderful - clear and brief.

Cori Zuppo's curator insight, April 21, 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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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...
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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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 .
No comment yet.
Scooped by Visual3d
Scoop.it!

The Main Tap › PatternTap

The Main Tap › PatternTap | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | Scoop.it

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

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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
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 | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | 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
No comment yet.
Scooped by Visual3d
Scoop.it!

Useful Online Tools

Useful Online Tools | Intégration Html5-CSS3, Webdesign, Responsive design, mobile first, user experience, | Scoop.it

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

Optimization ToolsSite OptimizerPNG MinimizerJPEG MinimizerKeyword SpyMore ToolsImage DenoiserPalette ExtractorDDTab
No comment yet.