background preloader

Recommendations for building smartphone-optimized websites

Recommendations for building smartphone-optimized websites
Related:  pendiente

10 plataformas innovadoras para aprender programación Si no aprendemos a programar, nos arriesgamos a ser programados... Programa o sé programado. -- Douglas Rushkoff Creo que a todos aquí nos queda claro que la educación formal, incluso la universitaria, está desfasada si no es que rebasada en su totalidad por Internet. Con esto me refiero a que la educación formal no aprovecha -y a veces ni siquiera (re)conoce- para su beneficio las herramientas técnicas y metodológicas que Internet no está legando. No es un asunto fácil seguirle el paso a la tecnología. 1. Bajo el lema "¿Qué quieres aprender hoy?" 2. Creo que no me equivoco al decir que la comunidad en pro del lenguaje Ruby tiene los tutoriales de aprendizaje de programación más lindos y divertidos de todos. 3. "Aprende lo que sea de quien sea, donde sea". 4. Programa justo ahora, Java, PHP, C++, Python y más lenguajes de programación en tu navegador, bajo tres principios básicos: aprende, codifica y comparte. 5. De interfaz limpia y mensaje claro: Aprende a hacer código. 6. 7. 8. 9.

Responsive design – harnessing the power of media queries Webmaster Level: Intermediate / Advanced We love data, and spend a lot of time monitoring the analytics on our websites. Any web developer doing the same will have noticed the increase in traffic from mobile devices of late. Over the past year we’ve seen many key sites garner a significant percentage of pageviews from smartphones and tablets. These represent large numbers of visitors, with sophisticated browsers which support the latest HTML, CSS, and JavaScript, but which also have limited screen space with widths as narrow as 320 pixels. Our commitment to accessibility means we strive to provide a good browsing experience for all our users. Our pages should render legibly at any screen resolutionWe mark up one set of content, making it viewable on any deviceWe should never show a horizontal scrollbar, whatever the window size Stacked content, tweaked navigation and rescaled images – Chromebooks Implementation Liquid layout is a good start, but can lack a certain finesse. Viewports

Public Art Concepts - Dan Sternof Beyer 2011 Download the PDF of these ideas : Public Art Concepts - Dan Sternof Beyer 2011 (2mb) [ New American Public Art ] Beginner’s Guide to Responsive Web Design Whether you’re a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that’s required. As time goes on, responsive web design is drifting away from the pool of passing fads and rapidly entering the realm of standard practice. In fact, the magnitude of this paradigm shift feels as fundamental as the transition from table based layouts to CSS. Free trial on Treehouse: Do you want to learn more about responsive web design? Over the past year, responsive design has become quite the hot topic in the web design community. What is responsive design? Let’s just get right into it: Believe it or not, the Treehouse blog that you’re reading this article on is actually a responsive design! It’s hard to talk about responsive design without mentioning its creator, Ethan Marcotte. So, what is responsive design exactly? It’s not just small screens, either. Fluid Grids 320px480px600px768px900px1200px Resources Bonus

Conectoma (I): El cerebro El neurocientífico del MIT, Sebastian Seung, ha publicado el libro My connectome, myself en el que describe la importancia de la conectividad neuronal y es continuación de la charla TED subtitulada al español Yo soy mi conectoma. El cerebro es una de las estructuras más complejas del universo. Una estructura de grandes números (aunque estos números parecen más un dogma que una realidad comprobada). La cantidad de neuronas es de: Cien mil millones = 100.000.000.000 = 10^11 y la de sinapsis es de: Cien billones = 100.000.000.000.000 = 10^14 El cerebro contiene más neuronas que estrellas hay en la Vía Láctea. Hay un millón de veces más conexiones en el cerebro que letras tiene el genomaClaramente, los genes son muy importantes, pero dado que no cambian después de la concepción, no pueden tener en cuenta los efectos de la experiencia. Niveles de organización cerebral Podemos dividir el cerebro en distintos niveles de organización: Conectoma La corteza cerebral contiene la llamada materia gris. ...

Responsive Web Design Guidelines and Tutorials Zona abisal Niveles del océano. Se denomina zona abisal o zona abisopelágica a uno de los niveles en los que está dividido el océano según su profundidad, está por debajo de la zona batipelágica y por encima de la hadopelágica y corresponde al espacio oceánico entre 3000 y 6000 metros de profundidad. Es una zona oscura donde la luz solar no llega. En biología marina, el término de fauna abisopelágica hace referencia a la descripción de un tipo determinado de ambiente o hábitat natural, con ciertas especies de animales marinos que nadan libremente y que viven o se alimentan en aguas abiertas a dichas profundidades y nunca se aproximan a la superficie. Por otro lado en biología marina existe también, el término de fauna abisal bentónica, que es la fauna que se presenta ligada al fondo oceánico, ya que se presenta muy escasa y característica. La palabra abisal procede de abismo, lugar profundo y oscuro. Wikcionario tiene definiciones y otra información sobre abisal.Wikcionario

Responsive Web Design The English architect Christopher Wren once quipped that his chosen field “aims for Eternity,” and there’s something appealing about that formula: Unlike the web, which often feels like aiming for next week, architecture is a discipline very much defined by its permanence. Article Continues Below A building’s foundation defines its footprint, which defines its frame, which shapes the facade. Each phase of the architectural process is more immutable, more unchanging than the last. Working on the web, however, is a wholly different matter. But the landscape is shifting, perhaps more quickly than we might like. In recent years, I’ve been meeting with more companies that request “an iPhone website” as part of their project. A flexible foundation#section1 Let’s consider an example design. But no design, fixed or fluid, scales seamlessly beyond the context for which it was originally intended. Becoming responsive#section2 Recently, an emergent discipline called “ responsive architecture .

Mito | BrewHouse ARS DDB : BABY BOOMERS VENEZOLANOS: Bebés petroleros - Este análisis fue escrito a tres manos y seis cerebros, unos Gen X y otros Gen Y, obviamente. BABY BOOMERS VENEZOLANOS: Bebés petroleros Acorde con el último censo realizado en el 2011 en Venezuela, la población total se calcula en 27.150.095 personas. Los nacidos en este periodo fueron marcados por grandes cambios radicales, el principal y más detonante de todos los cambios, fue el primer boom petrolero que vivió el país en los años 1950-1957 y del cual, se desencadenan una serie de eventos que marcaron la vida del país y de los baby boomer. Durante este periodo, el extraordinario crecimiento de los ingresos petroleros permitió que el Estado propagara la noción de “la distribución de la riqueza”, noción con la que los baby boomer crecieron y disfrutaron, en por ejemplo, instituciones como La Fundación Gran Mariscal de Ayacucho, el cual, su objetivo principal fue dar becas y créditos educativos para estudios universitarios en el extranjero. Escrito por: Investigación y Planning de Ars DDB

Diagrama Un diagrama o gráfico es un tipo de esquema de información que representa datos numéricos tabulados. Algunos de ellos son los siguientes: Véase también[editar] Enlaces externos[editar] Wikimedia Commons alberga contenido multimedia sobre Diagrama.

Related: