Mayo 2013
5 publicaciones nuevas
Replacing images when printing | 456 Berea Street →
“You might get up in arms about the universal selector. Apparently you’ve heard...”
– * { box-sizing: border-box } FTW - Paul Irish
Ahora resulta que el selector universal no es lento.
Comunidad de Madrid: creando una identidad... →
Para mí el himno de Madrid es el “Pongamos que hablo de Madrid” de Sabina.
Abril 2013
17 publicaciones nuevas
hull: Introducing sass-getunicode →
hullapp:
Last week I tweeted a “protip” which explains how to find the unicode of a special character to use it in a CSS pseudo element (i.e. :afterand :before).
Find a character unicode:’☃’.charCodeAt(0).toString(16); // >”2603”then:.foo:after{content:”\2603”;}#protip March 22, 2013
In case…
Live.js - One script closer to Designing in the... →
¿Quién necesita LiveReload teniendo esto?
Just include Live.js and it will monitor the current page including local CSS and Javascript by sending consecutive HEAD requests to the server. Changes to CSS will be applied dynamically and HTML or Javascript changes will reload the page.
1 etiqueta
Display: inline-block y su empeño en dejar... →
Me ha gustado la solución vía HTML de eliminar la etiqueta de cierre de los <li>. En mis años xTalibanes me habría parecido una guarrada :) (ahora hago guarradas y me siento orgullosa de ello)
Selector Performance - Book - Scalable and Modular... →
Esta metodología me parece mucho más lógica y con sentido común que la de BEM y OOCSS.
What is important to note with these recommendations is that the evaluation of any more than a single element to determine styling is inefficient. That means that you could only ever use a single selector in your rule: a class selector, an ID selector, an element selector, or an attribute selector. If you...
“Note: It should be known that due to advances in CSS preprocessors and version...”
– Single Line CSS - HTML & CSS - Resources - Ordered List
Sobre escribir CSS en una línea o en varias. Al principio, lo ordenado y limpio era escribir en varias. Después, si escribías en varias líneas eras “junior”. Ahora “hay que” escribir en varias líneas otra vez.
Senseful Solutions: Format Text as a Table →
Here’s a simple tool that let’s you format text as a table. Simply enter in tab-delimited text (e.g. by copying from Excel), then press “Create Table”.
Firebase - A scalable real-time backend for your... →
Build apps fast without managing servers
Tiene muy buena pinta.
“And now there are retina displays, and nothing looks worse on retina than little...”
– Cómo crear archivos favicon.ico preparados para retina display
#122: The State of Favicons | CSS-Tricks
“Un diseño “última moda” puede verse viejo o aburrir dentro de pocos meses. Una...”
– Recursos para mantenerse actualizado en diseño y desarrollo web | Apuntes al (Margen)
Otro descubrimiento. Desde que se anunciara la muerte de Google Reader, no he parado de descubrir cosas a las que… ¿suscribirme? :(
3 etiquetas
Typeplate » A typographic starter kit encouraging... →
Typeplate is a “typographic starter kit”. We don’t make aesthetic design choices, but define proper markup with extensible styling for common typographic patterns. A stripped-down Sass library concerned with the appropriate technical implementation of design patterns—not how they look.
Un framework CSS con patrones comunes para tipografía. Sabores SASS, LESS y Stylus.
“Los CMS con el tiempo devienen en bestias indomables. Wordpress requiere...”
– Blogueando como un Hacker con Jekyll – Minid.net
2 etiquetas
Tutorial WP paso a paso: crear un widget con tus... →
Marzo 2013
30 publicaciones nuevas
1 etiqueta
Robbie Pearce | iOS Devices for Sketch.app →
design trends that are making a comeback →
No viene mal recordar estas cosas con el paso de los años, las modas y las tecnologías.
——-
Don’t use technology for the sake of it. Innovation means taking risks, exploring new avenues, and making the most of opportunities. It does not mean doing things just because you can. There needs to be a focus on what matters, and what matters is not the technology, but the people who use...
1 etiqueta
1 etiqueta
Más iconos con Sketch 2
1 etiqueta
Practicando con Sketch 2 (icono Gmail)
Mi primer icono hecho con Sketch 2 e incluso mi primer icono ;)
Inspiradísimo en los iconos de Ubuntu Phone.
Bueno, para ser el primero no está del todo mal…
Why I shut down the FireworksLab - Ivo Mynttinen /... →
Otro que se pasa de Fireworks a Sketch
Authenticate Your Twitter API Calls Before March |... →
Ejemplo de cacheo de tweets en WordPress usando Transients API.
Antwort | Responsive Layouts for Email →
Promete funcionar en la mayoría de clientes de email.
Usar Cloudflare para mejorar la velocidad y... →
Una alternativa a los plugins de caché que además evita las visitas de bots maliciosos.
1 etiqueta
Simple Grid →
Simple Grid was created for developers who need a barebones grid. Simple Grid works well with 1140px layouts but easily adapts to any size of layout. With fluid columns, Simple Grid is responsive down to mobile.
Últimamente he estado probando unas cuantas, entre ellas csswizardry-grids, llegando a la conclusión de que al final, Bootstrap es una de las mejores elecciones. Simple Grid tiene...
Digg Blog: We're Building A Reader →
rethinkdigg:
Like many of you, we were dismayed to learn that Google will be shutting down its much-loved, if under-appreciated, Google Reader on July 1st. Through its many incarnations, Google Reader has remained a solid and reliable tool for those who want to ensure they are getting the best from their…
“I don’t want to be writing .js in front of every selector for my basic...”
– Avoiding the FOUC v3.0 - Paul Irish
El porqué del “no-js” en lugar de “js”. Totalmente en desacuerdo con esto.
2 etiquetas
Moving IE specific CSS into @media blocks | Keith... →
Está bien saberlo, aunque no parece muy recomendable.
To target IE 6 and 7
@media screen\9 {
body { background: red; }
}
To target IE 6, 7 and 8
@media \0screen\,screen\9 {
body { background: green; }
}
To target IE 8
@media \0screen {
body { background: blue; }
}
To target IE 8, 9 and 10
@media screen\0 {
body { background: orange; }
}
To target IE 9 and...
Peccata Minuta: Gramática bien explicada →
gonra:
En español existen los participios activos como derivado de los tiempos verbales. El participio activo del verbo atacar es “atacante”; el de salir es “saliente”; el de cantar es “cantante” y el de existir, “existente”. ¿Cuál es el del verbo ser? Es “ente”, que significa “el que tiene entidad”, en…
2 etiquetas
Optimización de CSS para mejorar el rendimiento
Interesante post sobre profiling de CSS y optimización.
Resumiendo, estas son algunos de los selectores, propiedades y prácticas habituales que tienen un impacto más negativo en el rendimiento del navegador.
The fastest rule is the one that doesn’t exist.
Acostumbramos a incluir librerías de utilidades de las que luego usamos una mínima parte. Es cómodo y evita tener que añadir cosas a medida...
More Features Won't Save Your Product
If I had asked people what they wanted, they would have said faster horses.
~Henry Ford
DO NOT simply build every feature that you get requests for from your users. As Jason Fried suggests, this can be a recipe for disaster, as frankly, users are not the best builders of products.
User Inter Faces →
Avatares de humanos para usar en diseños
Preboot: librería de mixins y utilidades para LESS →
Preboot is a comprehensive and flexible collection of LESS utilities. Its original variables and mixins became the precursor to Bootstrap. Since then, it’s all come full circle.
No comments →
“The Key Is To Design Using Pair Numbers”
– How To Design Pixel Perfect Assets
1 etiqueta
AppBlog Theme →
Un tema muy chulo para Tumblr. Responsive.
1 etiqueta
pcridesagain/iOSSets · GitHub →
iOS asset files (icons and splash) in correct sizes and file names ready for you to design up and drop in your build.
Flat UI - Web User Interface Kit
Flat UI: Un kit de elementos de interfaz de usuario basado en Twitter Bootstrap. La versión PRO incluye layouts, PSD, iconos vectorizados, paletas de color, etc.
Está claro que los gradients no se llevan este año. Supongo que las interfaces minimalistas de Android (Holo) y Metro de Windows tienen mucho que ver en esta tendencia.
“Todo tiene su fin.
Wordpress was fun while it lasted, but the romance is over....”
Sidr - A jQuery plugin for creating side menus →
Un plugin para crear menús laterales para móviles al estilo Facebook con muy buena pinta.
Moverse entre paneles en ST2
You can use CTRL 1 - 3 to switch between the panels.
You can also use CTRL SHIFT 1 - 3 to move the current tab to another panel.
http://superuser.com/a/424987
