{"id":3648,"date":"2018-01-09T01:10:23","date_gmt":"2018-01-09T01:10:23","guid":{"rendered":"http:\/\/disenoweb.mx\/?p=3648"},"modified":"2018-01-09T01:10:23","modified_gmt":"2018-01-09T01:10:23","slug":"desarrollo-web-cancun","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/desarrollo-web-cancun\/","title":{"rendered":"Desarrollo web Cancun"},"content":{"rendered":"\n

Desarrollo web Cancun<\/a><\/h1>\n

\u00a0<\/p>\n

\"desarrollo<\/p>\n

\"Desarrollo<\/p>\n

<\/h2>\n

A\u00d1ADIR MODERNIZR A UNA P\u00c1GINA<\/p>\n

Desarrollo web Cancun<\/em><\/strong><\/a> El primer paso consistir\u00e1 en descargar el archivo con el c\u00f3digo fuente de Modernizar. Se trata de un archivo con c\u00f3digo JavaScript que podemos encontrar en dos variantes:
\nDevelopment: contiene el c\u00f3digo fuente completo, sin comprimir y con comentarios. Debemos utilizar esta variante \u00fanicamente en desarrollo o cuando queremos acceder a su c\u00f3digo, para comprenderlo o ampliarlo. Production: es recomendable (o m\u00e1s bien obligatorio) utilizar esta variante cuando pasamos a un entornos de producci\u00f3n. Al descargarnos Modernizr, tenemos la posibilidad de generar una librer\u00eda \u00fanicamente con las funcionalidades que queremos detectar, lo que nos permitir\u00e1 ahorrarnos una importante cantidad de KB innecesarios.
\nUna vez que hemos descargado nuestra librer\u00eda, debemos incluirla en el c\u00f3digo HTML de la p\u00e1gina, de la misma manera que incluimos scripts JavaScript.
\n<script src=\u201d\/js\/lib\/vendor\/modernizr-custom.min.js\u201d><\/script> dise\u00f1o<\/em><\/strong><\/p>\n

Seg\u00fan podemos leer en la documentaci\u00f3n de Modernizr, se aconseja colocar el script dentro del HEAD, porque debe cargarse antes del BODY de la p\u00e1gina, debido a un componente que quiz\u00e1s utilicemos, para permitir HTML5 en Internet Explorer, llamado HTML5 Shiv. Adem\u00e1s, se recomienda colocarlo despu\u00e9s de los estilos CSS para evitar un comportamiento poco deseable llamado FOUC, por el cual puede mostrarse, por un peque\u00f1o espacio de tiempo, la p\u00e1gina sin los estilos CSS aplicados .
\nA partir de este momento tendremos disponibles nuestros scripts de detecci\u00f3n de funcionalidades as\u00ed como una serie de clases CSS que nos ayudar\u00e1n a aplicar estilos solo cuando los navegadores los soporten dise\u00f1o web.<\/strong><\/em><\/p>\n

OBJETO MODERNIZAR<\/p>\n

Cuando tenemos Modernizr cargado en nuestra p\u00e1gina, se crea autom\u00e1ticamente un objeto JavaScript que tiene una serie de propiedades que nos indican si est\u00e1n o no disponibles cada una de las funcionalidades presentes en CSS3 y HTML5. Las mencionadas propiedades contienen simplemente valores booleanos (true o false) que podemos consultar para saber si est\u00e1n o no disponibles las funcionalidades que deseamos utilizar dise\u00f1o web guadalajara.<\/em><\/strong>
\nEl uso es tan sencillo como se indica a continuaci\u00f3n:
\nif (Modernizr.boxshadow) { \/\/ Podemos aplicar sombras! } else { \/\/ La propiedad box-shadow no est\u00e1 disponible }
\nAqu\u00ed estamos consultando la propiedad boxshadow del objeto Modernizr. Esta propiedad nos indica si el navegador es compatible con el atributo box-shadow de CSS3, que sirve para crear cajas de contenido con sombreado sitio web.<\/em><\/strong>
\nAhora veamos otro ejemplo similar que detectar\u00eda si est\u00e1 disponible el elemento canvas del HTML5.
\nif (Modernizr.canvas) { \/\/ Podemos utilizar canvas! } else { \/\/ El elemento canvas no est\u00e1 disponible }
\nEste es un simple ejemplo que comprueba si est\u00e1n disponibles ciertas propiedades y funcionalidades de CSS3 y HTML5. L\u00f3gicamente, tendremos que desarrollar las funcionalidades que correspondan en cada caso. El listado completo de propiedades del dise\u00f1o web Df<\/strong><\/em><\/p>\n

Desarrollo web Cancun <\/strong><\/em><\/h2>\n","protected":false},"excerpt":{"rendered":"

Desarrollo web Cancun \u00a0 A\u00d1ADIR MODERNIZR A UNA P\u00c1GINA Desarrollo web Cancun El primer paso consistir\u00e1 en descargar el archivo con el c\u00f3digo fuente de Modernizar. Se trata de un archivo con c\u00f3digo JavaScript que podemos encontrar en dos variantes: Development: contiene el c\u00f3digo fuente completo, sin comprimir y con comentarios. Debemos utilizar esta variante …<\/p>\n

Desarrollo web Cancun<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":3833,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[1189,1191,55],"tags":[1215,70,46,143,47,128],"class_list":["post-3648","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web-2","category-diseno-web","tag-desarrollo-web-cancun","tag-diseno","tag-diseno-web","tag-diseno-web-df","tag-diseno-web-guadalajara","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=3648"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3648\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=3648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=3648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=3648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}