CodeCodex: reutilizar código

ByLuis March 9, 2007

CodeCodex es una wiki que guarda distintos trozos de cÃ³digo en varios lenguajes de programaciÃ³n para que podamos acceder a ellos y reutilizarlos.

La filosofÃa es no reinventar la rueda y reutilizar cÃ³digo ya creado. Con CodeCodex podremos buscar y usar cÃ³digo ya creado, aprender nuevos algoritmos y ayudar a la comunidad de desarrolladores con tu propio cÃ³digo.

Es curioso ver el Hola Mundo en los diferentes tipos de programaciÃ³n, por ejemplo ensamblador.

    .model tiny
.data
message    db    'Hello, World!'
.code
org 100h
start:
mov ah,9
mov dx,offset message
int 21h
ret
end start

CodeCodex

VÃa / Dzone

Desarrollo web

Recursos para un sitio compatible con navegadores

ByLuis October 23, 2007

Uno de los mayores problemas con los que nos encontramos cuando estamos desarrollando una aplicaciÃ³n web es la compatibilidad con los diferentes navegadores, bueno, realmente la compatibilidad de estos navegadores con los estÃ¡ndares.

Para ayudarnos en esta lucha, nada mejor que esta serie de recursos:

Cross Browser CSS For Your Site: una guÃa para realizar CSS compatible con los diferentes navegadores, grandes consejos con ejemplos, no teorÃa.
Starting With CSS: Revisited: cada navegador tiene estilos por defecto para las etiquetas HTML, siendo estos algo diferentes entre ellos. Elimina el margin y el padding para empezar con todos los navegadores del mismo modo.
undohtml.css: similar a la tÃ©cnica anterior.
Two CSS Hacks For Identical Pages: dos consejos que podemos usar y un aviso de cÃ³mo empezar a escribir tu cÃ³digo.
CSS Hacks & Issues: una serie de consejos y trucos para librarse de los quirks de Internet Explorer.
Box Model Hack: hack para dibujar correctamente el modelo de caja en IE 5 y 5.5.
Eric Meyer On CSS: consejos para usar trucos con los navegadores y ocultar estilos.
/* Position Is Everything */: necesario para aquellos que quieran desarrollar su layout.
glish.com : CSS layout techniques: ejemplos de layouts de 3 columnas, 2 columnas y modelos fluidos.
100 Percent Cross Browser, Pure CSS Layouts: otro lugar donde encontrar layouts CSS.
Rendering Mode and Doctype Switching: esta pÃ¡gina te enseÃ±a que DOCTYPE usar para usar el “standards mode”.
Activating the Right Layout Mode Using the Doctype Declaration: tabla con una relaciÃ³n de los navegadores y el tratamiento que le dan al doctype.
In Search of the Holy Grail: creaciÃ³n de layouts.
Litmus Labs: CSSVista: aplicaciÃ³n que permite modificar tus CSS en Firefox y en IE.
Browser Shots: herramienta online que te devuelve pantallazos de una pÃ¡gina vista en diferentes navegadores.
IE NetRenderer: lo mismo pero para diferentes versiones de IE.

Designing For Every Browser: How To Make Your Site Fully Cross Browser Compatible

VÃa / dzone

Desarrollo web | Google

Google ofrece aplicaciones para tu dominio

ByLuis August 28, 2006

Google ofrece sus aplicaciones GMail, Calendar, GTalk y Page Creator a las empresas para que puedan usarlas desde sus propios dominios.
Esta oferta amplia la anterior de GMail for your Domain, la cual ha conseguido que Google ya tenga miles de dominios registrados.
Estas aplicaciones serÃ¡n accesibles desde un panel de control y se podrÃ¡ configurar la interfaz y el color, a parte de administrar los usuarios, los alias y las listas de distribuciÃ³n. Una futura versiÃ³n premium tendrÃ¡ mÃ¡s capacidad de almacenamiento.
VÃa / CNet News

Desarrollo web | Flash

OpenLaszlo: aplicaciones web en Flash

ByLuis December 21, 2006

OpenLaszlo es un entorno de desarollo opensource para crear “rich Internet applications”, consistente en tres aplicaciones: Compiler para compilar el cÃ³digo fuente en formato Flash, Runtime Framework que incluye la interfaz de usuario y componentes para ser usados y Servlet que admite otros tipos de archivos, SOAP y XML-RPC.

Con OpenLaszlo puedes crear aplicaciones mediante XMLs y Javascript, hacer un deploy desde cualquier navegador o desde una aplicaciÃ³n de servidor J2EE o servlets.

Demos

OpenLaszlo

Desarrollo web

Smooth Paginator: paginación 2.0

ByLuis September 7, 2006

La paginaciÃ³n suele ser algo que suele ir segÃºn gustos, los hay quienes quieren un sencillo [anterior] [siguiente], los hay quienes muestran la pÃ¡gina actual y algunas anteriores y otras posteriores. AÃºn sean las preferencias de cada cual, no se puede negar que este estilo de paginaciÃ³n es muy 2.0.

Muesta unos enlaces que nos llevan a pÃ¡ginas y otros enlaces que nos llevan a un grupo de pÃ¡ginas. Por ejemplo, si estamos en la pÃ¡gina 20, nos aparecerÃ¡ tambiÃ©n el grupo [60..69], asÃ no tendremos que ir navegando hasta poder llegar a este grupo, podremos acceder de forma rÃ¡pida.
Incluye un efecto que despliega la paginaciÃ³n, muy vistoso, pero supongo que si la paginaciÃ³n se encuentra oculta por el scrolling (como suele pasar), no se apreciarÃ¡ en absoluto.
Smooth Paginator
VÃa / dzone

Desarrollo web

6 formas de hacer un diseño destacable

ByLuis March 28, 2008

A la hora de hacer diseños mucha gente puede opinar sobre ello mejor que yo, pero a mí estos consejos me han gustado. Está claro que en muchos diseños no se pueden usar, pero para algunas circunstancias sí son interesantes de aplicar.

Fondos de pantalla grandes: los fondos de pantalla grande pueden hacer que el diseño resalte, a parte de que son fáciles de añadir.
Layout original: no es la primera vez que veo diseños con secciones de tamaños que superan el ancho y alto del navegador y que para acceder a cada sección hay que hacer un scroll progresivo (mediante javascript). Son originales y en algunos casos muy acertados. En el ejemplo que os pongo, cada color es una sección y el tamaño original tiene un ancho de 6000px.
Navigación creativa: la navegación puede dar mucho juego para mejorar el diseño, ya sea mediante rollovers u otras cosas. Eso sí, ante todo que prime la usabilidad. En el ejemplo que os paso los menús van a juego con los colores de la calle.
Minimalismo: aunque por ahora se ha tratado de consejos con un gran diseño, eso no implica que un gran diseño tenga que ser aparatoso, puede ser perfectamente minimalista, lo cual hace que llame mucho la atención.
Logo: está claro que un buen logo hace que te represente y además te diferencie.
Layout horizontal: aunque la gente está acostumbrada al scroll vertical, este tipo de diseño puede llegar a ser muy atractivo, aunque haya gente que lo odie.

6 Methods to Make Your Website Standout

css | Desarrollo web | Quicklinks

Frame: Modular CSS Framework

ByLuis August 16, 2010August 16, 2010

Frame is a modular CSS framework that supports: Layout, Typography, Forms, Code, Table, Reset, and Print styling. It is HTML5 compatible, and provides default styles and support for HTML5 elements. Frame is accompanied by an online tool that allows you to easily generate your own build (in case you don’t need to use all the features). …

Post original

Similar Posts