Tous les articles dans responsive design

21 Articles

Le site mignon du jour

Le site la « Galerie des Espèces » est un site ludique composée d’une vingtaine de créatures, chaque visuel de créature est accompagné d’une présentation écrite de l’espèce et de sa lecture en audiodescription. Ces espèces imaginaires ont été entièrement façonnées à la main avec de la pâte à modeler.

Site la "Galerie des espèces" avec des animaux imaginaires créés en pâte à modeler.

Site la « Galerie des espèces » avec des animaux imaginaires créés en pate à modeler.

Site La « Galerie des espèces » avec des animaux imaginaires

Visitez le site : la « Galerie des Espèces »

SVG, animations et applications… article très complet de Sara Soueidan

SVG, animations et applications… article très complet de Sara Soueidan.

SVG est un format d’image vectorielle de type XML pour les graphiques en 2D, qui permet l’interactivité et l’animation. Les SVG sont des balises XML avec lesquelles il est possible de créer des formes et des graphiques que vous pouvez animer comme les éléments HTML.

 est une intégratrice web libanaise. Elle aime enseigner et écrit des tutoriels sur son blog et sur Codrops, dont elle est un des membres actifs. Vous pouvez la suivre sur Twitter et sur Github.

A super jolie html5 animation

A super jolie html5 animation pour le site Capitol Couture
Cliquez et passez votre souris sur « Issue ONE« 

html5 animation / Capitol couture

html5 animation / Capitol couture

Ressources en Free MockUp

Ressources en Free MockUp on the web.

 

graphiste-freelance-mockup

20-Brilliant-Free-Mockups-for-Designers

  •  20 Brilliant Free Mockups for Designers sur webdesigndev

graphic-burger / ressources en free Mock up

  • graphicburger.com regroupe différentes ressources de Mock up gratuits, du logo, template de brochure en passant par de la présentation de site.
Graphic burger - Free MockUp
Graphic burger – Free MockUp

Pinterest, ressources de free MOCKUP

Pinterest, l’inépuisable réseau de ressources et ses multitudes de tableaux :

et sur mon profil que je vous invite à suivre :

Abonnez-vous au tableau ~ MocK UP ressources de Lila Vert sur Pinterest.

 

 

 

50+ Free iPhone Mock Up PSD Templates

mock up-card-template

mock up-card-template

135 free mockup templates sur Tiny designr

 

 

15 outils pour le développement de sites en responsive design

Le responsive design est une solution efficace pour proposer une expérience utilisateur enrichie en adéquation avec les nouveaux usages web.

Depuis le boom récent de cette technique, de nombreux outils gratuits sont disponibles sur internet pour faciliter la vie des concepteurs et intégrateurs de sites.
See on www.ametys.org

Responsive Multi-Level Menu

Responsive Multi-Level Menu

pour votre blog ou site, avec sous-menus. Voir les 5 démos en cliquant sur l’image.

Responsive Multi-Level Menu

Responsive Multi-Level Menu

Un jolie menu circulaire pour votre site responsive

Un jolie menu circulaire pour votre site responsive. Tutorial.

Building a Circular Navigation with CSS Transforms –http://bit.ly/13LxJ3l
 

 

Selection d’outils pour un site compatible

Selection d’outils pour un site compatible.
Excellent article sur le Blog du Webdesign, découvrez différentes ressources pour faire des sites web compatibles sur tous les navigateurs existants…

 

WowSlider, jQuery réactif avec des effets visuels étonnants

WowSlider, jQuery réactif avec des effets visuels étonnants. >> (Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical etune Basic linear) et une quantité de modèles réalisés par des professionnels. Le curseur WOW est accompagné d’un assistant point-and-click pour créer des curseurs de fantastiques en quelques secondes, sans codage et d’édition d’image. Un plugin de curseur WordPress et un curseur Joomla sont également disponibles. Interessant pour ceux qui sont fans de ce genre d’effet, et Responsive bien-sur.

 

wow slider-responsive

wow slider-responsive

 

  • laura pausini – site responsive music
  • Curadmir, site responsive – République tcheque
  • Trionn- a studio design – site responsive design
  • Site responsive design de Vanessa Paradis – scroll horizontal et vertical
  • Site Agence Trionn Design / A design studio – Site responsive design
  • gallerie Responsive Prodibi
  • Magnifique site en Responsive design, Julie Lavergne [ Cavaliere professionnelle] – http://www.julie-lavergne.com
  • Site d’une agence de communication en Responsive Design « Les Dompteurs de Souris »
  • Site responsive – Ateliers Tersi
  • zoom-disney-nature-site-responsive

Les plus beaux sites Responsive Design !

Les plus beaux sites Responsive Design !
Une recherche sur n’importe quel moteur de recherche et la plupart des blogs énumérant leur préférence sur le sujet se répètent instansiblement. Les mêmes sites, pas des meilleurs àmha.
Voici donc mon petit quid qui s’allongera au fil de mes découvertes…

~ Elégant et classieux :

Intégration intelligente de vidéos :

Graphique

tres beau site responsive design

très beau site responsive design

Pour l’animation

En scroll vertical, horizontal ou dans tous les sens :

Trionn- a studio design - site responsive design

Trionn- a studio design – site responsive design

~ Simple et efficace – One page

Site Responsive gallerie Full view High resolution avec le module Powered by Prodibi.com

D’autres découvertes en parcourantawwwards.com/websites/responsive-design/

Creez un formulaire rapidement avec Formoid

Creez un formulaire rapidement avec Formoid

Formoid est gratuit pour mac/pc, créez facilement un formulaire pour votre site, formulaire d’enregistrement ou de commande en quelques clics.

Creation de formulaires online, formoid

Creation de formulaires online, formoid

 

Générateur de faux texte, du Lorem Ipsum version sucré

Un générateur de faux texte, du Lorem Ipsum version sucré qui vous changera du latin…
Comme pour un générateur de texte classique, vous pouvez choisir le nombre de paragraphe, la taille du texte etc.

Cliquez sur l’image pour accéder au site et générer votre Sugar texte ! =–)

ou sinon, vous avez aussi le hipsteripsum.me, pas mal non plus !

Master cleanse officia 90’s meggings id. Shoreditch seitan nostrud adipisicing, veniam leggings quis. Messenger bag iPhone sapiente, fanny pack next level roof party four loko umami. Semiotics skateboard fixie locavore in, fanny pack selvage voluptate High Life. Veniam Cosby sweater Truffaut ennui bicycle rights, enim squid Austin id consequat sustainable salvia PBR. Neutra commodo et occaecat, thundercats mlkshk Odd Future do lomo. Magna cliche minim letterpress.

ou encore, le cat ipsum, enerateur de faux texte version chat and dog

Nouveaux outils pour créer des animations en HTML5 sans faire appel à Flash

Nouveaux outils pour créer des animations en HTML5 sans faire appel à Flash

Flash est mort ou presque, voici les nouveaux outils pour créer des animations en html 5.
Ya plus qu’à.

Create Mobile CSS3 Animations with Ease.

Rich CSS3 ads for every mobile platform.
Sencha Animator 1.x > $199.00 $99.0 / Anglais

ou encore

Créez des contenus web interactifs et animés.
Démarrer avec Edge Tools & Services avec un abonnement gratuit à Creative Cloud. Français.

Creativelist / Géolocalisation des créatifs

Creativelist / Géolocalisation des créatifs /


Book Graphiste freelance

Suivez-moi sur Instagram graphiste freelance, sculptures




Paperblog

Follow on Bloglovin

ouvrir
https://www.googletagmanager.com/gtag/js?id=UA-10162392-1