Etiqueta: webdev

NO voy tarde, es que ha sido fin de semana largo…

Los de diseño y desarrollo web

Sección más corta de lo habitual. Como de costumbre, bastante ‘responsive’…

The EMs have it: Proportional Media Queries FTW! http://j.mp/Hpxkq0

Sneak peek of fluid grid layouts in Dreamweaver CS6 http://j.mp/HoQSvM

Device-Agnostic Approach To Responsive Web Design http://j.mp/HexVg4

Algo de accesibilidad…

A customizable quick reference to WCAG 2.0 requirements (success criteria) and techniques http://j.mp/HfqzqD

Y el navegador que nadie conoce. Pero que funciona fantásticamente…

experimentando con opera como navegador por defecto en el mac (que sólo tiene dos gigas de ram)

Chrome y webkit me asustan un poco, y el consumo de recursos de Firefox sigue sin ser apto para máquinas cortas de memoria. Opera es mi navegador favorito en Android (tanto en el móvil como en la tableta) y, de momento, el experimento en el Mac no está yendo nada mal…

Sobre privacidad

una lectura bastante interesante sobre privacidad en la red… http://j.mp/HghSfK

El metatuit

si twitter se hubiese inventado en los 80 :-) http://j.mp/H71MEX

Cacharritos

Primero, el cacharro nuevo en ‘OBM Central’…

si alguien quiere un monitor 24″ 1920×1200 relativamente económico, el Philips 240S1SB no está mal http://j.mp/HVzWLu

De segundo, la novedad (aún básicamente ‘vaporware’, y seguirá así durante una buena temporada) de Google. (Aún a pesar de todas las dudas, más que razonables, que presenta sobre privacidad y otros temas, insisto en que quiero uno.)

las ‘google goggles’ se llaman Project Glass. ¡quiero! http://j.mp/HeOY1M

Y para cerrar, el especial que Engadget dedicó este April’s Fools a cacharritos de otras épocas. Me quedó con los tres que me tocaron la fibra:

:____) USRobotics PalmPilot Personal review http://j.mp/HzAPYj

:_) Nokia 7110 review http://j.mp/H8JIPt

:-) Atari Pong review (1976) http://j.mp/H6y318

Golosinas visuales

Unbelievable Photos of Earth from Space http://j.mp/HJkkZz

8 bit movie posters :-) http://j.mp/HT1TVC

:-) Title Scream. Type + Graphic inspiration from 8/16bit games. http://j.mp/Ho50bY

Hipster Branding. ¿y si tu logo lo hubiese diseñado un gafapasta? :P http://j.mp/Ieso5f

o.O MT @WFMU: Amazing Photos of Midair Tractor Trailers and Other Damage From Recent Texas Tornadoes: http://is.gd/8HSMZM

banda sonora del día: Mogwai en directo desde el año 2000, cortesía de @albaladejo http://j.mp/Hfu6tp

RT @TheAtlantic Gorgeous microscope cinematography reveals a terrifying universe. WATCH: http://theatln.tc/HXhRjN #science

Como de costumbre, los mejores enlaces aparecidos esta semana por mi cuenta de Twitter. La novedad más importante de la semana es el cambio de título.

Comencemos por los April’s fools…

Mis dos favoritos del día, cortesía de Google:

:-D RT @WPMigrations: RT @dirkderidder: Introducing Gmail Tap http://bit.ly/H4LxqU <- Morse code keyboard, an #Apple #iPhone killer :-)

¡pero qué grande! RT @neave: Google Maps goes 8-bit: http://maps.google.com/maps?t=8 Check out Street View too!

Los de diseño y desarrollo web

Comencemos por la sección «responsive»:

Gridpak: The Responsive Grid Generator | Smashing Coding http://j.mp/H4YFhG

Foresight.js, una biblioteca más para responsive images http://j.mp/HjzBW5

Un poco de JavaScript y canvas:

how to make a particle system in HTML5 canvas http://j.mp/H4Yh2L

El último juguete que Google le ha añadido a su búsqueda:

o.O #im_presionante RT @mrdoob: https://www.google.com/search?q=sqrt(x*x%2By*y)%2B3*cos(sqrt(x*x%2By*y))%2B5+from+-20+to+20 #webgl

Tipografía…

RT @lucascepeda Puede que la forma en que estás utilizando «font-face» no muestre lo que esperas en Android #bulletproof #fontspring http://bit.ly/HlZRiQ

Del uso de Keynote como herramienta para hacer ‘wireframes’…

ESPI at work: The power of Keynote http://j.mp/GYQFCr

De vez en cuando conviene recordar que, en cuanto a navegadores, hay vida más allá de Webkit, Firefox y Explorer:

parece que en móviles y tabletas, el navegador ‘más HTML5’… no lleva webkit dentro http://j.mp/GTi3QZ

