Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #r
  • #re
  • #rés
  • #responsive
RSS: #responsive_web_design

#responsive_web_design

  • #responsive_web_design_rwd_
  • #responsive_web_design_process
0 | 25 | 50 | 75
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 17/04/2014
    1
    @rastapopoulos
    1

    A Fresh Approach to Responsive HTML5 Tables
    ▻http://demosthenes.info/blog/852/A-Fresh-Approach-to-Responsive-HTML5-Tables

    Tags: Responsive Web Design (RWD) #table #tableau

    #Responsive_Web_Design_RWD_

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 17/04/2014

      C’est ce qu’on disait la dernière fois, avec le JS qui génère les data ?
      ▻http://seenthis.net/messages/237158

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 17/04/2014

      Une approche similaire, oui

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 16/04/2014

    Responsive Typography Demo
    ▻http://webdesign.maratz.com/lab/responsivetypography/realtime

    Tags: Responsive Web Design (RWD) #distance #dimension #pixel #caméra #détection #visage #démo

    #Responsive_Web_Design_RWD_

    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 14/04/2014

    Responsive Man, a #fun way to discover RWD
    ▻http://niravigad.com/responsive_man

    Tags : Responsive Web Design (RWD) #démo #homme #visage fun

    #Responsive_Web_Design_RWD_

    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 4/04/2014

    Ecommerce and Responsive Web Design - Electric Pulp
    ▻http://electricpulp.com/notes/ecommerce-and-responsive-web-design

    Tags: Responsive Web Design (RWD) #e-commerce #gain #progression

    #Responsive_Web_Design_RWD_

    • #e - commerce
    • #e-commerce gain progression
    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 3/04/2014

    You like apples ? - Electric Pulp
    ▻http://electricpulp.com/notes/you-like-apples

    Tags: Responsive Web Design (RWD) #e-commerce #gain #progression

    #Responsive_Web_Design_RWD_

    • #e-commerce gain progression
    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 3/04/2014

    How Big Is Art-Direction in RWD?
    ▻http://blog.yoav.ws/2013/05/How-Big-Is-Art-Direction

    “The results showed that 24% (7 out of 29) of the sites that use picturefill, use it to implement art-direction. While a larger sample would be better, this is a strong indication that the art-direction use-case is an important use-case for responsive images.” Tags: Responsive Web Design (RWD) #Art_Direction #image

    #Responsive_Web_Design_RWD_

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 2/04/2014

    Home - Transport for London
    ▻http://www.tfl.gov.uk

    Tags: Responsive Web Design (RWD) #démo #transports #métro

    #Responsive_Web_Design_RWD_

    • #London
    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 29/03/2014
    3
    @vlentz
    @fil
    @rastapopoulos
    3

    Ridiculously Responsive Social Sharing Buttons
    ▻http://kurtnoble.com/labs/rrssb

    Tags: #bouton #partage #réseau_sociaux Responsive Web Design (RWD)

    #Responsive_Web_Design_RWD_

    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 29/03/2014
    7
    @vlentz
    @fil
    @touti
    @7h36
    @habbon
    @rastapopoulos
    @ari
    7

    Responsive Sidenotes
    ▻http://johndjameson.com/2014/responsive-sidenotes

    Tags: Responsive Web Design (RWD) #notes #todo:formation:rwd

    #Responsive_Web_Design_RWD_

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @fil
      Fil @fil 29/03/2014

      à faire pour #SPIP !

      Fil @fil
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 30/03/2014

      Oui, mais c’est plutôt à faire côté squelettes, non ?

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 31/03/2014

      #idée_pour_SPIP, même

      RastaPopoulos @rastapopoulos CC BY-NC
    • @b_b
      b_b @b_b PUBLIC DOMAIN 8/09/2014

      ▻http://johndjameson.com/blog/responsive-sidenotes

      pérennité des urls...

      b_b @b_b PUBLIC DOMAIN
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 8/09/2014
      @b_b

      @b_b bien vu, merci

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 29/03/2014

    Scoped Media Query #Sass Mixin
    ▻https://github.com/filamentgroup/scoped-media-query

    “An element query workaround. A Sass mixin for scoping #CSS styles to apply only within given selector/media query pairs.” Tags: Responsive Web Design (RWD) #Element_Queries Sass CSS #todo:formation:rwd

    #Responsive_Web_Design_RWD_

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 29/03/2014

    TAL, an open source library for building applications for Connected #TV devices
    ▻http://fmtvp.github.io/tal/getting-started/introducing-tal.html

    Tags: TV Responsive Web Design (RWD) #interface #application

    #Responsive_Web_Design_RWD_

    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 29/03/2014

    2014 State of #Element_Queries
    ▻http://www.xanthir.com/b4VG0

    Tags: Element Queries #Media_Queries Responsive Web Design (RWD)

    #Responsive_Web_Design_RWD_

    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 29/03/2014

    12 websites that prove RWD and performance CAN play well together
    ▻http://www.webperformancetoday.com/2014/03/25/12-websites-prove-rwd-performance-can-play-well-together

    Tags: #webperf Responsive Web Design (RWD)

    #Responsive_Web_Design_RWD_

    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 28/03/2014

    #IE-friendly mobile-first #CSS with #Sass 3.2
    ▻http://jakearchibald.github.io/sass-ie

    Tags: IE #Mobile_first CSS Responsive Web Design (RWD) Sass

    #Responsive_Web_Design_RWD_

    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 20/03/2014
    1
    @reka
    1

    RWD and #design
    ▻http://susanjeanrobertson.com/geekery/rwd-and-design

    Tags: Responsive Web Design (RWD) design #webdesign #contrainte créativité

    #Responsive_Web_Design_RWD_ #créativité

    • #Web Design
    • #Web Design RWD créativité
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 20/03/2014
    1
    @reka
    1

    Why RWD looks like RWD
    ▻http://timkadlec.com/2014/03/why-rwd-looks-like-rwd

    “let me state my usual “blame the implementation, not the technique” just in case anyone was considering insinuating that responsive #design dictates a specific sort of visual appearance” Tags: Responsive Web Design (RWD) design #webdesign #contrainte créativité

    #Responsive_Web_Design_RWD_ #créativité

    • #Web Design
    • #Web Design RWD créativité
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 14/03/2014
    4
    @rastapopoulos
    @gblin
    @severo
    @mukt
    4

    Responsive & Accessible Data #table
    ▻http://codepen.io/pixelchar/full/rfuqK

    Tags: Responsive Web Design (RWD) #tableau table #HTML

    #Responsive_Web_Design_RWD_

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 14/03/2014

      Wow impressionnant. Ya uniquement les data-title de rajoutés en gros, et hop, tout en CSS ensuite. Assez élégant je trouve.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 14/03/2014

      Oui, plutôt malin.

      Je me demande s’il ne faudrait pas générer les data-title en JS après chargement de la page, tout de même, pour avoir quelque chose de plus générique ne nécessitant pas de générer ce HTML spécifique côté serveur…

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 14/03/2014

      Ah c’est amusant, c’est exactement ce que j’avais marqué au départ dans mon message, et je l’avais enlevé finalement. :)

      En disant que normalement, les clients web pour lesquels on a besoin de ce data-title ont à priori tous JS activés (les navs des périphs mobiles quoi).

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 6/03/2014
    1
    @02myseenthis01
    1

    Responsive Web Design and Search Engine Optimization
    ▻http://www.epagecity.com/blog/responsive-web-design-better-seo

    “Google recommends using responsive design because it allows a single website to offer a visitor an optimal user-experience regardless of their device or its screen size. It also leverages typically ignored #SEO factors while making it easier for Google to assess a website for standard search rankings metrics.” Tags: Responsive Web Design (RWD) SEO

    #Responsive_Web_Design_RWD_

    • #Google
    • #Web Design
    • #search engine
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 4/03/2014

    Frank Chimero – Quilt
    ▻http://frankchimero.com/intros/quilt

    Tags: Responsive Web Design (RWD)

    #Responsive_Web_Design_RWD_

    • #Web Design
    • #Web Design RWD
    • #Frank Chimero
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 3/03/2014
    1
    1

    Web Performance: One or thousands of #Media_Queries?
    ▻http://helloanselm.com/2014/web-performance-one-or-thousand-media-queries

    “engines do serialize and strip out duplicated media-queries so they only need to evaluate each media query once. Also they cache the queries so that they can re-use it later on” Tags: Media Queries Responsive Web Design (RWD) #webperf

    #Responsive_Web_Design_RWD_

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 2/03/2014
    1
    @reka
    1

    Rescue from Antarctica | Alok Jha
    ▻http://www.theguardian.com/science/antarctica-live/2014/feb/28/-sp-rescue-from-antarctica

    Tags: #Guardian Responsive Web Design (RWD) #démo #article #presse

    #Responsive_Web_Design_RWD_

    • #Alok Jha
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @reka
      Reka @reka CC BY-NC-SA 3/03/2014

      #pôles #arctique #antarctique

      Reka @reka CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 28/02/2014

    Don’t Squash Me: Using #min-width on Fluid Images
    ▻http://www.stucox.com/blog/dont-squash-me-using-min-width-on-fluid-images

    Tags: #image min-width #em Responsive Web Design (RWD) #fluide #minimum

    #Responsive_Web_Design_RWD_

    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 27/02/2014

    #BBC One - The Musketeers
    ▻http://www.bbc.co.uk/programmes/p00sxqkb

    Tags: Responsive Web Design (RWD) #démo #programme #télévision BBC

    #Responsive_Web_Design_RWD_

    • #BBC
    • #Web Design
    • #Web Design RWD
    • #BBC One
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 27/02/2014
    1
    @ccoveille
    1

    #BBC Programme Pages : Content Driven Responsive Redesign
    ▻http://www.bbc.co.uk/blogs/internet/posts/BBC-Programme-Pages-Content-Driven-Responsive-Redesign

    Tags: Responsive Web Design (RWD) #télévision BBC #retour_d'expérience

    #Responsive_Web_Design_RWD_

    • #BBC
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 27/02/2014

    Home | Suitsupply Online Store
    ▻http://eu.suitsupply.com/en_FR/home

    Tags: Responsive Web Design (RWD) #e-commerce #démo

    #Responsive_Web_Design_RWD_

    • #e-commerce démo
    • #online store
    • #Web Design
    • #Web Design RWD
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
0 | 25 | 50 | 75

Thèmes liés

  • #responsive_web_design_rwd_
  • industryterm: web design
  • industryterm: web design rwd
  • #css
  • industryterm: responsive web design
  • #démo
  • #media_queries
  • #webdesign
  • #spip
  • #todo
  • company: google
  • #css
  • #interfaces
  • #webperf
  • #web_design
  • #e-commerce
  • #responsive
  • #sass
  • #mobile
  • #tv
  • #iphone
  • #image
  • #em
  • #web
  • #web
  • #media_queries
  • programminglanguage: javascript
  • #layout
  • #mobile_first
  • #téléviseur
  • #grid
  • #design
  • #webdev
  • industryterm: media queries
  • industryterm: web design demystified
  • city: boston
  • #webkit
  • #texte
  • company: filament group inc.
  • #ios