Que es el diseño responsive

El diseño responsive o adaptable es el que permite que tu web se adapte de manera correcta a cualquier dispositivo.

La era antes del responsive

En la época en que todavía no era comunes los smartphones, los sitios web se visualizaban en una computadora por lo tanto que eran diseñados con esas características y para esa función.

Durante la época del 2000 comenzó la llegada de los primeros smartphones en consecuencia de esto algunos sitios construían más versiones de su web, ya que estaban desarrollados con la resolución destinada a computador de escritorio y notebooks, para ser visitados desde celulares o tablets.

proto Diseño responsive
Dispositivos antes del 2008

El uso de los celulares para navegar en internet fueron en un notable aumento y asimismo la variedad de dispositivos que salían al mercado (tablets, ipad,ipod,iphone,etc), todos con distintas resolución y ademas de diferente rendimientos al momento de navegar por internet.

El nacimiento del responsive

» En los últimos años, me he estado reuniendo cada vez con más compañías que solicitan “un sitio para iPhone” como parte de su proyecto. …
Podemos poner en cuarentena a la experiencia mobile en subdominios separados, espacios diferentes y alejados del «sitio no-iPhone». ¿Pero y después? ¿Un sitio para iPad? ¿Otro para el N90? ¿Realmente podemos comprometernos a soportar cada nuevo agente de usuario con su propia experiencia a medida? En algún punto, esto empieza a sentirse como un juego de suma cero. ¿Pero cómo podemos adaptarnos y adaptar a nuestros diseños? «

Ethan Marcotte – Precurso del diseño responsivo -2008

 

Ya en 2008 con la cantidad de dispositivos saliendo al mercado, era una locura pensar que cada sitio podría tener una versión para cada uno de ellos. Después en julio de ese año el Consorcio WWW (World wide Web consortium) presento la idea y el propósito de que el diseño web fuera adaptable.
La W3 presentó la recomendación Mobile Web Best Practices bajo el subtítulo «One Web».
Dicha recomendación, aunque fue hecha para dispositivos móviles, especifica que está realziada en el concepto de One Web, y que por lo tanto abarca no solo la práctica de navegación en dispositivos móviles sino también en dispositivos de mayor resolución de pantalla como computadoras de escritorios y Laptop.
El concepto de One Web hace referencia a la idea de construir una ‘Web para Todos’ (Web for All) y accesible desde cualquier tipo de dispositivo (Web on Everything).

Dispositivos después del 2008

Como funciona el diseño responsive

El diseño web adaptable se hace posible gracias a la introducción de las media queries son una sucesión de órdenes que se incluyen en la hoja de estilos (css) que indica al documento HTML cómo debe fluir en otras valores de pantalla.

Para graficarlo de mejor manera, los diseños web responsive están basados en columnas, al igual que las revistas o periódicos, entonces si un sitio web tiene una resolución para PC (1028×768 pixeles) podría usar 6 columnas, si está siendo visualisado en una tableta (800×600 pixeles) necesitaría entre 3 y 4 , y si en el caso  de que se aun Smart phone, en el que el ancho varía entre 320 y 480 pixeles , se utilizarían entre una y 2 columnas.

Finalmente para terminar hoy en día es casi una obligación que tu sitio sea adaptable o responsive,el que no lo sea tiene consecuencias como perder posibles clientes,ademas de una penalización por Google, que te hará perder puestos en las busquedas.

¿Tu sitio web es responsivo? ¿aun no tienes tu sitio web para tu negocio? Si quieres tener un sitio responsivo y con un diseño profesional no dudes en contactarme