UNa alternativa a los ‘resets’ de CSS:

RT @necolas About normalize.css: a modern, HTML5-ready alternative to CSS resets http://j.mp/ztpcR4

Y, para acabar, sobre validación en formularios HTML5:

RT @embat_es HTML5Pattern http://html5pattern.com/ :-)

Departamento legal

De salida, tres sobre la estupidez de [los abusos de] la propiedad intelectual en el mundo del software:

Apple’s War on Android http://j.mp/H67vM6

más patente estupidez http://j.mp/GWmOJw

otra estupidez resultado de las patentes de software: Twitter has patent for «pull to refresh» http://j.mp/GU11TL

Uno de privacidad, en el que Facebook juega un papel importante, aunque estrictamente no me parece que sean los únicos culpables:

autoinvasion, actually :-( RT @WFMU: Wakeup Call For Online Privacy Invasion: Stalker’s App Called «Girls Around Me» http://is.gd/zVugXf

Hablando de Facebook… (aunque no es estrictamente ‘departamento legal’)

EnemyGraph, interesante perversión del grafo social de Facebook… http://j.mp/H2f1dv

Y hablando de privacidad, hay que reconocer que hay gente que se lo curra para hacerlo mejor cada día:

RT @pacoperezbes Bonito ejemplo de gestión de cookies en web: http://skimlinks.com/cookies

Y para cerrar, otro en el que la etiqueta ‘departamento legal’ está bastante cogida con pizas. En cualquier caso, una muy buena lectura:

Death of a data haven: cypherpunks, WikiLeaks, and the world’s smallest nation (via @albertocairo) http://j.mp/H90BCl

A falta de golosina visual…

la d de darpa no me gusta nada. pero qué bien hacen la r… http://j.mp/GW4MZ8

Como casi cada semana, los mejores enlaces aparecidos por cuenta de Twitter…

Los de diseño y desarrollo web

RT @kazuhito Sass vs. LESS vs. Stylus: Preprocessor Shootout | Nettuts+ http://bit.ly/FTvcmM

[css4-images] The image-set() function (for responsive images) http://j.mp/GRWFJK

RT @kazuhito audio.js http://bit.ly/zS1u4Z

Firefox Aurora 13 Developer Tools Updates http://j.mp/GM9SD9

RT @statcountergs Chrome is world’s number one browser for a day http://bit.ly/GI0azF

el Responsive Web Design es *muy* importante, pero no dejemos que nos oculte el resto (via @rakelka) http://j.mp/GB17eD

una idea excelente para enseñar y compartir HTML+CSS+JavaScript: http://thecodeplayer.com/

Fashionably flexible responsive web design. enorme (en todos los sentidos) presentación de @malarkey: http://j.mp/FPJEkI

Apuntes de historia del siglo XX

historia de los videojuegos: Pong cumple 40 años…. http://j.mp/GLYpDT

las notas del insti de un chaval llamado Alan Turing… http://j.mp/GGKliy

Y el audiovisual para cerrar…

RT @citycalfe I’ve been watching this 3D fractal sphere for the past 1.5 hours: http://vimeo.com/18842873http://vimeo.com/18842873

[vimeo]http://vimeo.com/18842873[/vimeo]

No es ni la primera ni la última vesz que empalmo dos entradas de ‘tuitlinks’ en el blog. Espero que no vuelva a pasar mucho… En cualquier caso, ahí van los mejores enlaces que han aparecido esta semana por mi cuenta de Twitter, @chechar…

Los de diseño y desarrollo web

Comenzamos con una «rabieta» absolutamente justificada:

+mucho… RT @tartanna: Nou post al blog: Laus 2012, categoria disseny web http://tartatatin.com/bazar/laus-2012-categoria-disseny-web/

De lectura obligada, en serio. Si el catalán es obstáculo, enlace a la googletraducción al castellano: http://j.mp/zkKws7.

Seguimos con una dosis de ‘responsive’ y similares:

RT @kazuhito How http://Apple.com will serve retina images to new iPads « Cloud Four http://bit.ly/FTvcDb

RT @kazuhito LukeW | Multi-Device Layout Patterns http://bit.ly/A9Zraf

YAMB: yet another boilerplate for responsive (mobile) web design http://j.mp/xL7ipp

RT @hello_google “@artberri: La mejor comparativa de soluciones para imgs responsive que he visto http://cloudfour.com/responsive-imgs-part-2/ Resumen: https://docs.google.com/spreadsheet/ccc?key=0Ais…d=0”

Más unas cuantas presentaciones del último #webcat:

otra presentación imprescindible del #webcat de ayer. accesibilidad con @cottonfieldsbcn http://j.mp/x7yibd

imprescindible la presentación de ayer de @lucascepeda en #webcat sobre optimización de css y javascript http://j.mp/zvp0Nx

RT @toniher My presentation on offline-aware web today at @webcatbcn available here: http://ves.cat/a9L3 #webcat #localstorage #appcache #offline

Si os ha interesado (y debería haberos interesado) la presentación sobre accesibilidad, unos pocos enlaces relacionados:

RT @cottonfieldsbcn Implementación de HTML5 en los navegadores, sus consecuencias para la accesibilidad y posibles soluciones: http://html5accessibility.com/

si nunca habéis navegado por la web con un lector de pantalla, por favor, pasad por aquí (obligatorio): http://j.mp/xs4qoU

Y el cajón desastre habitual…

RT @JuanjoBernabeu Symptoms Of An Epidemic: Web Design Trends http://uxdesign.smashingmagazine.com/2012/03/15/symptoms-of-epidemic-web-design-trends/

interesante… Web Developer Efficiency Tools in Visual Studio 11 http://j.mp/yWGGf6

About HTML semantics and front-end architecture http://j.mp/zHeUvm

StyleDocco genera documentación y guías de estilo a partir de tus css (necesita node.js) http://j.mp/z2Ixvj

Strengthen Your Website With Simple Multivariate Testing for WordPress http://j.mp/xp0AVR

7 Resources Every JavaScript Developer Should Know http://j.mp/wVAxF5

RT @badass_js Firefox will support H.264 and MP3 decoding with codecs built into the OS: http://groups.google.com/gro…15?pli=1 This is how it should have been all along.

A medio camino entre la tecnostalgia y el desarrollo web

:_) RT @C_64: Amiga Workbench in JavaScript : TAWS – http://home.datacomm.ch/mrupp/ #sweet

