The Pastry es una excelente forma de compartir código por Internet, basta pegar las líneas, escoger el lenguaje deseado (ActionScript, HTML, C++, PHP, Python, CSS, etc) y obtendremos el enlace generado con el código perfectamente ordenado, coloreado y listo para compartirlo.

Entre las cualidades de The Pastry podemos resaltar que usa tu Cuenta de Google para poder almacenar tus código anteriores, así tener un historial. Otra de sus funciones a resaltar es la que cualquier persona pueda editar nuestro código con lo cual se creara una nueva revisión del código donde podemos comparar los cambios hechos linea por linea.
Categorizado: Desarrollo Web Etiquetado: ActionScript |
Codigo |
CSS |
HTML |
PHP |
Recursos Web Henry Hoffman, no enseña como lograr una nagevación de pestañas superpuestas usando una técnica en css con la cual se logra un notable efecto. [ descargar ]
1stwebdesigner a recopilado más de 300 menús los cuales nos ayudaran a enriquecer la experiencia del usuario implementando una navegación accesible e intuitiva, tenemos de todos los gustos y colores entre los que resaltan el uso de JQuery, Mootools y CSS.
Woork nos realiza un tutorial sobre como crear una paginación perfecta utilizando solamente los estilos que brinda css una técnica muy peculiar y con buen acabado, algo que ningún diseñador Web puede obviar. [Descarga archivos del tutorial ]
gotAPI es una referencia on-line de multitud de APIs de distintos lenguajes de programación HTML, CSS, JavaScript, PHP, Ruby, AJAX, XML y más.
Siempre estoy buscando una nueva forma de crear las esquinas redondeadas para los diseños. Normalmente siempre tomo el camino más fácil y el uso de imágenes. En mi búsqueda en esta ocasión me encontré con un sitio Web llamado SpiffyCorners.
SpiffyCorners genera el código html y css necesario para crear el efecto de esquinas redondas y todo lo hace sin la utilización de imágenes o javascript.

SpiffyCorners es fácil de usar, ofrece la posibilidad de personalizar el radio de las esquinas ( 3, 5 o 9 píxeles), también la personalización del nombre de la clase, el color de fondo y del bloque.
Lo tendré en cuenta para futuro proyectos
.
Categorizado: Diseño |
Diseño Web Etiquetado: CSS |
Tips Despues de haber publicado un par de entradas me eh dado cuenta que la alineación de las imagenes en Wordpress especificamente la 2.6 añade estilos de clases CSS para el funcionamiento, claro en el editor lo ves alineado pero en tu theme no, para esto eh estado trabajando con un par de estilos que solventan esto aver que tal.
/* Hack Imagenes WP 2.6*/
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* Hack Leyendas WP 2.6*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
Bueno los colores quedan a gusto de cada uno
.
Aunque en HackWordpress dieron el tip pero quedo corto al requerimiento actual.
Categorizado: Diseño |
Diseño Web Etiquetado: CSS |
Wordpress