Recursos Webmasters, Diseñadores Web, Programadores Web

Buenas,Yo recién mi inicio en éste mundo de diseño por ejemplo, y soy MUY novato.. xD pero igual el buscar facilidades no es para aminorar mi trabajo sino para enriquecer los conocimientos o la interactividad del usuario final.Como yo las he usado, intento compartir alguna de las herramientas que he puesto en marcha o sacado ideas para hacer interesantes algunos sitios.Button MakerSupongamos que siempre en un sitio, deben haber botones de acceso a las páginas u otros. En éste caso, tenemos Button Maker, una aplicación web cuyo objetivo es ayudar a crear botones utilizando propiedades CSS. En realidad, no es que ayude, sino que los crea y muestra el código para copiar y pegar. Suponemos que como es de uso gratuito, si es utilizado deberían respetar los derechos del creador y mencionarlo.CSS Layout GeneratorA veces, el hecho de generar plantillas con CSS nos complica un poco el trabajo, en estos casos podemos utilizar esta herramienta para generar mediante sencillos parámetros, las propiedades específicas del futuro sitio. Que una vez realizado, ofrece descargar el código HTML y CSS. Fondos SencillosAunque parezca obvio, muchas veces nos tiramos a crear o diseñar fondos extremadamentes llamativos, y lo que no nos damos cuenta es que los fondos simples son de vez en cuando una opción mejor que perder tiempo diseñando. Éste sitio tiene hasta ahora 1680 fondos simples para usar libremente.CSS BeautifierTambien, el hecho de crear CSS a veces se torna embolante cuando es mucho lo que hay que editar. Para esas ocasiones, cuando nos encontramos a largos códigos que editamos y no sabemos si está todo bien o correctamente para la maquetación, etc... Podemos utilizar esta aplicación que con copiar y pegar el código CSS, lo optimiza y corrige.Fondos CSS 3Tambien, si queremos combinar las nuevas tecnologías, como HTML5 y CSS 3, y en vez de cargar una imágen como fondo de pantalla utilizar puro código CSS 3. Bien, acá podemos ver como se hace. Voten por ella si les gustó su trabajo Generador de FormulariosYa que estamos, tambien puede resultar embarazoso (como diría Firefox) crear formularios... sobre todo cuando se trata de muchos campos... Por eso, puede resultar útil esta herramienta ya que con ingresar el nombre de los campos, decirles que tipo de campos son, y editar las propiedades básicas, en un minuto creaste un formulario totalmente funcional con names, id, action, method, etc...Un ejemplo:NombreUsuarioContraseñaCorreoPaso 2:Seleccionas mediante combo box los tipos de camposPaso 3:Markup syntax: XHTMLForm method: postForm action: register.phpForm name/id: registerPaso 4:

Nombre

Usuario

Contraseña

Correo

Generador de Menúes CSSComo la primera aplicación, esto es el conjunto de botones CSS.Editor HTML / CSS / Javascript / jQuery / AJAX onlineTambien si necesitamos escapar de las aplicaciones convencionales o queremos chequear algunas propiedades o efectos. Podemos usar Rendera.Como no me deja poner el link: http://rendera.heroku.com/Iconos de Redes Sociales con CSSMuchas veces, queremos que nos sigan. En éste caso, crear íconos con CSS:Facebook, Twitter, Flickr, LinkedIn, RSS, Delicious, Google, Orkut, Technorati, NetVibesEjemplo:Código HTMLFacebookCódigo CSS.facebook a {position:relative;border-color:#3c5a98;text-transform:lowercase;text-indent:34px;letter-spacing:10px;font-weight:bold;font-size:64px;line-height:66px;color:#fff;background:#3c5a98;/* css3 *//* NOTE: box-shadow is not currently in any CSS3 module. It may be reappear in a different form altogether */-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);box-shadow:0 0 4px rgba(0,0,0,0.4); /* standards version last */}Indicadores de Actividad Cuando queramos que ciertas partes del sitio carguen con el típico indicador de actividad que gira mientras carga, podremos utilizar éste pack de gifs. En el sitio está el enlace de descarga.Espero les sirva, comenten