Code School - Discover DevTools. Element Queries. I'm getting more and more requests for "Element Queries", and it's getting annoying to address them via Twitter, so I thought I'd discuss the limitations and challenges of this idea right here and just point people to it when required. What's an Element Query? The idea of Element Queries is pretty simple - it's like a Media Query (specifically, the min-width/etc queries), but for a parent or ancestor element, rather than the viewport.
This way, you could create a "component" that is styled one way when it's in a narrow container (like a sidebar), but another way when it's got some breathing room (like in the main content of the page), without having to manually specify what kinds of containers are each type - it just naturally happens due to the width of the respective containers. Circularity The first and most obvious problem with EQs is circularity. There are lots of ways in CSS for an element's width to depend on the size of its contents. Avoiding Circularity Viewport Elements. Stiern.com. Web development tutorials, from beginner to advanced.
Google y Code School lanzan un curso online para desarrolladores. El equipo de Google ha anunciado un nuevo recurso online para aquellos desarrolladores interesados en conocer todo el potencial de Google Chrome Developer Tools. Es un curso online denominado Discover DevTools, al que podremos acceder de manera gratuita desde la plataforma de Code School. El plan de estudio que propone es de siete lecciones, donde se mostrarán desde los conceptos básicos, características menos conocidas hasta algunos trucos y tips para mejorar la productividad como programador. Además de contar con diferentes evaluaciones para probar el nivel de conocimiento adquirido. Los requisitos son tener conocimientos en HTML, CSS y JavaScript, y como bonus, inglés, ya que la totalidad del curso será impartido en ese idioma.
Para comenzar este curso interactivo solo tenemos que dar enter en Start Course para ver un resumen de los contenidos, los videos introductorios ( con la opción de descargarlo como mp4) y la posibilidad de ingresar en la plataforma. Open Web Platform Daily Digest. GotoAndLearn() - Free video tutorials from Lee Brimelow on Adobe Flash.