Remaking A Commodore 64 Game In HTML http://j.mp/xt0aH5

Juguetes…

#geekoverload Lego lanza su R2-D2 oficial http://j.mp/FPaxDF

[youtube]http://www.youtube.com/watch?v=kqCjdi8phSc[/youtube]

vale. sí. me rindo. NECESITO una Surface… http://j.mp/wEownc

[youtube]http://www.youtube.com/watch?v=YzoXPav7uzs[/youtube]

Historia de la tecnología

un poco de historia. Google homenajea a Paul Otlet, el hombre que «soñó la web», como ellos dicen… hace 100 años http://j.mp/zU3g0W

RT @weelibrarian tweet saves Alan Turing papers http://bbc.in/xjmJK0

El matemático

#mates Arthur C. Clarke on Mandelbrot’s Fractals (con música de Dave Gilmour) http://j.mp/wnagx4

Propiedad intelectual. Reirse por no llorar…

para reirse un rato del lobby del copyright (y sus números)… Rob Reid: The $8 billion iPod http://j.mp/z5n9dj

XD RT @brucel: MPAA/ RIAA believe digital copies to be as valuable as originals- so scan some money & email the scan http://sendthemyourmoney.com

Y un postre visual intenso…

death of an iceberg (via @kottke, absolutamente imperdible) http://j.mp/yZQaPa

[youtube]http://www.youtube.com/watch?v=aES6WC0CDnI[/youtube]

Esta vez la cosa ha venido con mucho web y poco de lo demás…

Los de diseño y desarrollo web

Ruby on Rails Tutorial. Learn Rails by Example http://j.mp/yAkxeU

Monster Truck. una demostración de lo que se puede hacer hoy con WebGL… http://j.mp/xIDHD6

RT @jmunozf RT @userfocus: How UIs are perceived by colour deficient users, with good and bad examples and a neat simulator. http://bit.ly/ydLZkD

#mac CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript, Jade & Haml files http://j.mp/x9za9Y

RT @BlocketPc Resumen de Device Days 2012, diapositivas y archivos de las charlas http://ow.ly/9wfGF

descubriendo Adobe Shadow (en beta), muy interesante para probar diseños web en dispositivos (via @ellaing) http://j.mp/x2OORt

otra charla #frontend interesante: Web Audio – HTML5 + Flash (in a tree) http://j.mp/wfrXNB

un test de las capacidades de audio de tu navegador: http://areweplayingyet.org/

interesante charla #frontend: Creating Responsive HTML5 Touch Interfaces (aunque olvida los no webkit) http://j.mp/yBLAPg

Para procrastinadores

Instapaper Placebo http://j.mp/An2fkT

La recomendación cultural y cultureta

200 documentales que hay que ver. llevo 12, queda curro… (PDF) http://j.mp/Ansy8O

Y el metatuit

flipa con la portada que le dedica BusinessWeek a Twitter :-P http://http://j.mp/wOD68Y

---

Si queréis todos los enlaces, los encontraréis en @chechar, como de costumbre…