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 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 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!

CodeVisually - Web Developer Resources & Tools Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. On smaller screens the 16 columns could be folded into 8, 4 and 2. While the grid's columns were fluid — proportional to the screen's width — the gutters (spaces between the columns) were proportional to the font-size being used. GGS also contained a set of typographic presets, strictly to a baseline grid. Correctly setting all of these measurements is difficult, of course. When published, GGS gained a lot of attention, as the web design community was searching ways to work with fluid-width grids, which have always been troublesome, running counter to many graphic design principles. Later on I developed Frameless, the last entry in my early CSS grid system saga.

A Look Into: WebMatrix for Front-end Development There are plenty of web development applications for Windows system, such as Notepad++, Netbeans, Eclipse, Komodo, Aptana etc. These applications are working fine, and many of my developer friends are using them. But, if you want to have one that is integrated very well with Windows system at its core, then you need to check out WebMatrix. WebMatrix is a free, and lightweight web development tools that is developed by Microsoft. So, let’s see what WebMatrix has to offer. Recommended Reading: Top 10 Free Source Code Editors – Reviewed Installation Around 2009, Microsoft centralized their web application lines using Web Platform Installer. Once you hit Install, WebMatrix will automatically fetch its dependencies including .NET framework, IIS, and MsSQL. In addition, you might also need to install MySQL for working with PHP application that relies on it, like WordPress. Features Web Standard WebMatrix embraces web standards. Writing CSS3 syntax is easier. Open Source Web Applications Final Thought