Esta entrada tiene 11 comentarios

  1. Firmamız şehirler arası nakliye hizmetlerinde siz değerli müşterilerine ambar ve parsiyel gönderimlerini kolaylaştırmak için İstanbul Antalya ambarı hizmetini açarak yeni
    model teknolojik araçlarımız ile İstanbul Antalya ve Muğla bölgelerine şehirler arası taşıma
    parsiyel ve komple gönderimler yapmaktadır. Firmamız ile
    iletişime geçerek adresten yüklerinizi & ürünlerinizi aldırabilir ve yeni adresine en kısa sürede sevk ettirebilirmisiniz

  2. Antalya nakliyat şirketi sizlere bölgemizde şehir içi nakliyat, şehirler
    arası nakliyat, evden eve nakliyat, parsiyel yük taşıma gibi hizmetlerimizi sürdürmekteyiz.

    İstanbul ilçe ve mahallelerinden Antalya ilçe ve mahallelerine
    kadar nakliyat ambarı sunmaya ve 7/24 çalışmaya hızını geliştirme gayretindedir.
    İstanbul Antalya arası nakliyat ambarı işlemlerinizde Cnr Nakliyat ile irtibatta olarak ekonomik taşıma
    imkanıda bulabilirsiniz

  3. iqos satın al

    Dilerseniz Google Sites Sayfası Açıp Bütün Çalışma
    Buraya Yapılır, Dilerseniz Sizlerin Paravan Web Adreslerinize Çalışma Yapabiliriz.

    Bu paket orjinal web siteniz için UYGUN DEĞİLDİR.
    Paravan çalışmalar her daim daha iyi olucakdır.

    ANAHTAR KELİMENİN OLDUĞU MAKALE: [ NOT UZUN UZUN DESTAN YAZMAYIN 50 İLE 75 KELİME KAFİDİR. ]

    Marlboro nın üreticisi Phillip Morris International, ın ürettiği tütün tabanlı buharlaştırıcı iqos elektronik sigara Dünyada ve Ülkemizde satışa sunuluyor.

    Tütün devi tarafından 21 Kasım 2014 de Nagoya Japonyada
    bulunan fuarda tanıtılan cihaz ayrıca İtalyada satışa sunulmuştu.
    Bu iki test pazarı, şirketin IQOS’u indirgenmiş riskli ürün piyasasında
    hali hazırda popüler olan elektronik sigara ile gerçekten rekabet edebilecek olup olmadıklarına dair bir fikir vermiştir.
    Phillip Morris CEO’su André Calantzopoulos, şirketin «yıllar boyu en büyük büyüme fırsatı» olduğuna inanıyor.

    IQOS elektronik sigara, ikinci nesil buharlaştırıcıya çok benziyor ancak
    işlevselliği açısından modern elektronik
    sigaralardan farklı durumdadır. Nikotin seviyesini ve aromasını kendiniz belirlediğiniz e-likit
    yerine, yüksek sıcaklıklarda ısıtılan ama yakılmayan küçük Marlboro sigarası şeklindeki gerçek tütün kullanılır.
    «HeatSticks» olarak adlandırılan minyatür sigaralar, IQOS elektronik ısıtma cihazına yerleştirilir
    ve Marlboro ismi yazılı olan filtre dışarıda bırakılır.

    Tütün sigarası normal şartlarda yakıldığında 800 dereceye ısı üretiyor,
    ancak IQOS tütünü 350 dereceye kadar ısıtıyor ve ağızınızda tütünden aromalı
    buhar çıkıyor.
    Dilerseniz sitemiz üründen iqos ve heets ürünlerini satın alabilirsiniz

  4. One Hit Wonder Premium Likitler

    One hit wonder likit fiyat Ağız sulandıran bir likit arıyorsanız, One Hit
    Wonder’dan başkasına bakmayın, aramanız burada bitiyor.
    Los Angeles, Kaliforniya’da el yapımı olan One Hit Wonder E-Liquid ve One Mad Hit E-Liquid, sadece %
    100 ABD’de yetiştirilen ve sıvı nikotin eklenmiş TruNic dahil olmak üzere
    en iyi malzemeleri içerir. One Hit Wonder Eliquid, tüketiciye
    mutlak en düşük fiyata en kaliteli, lezzetli şekerli likit üretir.

    THIRST-QUENCHING LİKİTLERİ

    Mart 2015’te One Hit Wonder, Muffin Man Likitinin piyasaya sürülmesiyle dünyayı fırtınaya soktu.
    One Hit Wonder: Man ejuice (eski adı Milk Man e Juice), Rocket Man, Magic Man Ejuice, Man My e suyu, Police
    Man e Juice ve meyve suyu Box Limited Edition One Mad Hit.
    One Hit Wonder E-Liquid, Endüstri standartlarını yeni bir seviyeye yükseltiyor.
    Vereceğiniz en akıllı kararlardan biri.

  5. istanbul rus escort

    Türkiyenin en güzel rus escort bayanların oldugu web
    sitemizde en güzel istanbul rus escort bayanları ile
    tasırak eşsiz gecelere imza atailirsiniz.

    Eve gelen istanbul rus escort bayan numaralarını sitemizde bulabilirsiniz
    ve türkçe bilen istanbul rus escort bayanlar ile tanısabılırsınız.

  6. istanbul rus escort

    Türkiyenin en güzel rus escort bayanların oldugu web sitemizde en güzel istanbul rus escort bayanları ile tasırak eşsiz gecelere imza
    atailirsiniz.
    Eve gelen istanbul rus escort bayan numaralarını sitemizde bulabilirsiniz ve türkçe bilen istanbul
    rus escort bayanlar ile tanısabılırsınız.

  7. kuşadası escort

    Kuşadası escort sayfamız ile kuşadası escort bayan ile görüşme sağlayın. Kuşadası escort
    sayfası sizlere hızlıca Kuşadası escort bayanlar sunar.

  8. alsancak escort

    Alsancak escort sayfasını ziyaret edin ve Alsancak escort bayan partner ile görüşün. Tıklayın, alsancak escort bayanlar ile görüşme
    sağlayın.

  9. Twitter takipçi hilesi sayfamızı ziyaret edin ve twitter takipçi hilesi yapmaya
    başlayın. Hemen tıkla, twitter takipçi hilesi adresini ziyaret et.

  10. Smok coil fiyatları

    ELEKTRONİK SİGARA COİL VE KARTUŞLARI NE İŞE YARAR?

    Bir atomizerin kalbi bobindir ve bu, direncin elde edilmesini sağlar, böylece tank, buhar tüketimi için bir dağıtım mekanizması olarak hizmet edebilir.

    Daha da basitleştirmek için, bu bobinler dirençli tel ve emici malzeme
    kullanılarak yapılır. Bobinin tellerinden üretilen direnç,
    nihayetinde tankın likitini nikotin dağıtımı için buhara
    dönüştürmek üzere ısıtır.

  11. marmaris escort

    Marmaris Escort sayfamızı ziyaret et ve hemen Marmaris escort ile tanışma fırsatı yakala.

Deja una respuesta