css

How to Detect Mobile or Tablet Condition in WordPress

Boostrap, css, Front end, Full stack, PHP, Wordpress

How to Detect Mobile or Tablet Condition in WordPress Richie KS April 29, 2015 How to Detect Mobile or Tablet Condition in WordPress2015-04-29T18:57:36+00:00WordPress Tutorials 2 Comments 22 detect mobile and tablet condition Mobile friendliness has becoming a must need condition for building a website nowadays. With the Google’s Mobilegeddon updates on mobile search algorithm effective […]

How to Detect Mobile or Tablet Condition in WordPress Leer más »

responsive-tables Boostrap

css, css3, Front end, html5, Responsive

Responsive Tables Responsive Tables por Martín Iglesias | 20/10/2014 En este artículo abarcaremos diferentes opciones para mostrar contenido dentro de tablas html sin perder de vista su correcta visualización en todos los dispositivos si nuestra web es adaptativa. Intentaremos no utilizar frameworks ni lenguajes extras al CSS pero también proponemos opciones para todos. Dentro de las especificaciones de

responsive-tables Boostrap Leer más »

Bootstrap cheat sheets

css, css3, Front end, Full stack

  Structure d’une page HTML avec Bootstrap <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»utf-8″> <meta http-equiv=»X-UA-Compatible» content=»IE=edge»> <meta name=»viewport» content=»width=device-width, initial-scale=1″> <link rel=»stylesheet» href=»https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css»> <link rel=»stylesheet» href=»https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css»> <title>Bootstrap Page</title> </head> <body> <div class=»container»> <!– ou class=»container-fluid» –> <div class=»row»> ////// Colonnes de la page </div> </div> <script src=»https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js»></script> <script src=»https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js»></script> </body> </html> Gestion des colonnes

Bootstrap cheat sheets Leer más »

JQuery Cheat Sheet

cheat-sheets, css, css3, html5, Javascript, Jquery

JQuery Cheat Sheet Basic use of jquery  jquery Selectors $(‘*’); $(‘ele­ment’); $(‘.cl­ass’); $(‘#ID’); $(‘sel­ector1, selector2, select­orN’); DOM .append() .prepend() .appen­dTo() .prepe­ndTo() .after() .before() .inser­tAf­ter() .inser­tBe­fore() .next() .prev() .data() .attr(­’at­tri­but­eNa­me’­,’a­tri­bute’) .remov­eProp() prop() .empty() .remove() .remov­eAttr() .first() .last() .child­ren() .find() .html() .text(); .val() .end() .css(‘­sty­leN­ame­’,’­style’) .addCl­ass() .remov­eCl­ass() toggle­Class() .eq() .end() not() var object = $.exte­nd({}, object1, object2);

JQuery Cheat Sheet Leer más »

Map all Document Object Model (DOM)

css, css3, Front end, html5, Javascript, Jquery

Document Object Model (DOM) In This Article DOM interfaces Obsolete DOM interfaces HTML interfaces HTML element interfaces Other interfaces Obsolete HTML interfaces SVG interfaces SVG element interfaces SVG data type interfaces Static type Animated type SMIL related interfaces Other SVG interfaces See also The Document Object Model (DOM) connects web pages to scripts or programming languages. Usually that means JavaScript,

Map all Document Object Model (DOM) Leer más »

Lista de etiquetas HTML 5.1

css, css3, Front end, html5

Lista de etiquetas HTML 5.1   Etiquetas HTML 5.1 Elemento raíz Metadatos Secciones Contenido (bloques) Texto (en línea) Modificaciones Contenido incrustado Listas Tablas Formularios Interactivos Scripts Notación Ruby Otros La tabla siguiente resume las etiquetas definidas en la recomendación HTML5.1 (2º edición). Los nombres de las etiquetas enlazan con la lección correspondiente de los apuntes. Los

Lista de etiquetas HTML 5.1 Leer más »

Lista de propiedades CSS 3

css, Front end, html5

Lista de propiedades CSS 3   Propiedades CSS 3 Tipo de letra Texto Columnas Bordes Cajas flexibles Esta lección contiene algunas propiedades de las recomendaciones CSS 3 actualmente en elaboración, pero únicamente aquellas propiedades que se comentan en alguna de las lecciones sobre CSS 3 de estos apuntes y que todavía no son admitidas de

Lista de propiedades CSS 3 Leer más »

¿Cómo hacer que una tabla HTML sea responsive?

css, Front end, Responsive

https://aukera.es/blog/tabla-html-responsive/ ¿Cómo hacer que una tabla HTML sea responsive? Estoy segura de que muchos de vosotros, alguna vez, habéis tenido algún tipo de problema a la hora de ajustar el tamaño de tablas HTML. Quienes habitualmente maquetamos, sabemos de sobra lo complicado que es controlar los tamaños de una tabla, son uno de los elementos

¿Cómo hacer que una tabla HTML sea responsive? Leer más »