Imágenes responsivas con Picturefill – Code Médula – Blog de código Published / Publicado : | By: Agustín Amenabar L. Preámbulo Saltarse esta lata Teoría de lo que vamos a usar Asumiendo que todo el concepto Responsive Web Design, o diseño web responsivo está entendido, un aspecto práctico bien importante es el manejo de imágenes. Si, pero no todas las pantallas son iguales, no tienen el mismo tamaño, resolución, ni tienen la misma orientación; en muy poco casos es necesario cargar la imagen de súper resolución HD para pantallas retina de 2800 pixeles de ancho. — OK, pero igual eso se hace en CSS, cambias el fondo según el ancho u otro media query y listo! Si, pero no todas las imágenes son presenctacionales, o sea, muchas pertenecen al contenido y deben estar en el HTML y no en la hoja de estilos. En este caso elegimos Picturefill, dado que es de las pocas soluciones relativamente semánticas que contempla el caso de uso de dirección de arte en las imágenes responsivas. Mise en place, utensilios de trabajo Todo esto está en el repositorio del demo . Callampas
NounProject PHP Tutorial Generador de Sprite CSS | Project Fondue Viinyl - 1 Chanson. 1 Site. 1 URL. Funções do MySQL no PHP Algumas funções MySQL no PHP e suas respectivas utilidades: mysql_affected_rows() Retorna o número de linhas afetadas com a última query usando INSERT, UPDATE ou DELETE associado com o link_identifier. Se o link de identificação não for especificado, o último link aberto pelo mysql_connect() é assumido. mysql_change_user() Muda o usuário entrado da conexão ativa atual, ou a conexão dada pelo parâmetro mais link_identifier que é opcional. mysql_client_encoding() Retorna o conjunto de caracteres padrão para a conexão atual. mysql_close() Fecha uma conexão, não persistente, aberta em um Banco de Dados MySQL. mysql_connect() Estabelece uma conexão com um Banco de Dados MySQL. mysql_create_db() Cria um novo banco de dados no server associado com o link. mysql_data_seek() Move o ponteiro interno da linha do resultado da MySQL associado com o identificador do resultado especificado para o ponto da linha especificada. mysql_db_name() mysql_db_query() Seleciona uma base de dados e executa uma consulta nela.
Instant Sprite - Generate CSS Sprites Instantly stereomood – emotional internet radio - music for my mood and activities json tutorial for beginners learn how to program part 2 Ajax JavaScript Part 2 of learning JSON for beginners with Adam. JSON stands for JavaScript Object Notation. It is a lightweight format for creating and sending data objects. JSON is a part of JavaScript and not a separate entity, the notation syntax is built into the raw Javascript programming language as a subset. In part 2 we focus on the Ajax request and parsing return objects in a smart compact JavaScript for loop. function ajax_get_json(){ var results = document.getElementById("results"); var hr = new XMLHttpRequest(); hr.open("GET", "mylist.json", true); hr.setRequestHeader("Content-type", "application/json", true); hr.onreadystatechange = function() { if(hr.readyState == 4 && hr.status == 200) { var data = JSON.parse(hr.responseText); results.innerHTML = ""; for(var obj in data){ results.innerHTML += data[obj].user+" is "+data[obj].age+" and lives in "+data[obj].country+"<hr />"; hr.send(null); results.innerHTML = "requesting
Sprites CSS Qué son los sprites CSS y cómo ayudan a optimizar la descarga de una página web. Vemos un ejemplo sencillo de sprite CSS. En el presente artículo trataremos: La optimización de documentos HTML mediante el uso de sprites La obtención de sprites La inclusión de sprites mediante CSS La obtención de sprites –imágenes en general- codificados en Base64 La técnica de inclusión de sprites embebidos ¿Qué es un sprite? Sprite utilizado para diversas aplicaciones y logos de Google Ilustración de un sprite de una animación con CSS –por ejemplo- Por qué se optimiza el código HTML Uno de los problemas de retardo más importantes en la carga de documentos desde Internet es el tráfico HTTP y las propias capacidades de los navegadores para gestionarlo. Generación de sprites Usualmente dispondremos de las imágenes por separado y desearemos generar el sprite correspondiente. Algunos de los lugares de Internet que nos proporcionan esas facilidades son: Ejemplo de uso de sprites con CSS Listado 2: <! Listado 3: <!
Do you want to use JSON but don’t know where to start As time passes, and as 2.0 web applications become more popular, AJAX has become leader in the transfer of asynchronous data. Having said that, it has become evident that there’s a need for a language which is versatile, easy to use and able to communicate with various programming languages: JSON has all of these characteristics. In this article we will discover JSON, its syntax and show you an example of how it should be used inside a web application. JSON stands for JavaScript Object Notation and it is a type of format which stores various types of information, and allows this information to be shared between client and server applications. One of its strenghts is in regards to data writing and data analysis; developers using this format will benefit considerably from this characteristic. In confirmation of what we’ve just said, Yahoo! This does not mean that XML is better than JSON or viceversa; JSON is a really simple and versatile language to use, which requires a more in-depth look.