Mobile First: responsive web design

El maig del 2010 en Ethan Marcotte va crear l'estratègia "Responsive web design" aprofitant les noves tècniques de CSS3 per saber les mides de les pantalles (media queries), en que consisteix aquesta tècnica, doncs en que amb un sol disseny es pugui adaptar a cada mida de pantalla (PC, tablet, mòbil) i així no tenir el cost de creació de "varies" webs o haver de crear una aplicació de mòbil (amb el sobrecost que suposa). Així per una web d'informació pot tenir tot el seu contingut (1 sol gestor) i poder-se veure aquest en diferents dispositius sense haver de fer cap canvi. Aqui podeu veure una web amb un treball de responsive molt treballat:  foodsense.is. 

Però com tot, també aquest concepte evoluciona i el nou model és "mobile first", que vol dir això? Doncs que al tenir una web responsive s'ha de decidir de quina informació hem de prescindir en una o altre pantalla, però si comencem pel mòbil "Mobile First", podem ja definir la web de més a menys important. Aquest és un concepte que ja estem treballant i dona molt bons fruits ;) Si en vols saber més... Creant Mobile First Responsive Web Design. Naturalment tot és sobre HTML5 i CSS3, sino no es podria fer ;)
Ubicació: Girona, Espanya

Comentaris

Publica un comentari a l'entrada

Molt agarït pel teu comentari

Entrades populars d'aquest blog

Eines per blogger

Imatge
Amb tants portals a la xarxa hi ha una demanda creixent de connectivitat entre les aplicacions i no deixen de sorgir algunes webs amb aquests serveis. Avui us presento twitterfeed.com , que et permet que les entrades que facis a través dels teus blogs passin a notificar-se al twitter . Actualment l'estic fent servir per les entrades d'aquest blog cap al twitter i cap al facebook amb una faceaplicació que et permet crear una nota de cada post. Un altre mercat que està a l'alça i sobretot gràcies al twitter són les webs que redueixen l'extensió de la URL com tinyurl.com . Una d'aquestes que per mi s'en duu la palma és bit.ly que no només converteix la URL sino que també et diu les estadísitques de la gent que hi ha fet click!
Més informació

El colapse d'un Gegant anomenat Google

Imatge
Analitzant des de fa molt de temps els resultats de cerca, te n'adones que ja hi comença haver resultats "repetits" . M'explico, busques en el Gran buscador les paraules " hotel madrid " i sempre veus els mateixos resultats (apart dels de pagament que ara també es comencen a repetir), i com aquest exemple dia a dia n'hi ha més i més. Els defensors del "long tail" diràn que per això has d'allargar la cadena, però eps! inclús en aquestes acabes a les mateixes pàgines. El SEO de Google està tant treballat que depén de que busquis vas acabant allà mateix (sempre parlo de primeres pàgines). Amb això, el que començo a aconsellar és fer servir altres buscadors ( digueli bing o digueli yahoo ), penseu que a finals dels anys noranta els informàtics vam ser evangalitzadors de Google, abans deiem perquè no fas servir Google? i tothom poc a poc s'hi va anar passant (Espanya més del 90%), potser ara als informàtics ens toca reflexionar i pensar
Més informació

Bing Maps la competència real a Google Maps

Imatge
Ahir vaig estar veient els videos del CES de las Vegas, sobretot em vaig quedar mirant dues presentacions la d'en Paul Otellini president d'Intel i la de l' Steve Ballmer de Microsoft , tots dos van presentar novetats mundials per un costat em quedo amb el prototip d'Intel Home per l'anàlisis centralitzat del consum electric i ús dels gadgets conectats de casa, amb una idea que fa que poguem tenir una casa inteligent sense haver de "reventar parets". I de Microsoft que dir, es va presentar l'Slate i el Project Natal , però hi ha una cosa que a la premsa especialitzada li va passar per alt, i és la presentació del Bing Maps , el vaig estar provant i està molt bé us el recomano i a més el sistema d'interficie 3D per poder caminar pels carrers és millor que el de Google Maps, de moment no hi trobarem les famoses prostitutes ja que només hi han ciutats americanes, si el voleu provar feu click aqui i aneu a Silicon Valley .
Més informació