background preloader

Base - A super simple, responsive framework designed to work for mobile devices, tablets, netbooks and desktop computers.

Base - A super simple, responsive framework designed to work for mobile devices, tablets, netbooks and desktop computers.
Related:  Grid systemsWeb FrontEnd

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development The Goldilocks Approach to Responsive Web Design Using voice to drive the web: Web Speech API This implementation of voice search in Chrome prompted a great deal of interest when it was first released, and you can still see it in action today by visiting from any version of Chrome. More valuable than buzz and interest, however, was the feedback from developers that Google got after implementing the Speech Input API in their browser. According to public archives at, the key feedback that Google received was that developers wanted a JavaScript-based API for speech and finer-grained control over the presentation of speech input controls. Essentially, developers told Google that the Speech Input API was a nice start, but that a better proposal was needed. The Web Speech API As a follow-up to that developer feedback, and in response to the final report published by the W3C Speech Incubator group, Google revised and expanded upon their original spec and presented the Speech JavaScript API Specification in late 2011.

996 Grid - Responsive Grid System csswizardry/inuit.css CSS3 contra jQuery: comparativa para animaciones En este artículo voy a comparar CSS3 y jQuery, para ejecutar animaciones y transiciones, en el campo donde se pueden comparar. jQuery es uno de los mejores frameworks que existen de JavaScript, ¿pero hasta que punto es necesario?, últimamente en mi opinión se está usando jQuery para hacer cosas que no lo requieren, y eso puede ralentizar una web sin darnos cuenta, así que para ver quien gana en eficiencia he realizado un experimento para comparar ambas tecnologías. CSS tiene su cometido, el de añadir estilos a una web, y jQuery tiene el suyo, que es el de simplificar la interacción con elementos de una web e incorporar funciones que por si solo no tiene JavaScript. El objetivo de la prueba es comparar la eficiencia superior de CSS3 para realizar animaciones y transiciones sobre jQuery, lo que convierte a esta última en una tecnología estupenda si se va ha dar uso, pero se convierte es un lastre si solo se usa para un slider (por ejemplo). ¿jQuery un lastre? ¿Es decir, es un lastre? Resumen

Rolling Your Own Grid Layouts on the Fly Without a Framework Do you hate CSS grid frameworks but love the rapid layout benefits that they provide? Do you struggle with the math and code necessary to create your own flexible multi-column layouts on the fly? Today we’re going to walk you through creating your own basic, reusable system for creating multiple columns that you can implement anywhere any time with only a few lines of code. No bloated code or non-sematic class names required! Grid Frameworks: Pros and Cons I’m a pretty big fan of CSS grid frameworks. The benefit of grid frameworks is a no-brainer: they make for ridiculous fast layout. However, CSS grid frameworks have some pretty serious downsides as well. Grid frameworks are also fairly fixed. Finally, many coders are real sticklers for semantic code and setting up generic, obscurely-named classes for layout really frustrates them to no end! Build Your Own As we just clearly laid out, some people love CSS grid frameworks, many absolutely hate them. Creating Columns in CSS Huh? Build It!