Mostrando entradas con la etiqueta CSS. Mostrar todas las entradas
Mostrando entradas con la etiqueta CSS. Mostrar todas las entradas

50 Creativos Ejemplos y Tutoriales de CSS

20 de enero de 2009
Aqui les dejo estos recursos que en su momento podriamos ocupar.

Using CSS to Do Anything: 50+ Creative Examples and Tutorials

BY CSoer



100 recursos esenciales para desarrolladores Web

17 de enero de 2009
Comentario CSoer: un buen recurso me encontre en la web caudalweb, y se los quiero compartir porque esta muy completo para aquellos que les gusta desarrollar para la web.

Autor dice:Es difícil que un desarrollador Web no tenga que buscar recursos en Internet para sus desarrollos. Es por eso que a continuación te proporciono una lista de herramientas que he encontrado para que si tenías 99 problemas, al menos después de revisarla, tengas uno menos. Comprobado!

Lo mejor de lo mejor

Estos recursos deberían ser los primeros para cualquier desarrollador que busca tutoriales y conocimientos.

  1. W3C: En World Wide Web Consortium, encontrarás todo lo necesario acerca de los estándares, accesibilidad, HTML, internacionalización, y más. La mayoría de los tutoriales están escritos por desarrolladores que realmente crearon la tecnología
  2. O’Reilly Network: O’Reilly, un editor popular de libros para desarrolladores, ofrece excelentes aspectos en tópicos tales como PHP, Ruby on Rails y MySQL.
  3. W3Schools: W3Schools contiene tutoriales, scripts, .NET, AJAX, CSS, y más. Ofrece ejemplos, exámen, e incluso certificación en HTML y ASP.
  4. A List Apart: Escrito “para personas que hacen sitios web,” Un tópico de A List Apart es publicado por desarrolladores.

Revistas de desarrollo Web

Para estar informados y entretenidos con los puntos de vistas de la industria de las revistas.

  1. Digital Web Magazine: Para artículos, entrevistas y revisiones pertinentes en la industria. Digital Web Magazine ofrece diariamente noticias, y lo más destacado de la semana.
  2. Vitamin: Vitamin tiene una mezcla de recursos para desarrolladores Web, diseñadores y emprendedores.
  3. DevX: DevX’s Web Development Zone ofrece artículos de lo último en AJAX, Ruby y más. Además disfrutarás de los tips de desarrollo de DevX y los foros de discusión.
  4. Alertbox: Current Issues in Web Usability: Revisa la columna catorcenal de Alertbox para ver artículos de usabilidad, navegación y otros tópicos para lectores interesados con el desarrollo Web amigable.
  5. Wired: Con pensamientos inteligentes en la industria de la tecnología convenciones e incluso Martha Stewart, Wired debe ser leído por cualquier desarrollador Web.
  6. Hiveminds Magazine: Hiveminds es un gran recurso de información para sistemas de administración de contenidos Open Source.
  7. TechRepublic: Con tips de desarrolladores, whitepapers, Webcasts y artículos intuitivos, TechRepublic es un excelente recurso para desarrolladores.
  8. Ajaxian: Has escuchado de Ajaxian? Mejora tu fluidez leyendo esta publicación centrada en Ajax.
  9. UX Magazine: Esta revista es acerca de la experiencia del usuario, considera la psicología, estrategia y diseño detrás de los sitios que son desarrollados para usuarios.
  10. SitePoint: SitePoint anima a los lectores a pensar sobre las pequeñas cosas pero importantes, desde microformatos hasta la planeación de sitios y términos de legalidad.
  11. .net Magazine: Competiciones de .net, artículos y podcasts son seguros para provocar el pensamiento. No olvides revisar sus foros.
  12. Web Developer’s Journal: Revisa Web Developer’s Journal para whitepapers, tips y los aspectos destinados a complacer “propheads.”
  13. Center Networks: Para estar en el top de las últimas noticias del desarrollo web, entrevistas y perspicacias con Center Networks.
  14. Devlounge: En Devlounge encontrarás un enfoque relajado de noticias y recursos de desarrollo.
  15. Modern Life: Esta revista te proporciona penetración en estadísticas y tendencias en el mundo del desarrollo Web.
  16. PHP5 Magazine: PHP5 es un recurso valioso para desarrolladores que trabajan con PHP. Te ayudará a encontrar crítica literaria útil y artículos brillantes.
  17. Red Hat Magazine: Usuarios de Red Hat Linux apreciarán los tips, noticias y los aspectos de esta revista.
  18. Jax Magazine: Esta revista reporta sobre noticias y tendencias en Java, Apache y XML. Encontrarás un “preparado fresco” cada día.
  19. Datamation: Además de artículos que dan en el blanco, Datamation proporciona scripts y “HTML goodies” a los lectores.
  20. CoDe Magazine: CoDe es un choque de competencias y contenido valioso para desarrolladores Web.

Blogs

Estos blogs mantienen sus oídos conectados para traerte lo último y lo mejor en el desarrollo Web.

  1. Smashing Magazine: Smashing tiene un Developer’s Toolbox, tutoriales y posts útiles que seguro te ayudarán a perfeccionar tus habilidades de desarrollo.
  2. TechCrunch: Este blog mantiene a los lectores actualizados en los nuevos productos y compañias que emergen en línea. Usalo para ver de lo que son capaces otros desarrolladores.
  3. Signal vs. Noise: Este blog 37Signals discute sobre las tendencias en diseño, la Web y los sucesos para el crecimiento de las compañias.
  4. Read/Write Web: Los aspectos de Read/Write Web en la tecnología web cubren lo último en el Web 2.0 y más allá. Revisa este blog para lo mejor en noticias y análisis de nuevas tecnologías.
  5. Coding Horror: Lee sobre las aventuras de un empleado de Vertigo Software.
  6. O’Reilly Blogs: La red de blogs de O’Reilly le proporciona a los lectores un caudal de conocimientos en todo desde Linux hasta conferencias novedosas.
  7. MSDN Blogs: Los blogs de MSDN discuten sobre el desarrollo web centrado en Microsoft desde diferentes ángulos.

Increíbles recursos de codificación

Algunas veces, tu solo necesitas un botón “facil”. Revisa estas tablas, ejemplos, y otras herramientas de codificación útiles como atajo a la excelencia.

  1. [AJAX] Prototype Dissected: Usa la lámina ingeniosa de Jonathan Snook para Prototype como una herramienta de referencia rápida.
  2. [AJAX] A Field Guide to Scriptaculous Combination Effects: Por Amy Hoy, este PDF discute sobre opciones default, toggling y más.
  3. [AJAX] Max Kiesler: Round-up of 30 AJAX Tutorials: Esta lista cubre la comunicación cliente-servidor, páginas con tabs y toneladas de otros recursos para ajaxianes.
  4. [AJAX] Max Kiesler: 60 More Helpful AJAX Tutorials: Quieres más? Max Kiesler comparte más recursos impresionantes.
  5. [AJAX] AJAX Programming Online: Sang Shin de Sun Microsystems ofrece un curso de AJAX en 18 semanas grátis. Por si no te registras en el curso, este sitio te proporciona un acervo de información.
  6. [AJAX] Mastering AJAX: Revisa las series de Brett McLaughlin de O’Reilly Media en mastering AJAX.
  7. [ASP] HTML to ASP Converter: Este software convierte código HTML en ASP con opciones de personalización única.
  8. [ASP] ASP/VBScript Cheat Sheet: Dave Child ha compilado un lamina de referencia con la ayuda del desarrollador Allan Wenham. Encontrarás recordatorios para expresiones regulares, modos de archivos, métodos y propiedades, entre otros.
  9. [ASP] Best ASP.NET Practices for Shielding Your Site From Hackers: Este Webcast de Microsoft te da tips en técnicas de hackers y formas para neutralizar los ataques con código ASP.NET.
  10. [ASP] Common Applications of Regular Expressions: Este tutorial te ahorra tiempo al explicarte las formas para corresponder los patrones de cadenas eficientemente.
  11. [ASP] ASPFAQs: Esta lista de FAQ de ASP está categorizada y actualizada. Revisa las Ten Most Viewed FAQs para un informe detallado rápido.
  12. [ASP] ASP from A to Z: Usa este recurso como una cartilla en ASP. Incluye un glosario conveniente.
  13. [CSS] CSS Cheat Sheet: Otra lámina ingeniosa de Dave Child presentando referencias de CSS para propiedades, sintaxis y más.
  14. [CSS] CSS Property Index: Esta lista ofrece un índice alfabético de propiedades así como también de varias estadísticas y detalles que van junto con cada una de ellas.
  15. [CSS] CSS Shorthand Guide: Revisa este tutorial de Dustin Diaz sobre CSS.
  16. [CSS] CSS and Design Gallery: A pesar de que está escrito en Alemán, la galería del Dr. Web te ofrece ligas a un número masivo de diseños CSS que deberías revisar.
  17. [CSS] A Roadmap to Standards: Mezzoblue discute de los estándares web con inquietud especial en el diseño y desarrollo de CSS.
  18. [CSS] CSS Panic Guide: Esta “guía para el despegue” te proporciona ligas a muchos recursos CSS útiles.
  19. [CSS] Layout Gala: Este recurso tiene 40 layouts de CSS que tu puedes descargar y utilizar.
  20. [Htaccess] htaccess Cheatsheet: Revisa esta tabla ingeniosa de archivo .htaccess simple.
  21. [HTML] A Simple Guide to HTML: Este recurso coloca tags para el formateo de texto, tablas, frames y más.
  22. [HTML] Composing Good HTML: A pesar de estar un poco desactualizada, esta guía esboza la escencia de una buena composicion HTML para usuarios avanzados.
  23. [HTML] HTML & XHTML Tag Quick Reference: Esta lámina de referencia cubre los tags más importantes y reglas para el HTML y XHTML.
  24. [HTML] HTML Color Code Combination Chooser: Usa el Colour Scheme Chooser de Site Pro Central para ver tu color antes de convertirlo a código hex.
  25. [HTML] XHTML Cheat Sheet: Esta lámina actualizada apunta a elementos, caracteres y más.
  26. [HTML] Quick Escape: Usa la herramienta Quick Escape para convertir HTML natural a escaped HTML.
  27. [HTML] HTML & XHTML Entities: Este conjunto de tablas contiene tablas catagorizadas de entidades permitidas en HTML y XHTML.
  28. [JavaScript] JavaScript Cheat Sheet: El JavaScript Cheat Sheet cubre métodos, funciones y expresiones regurlares.
  29. [JavaScript] JavaScript General Introduction: Revisa esta guía para principiantes en JavaScript.
  30. [JavaScript] Regular Expressions: VisiBone ha compilado esta lámina de referencia rápida para JavaScript cliente-servidor.
  31. [JavaScript] HTML to JavaScript Convertor: Este convertidor toma el HTML y lo cambia en sentencias document.write(), las cuales pueden ser utilizadas en JavaScript.
  32. [JavaScript] Venkman JavaScript Debugger: Utiliza la herramienta Venkman para depurar JavaScript en navegadores basados en Mozilla.
  33. [JavaScript] Introduction to Events: Revisa este tutorial que te da un panorama sobre eventos, manejadores de eventos y problemas asociados con estos.
  34. [JavaScript] JS/DOM Object Quick Reference: En el apéndice de JavaScript Bible encontrarás una útil referencia rápida de JavaScript y objetos del Browser.
  35. [Perl] Perl Regular Expression Quick Reference: Usa este PDF de referencia rápida para caracteres, cuantificadores, modificadores y más.
  36. [PHP] PHP Cheat Sheet: Imprime esta lámina para una referencia rápida de funciones, SuperGlobals y otros componentes útiles.
  37. [PHP] Smarty Cheat Sheet for Template Designers: Usa esta lámina de Smarty para funciones, variables y muchas más referencias.
  38. [PHP] PHP Code Exchange: Puedes buscar código en este sitio de intercambio.
  39. [PHP] PHP Code Examples: Encuentra cientos de ejemplos de código en PHP en la librería de código PHP Freaks.
  40. [PHP] PHPFAQ: Utiliza esta referencia de pregunta-y-respuesta por montones de tips y trucos de PHP.
  41. [PHP] Admin Generator Cheat Sheet: Considera el Admin Generator Cheat Sheet como tu “botón fácil” para Symfony Admin Generator.
  42. [PHP] Regular Expressions Cheat Sheet: Lámina de referencia rápida de expresiones regulares. Las secciones incluyen POSIX, clases de caracteres y cuantificadores.
  43. [Python] Python 101 Cheat Sheet: Usa esta lámina para familiarizarte con el lenguaje Python.
  44. [Ruby on Rails] 19 Rails Tricks Most Rails Coders Don’t Know: Aquí hay una colección de tips que hacen uso más eficiente de tu código.
  45. [Ruby on Rails] Ruby QuickRef: Imprime esta referencia rápida para detalles de Ruby, desde sintaxis general hasta diseño de objetos.
  46. [Ruby on Rails] What Goes Where: Amy Hoy ha escrito una lámina simple que te ayudará a recordar dónde poner cada cosa.
  47. [Ruby on Rails] InVisible Ruby on Rails Reference: Este blog te dará una guía rápida de las clases, métodos y funciones más usadas en Ruby on Rails.
  48. [Ruby on Rails] Resistance to Persistence: Esta lámina es una compilación de información desde varios libros, tutoriales y sitios Web acerca de Ruby on Rails.
  49. [Ruby on Rails] Ruby on Rails Caching Tutorial: Conserva esta pequeña joya en tu arsenal personal.
  50. [Ruby on Rails] Faster Pagination in Rails: Este recurso te ayuda a entender la paginación y lo que deberás hacer acerca de esto.

Usabilidad y Accesibilidad

El buen desarrollo Web es incompleto a menos de que este pueda ser fácilmente usado. Haz una revisada en estos recursos para un curso acelerado en satisfacción de los usuarios.

  1. UXMatters: UXMatters entiende qué tan importante es la experiencia de los usuarios. Visita esta liga para una guía en estrategias UX efectivas que te ayudará a darle a los usuarios lo que ellos necesitan.
  2. useit: El sitio Web de Jakob Nielsen ofrece noticias, reportes y tips concernientes al diseño y desarrollo de sitios Web usables y simples.
  3. Dive Into Accessibility: Este programa de 30 días te proporciona tips para accesibilidad de las personas, incapacidades, principales diseños, navegadores Web y herramientas de publicación.
  4. User Interface Engineering Brain Sparks: Brain Sparks discute sobre “customer carewords” y otros interesantes temas que surgen en el curso que conduce a la investigación de interfaces de usuario.
  5. WebWord: En WebWord, John S. Rhodes discute sobre la usabilidad. Encontrarás críticas, elogios y las noticias más recientes en el campo de la usabilidad.
  6. Microsoft Usability Publications: Toma notas del gigante de la amigabilidad. Este pequeño sitio acorralado ofrece artículos y presentaciones escritas por varios ingenieros en usabilidad de Microsoft.

Foros

Obten ayuda de tus colegas. Usa estos foros para preguntar y obtener consejos y tal vez hasta para encontrar trabajo.

  1. Java Technology Forums: Encuentra y participa en discusiones tanto para usuarios principiantes como para usuarios avanzados. Asegúrate de examinar con detalle sus secciones.
  2. Go4Expert: Go4Expert es todo sobre compartir el tesoro del conocimiento. Aquí obtienes consejos de desarrolladores experimentados quienes si saben lo que están diciendo.
  3. WebForumz: WebForumz tiene todo de lo que los desarrolladores quieran hablar, desde detalles de programación como críticas.
  4. CodingForums: En CodingForums puedes encontrar tópicos novedosos sobre HTML, CSS JavaScript y PHP.
  5. Indian Web Development Forums: Revisa este foro dedicado para desarrolladores Web en la India. Las discusiones incluyen tanto del sitio Web más pequeño del mundo como de programación y otras cosas.
  6. Internet Explorer Web Development: Los desarrolladores que dedican atención especial al Internet Explorer deberán leer es foro de discusión de Microsoft.
  7. Web Developer: En Web Developer, se discute sobre el desarrollo del lados del cliente y lado del servidor.
  8. DevShed: Con al menos 20 foros dedicados a solo lenguajes de programación y además sobre sistemas de administración y sistemas operativos, DevShed es un excelente recurso de conocimiento para desarrolladores.

Sitios del Comunicacion Social

Los sitios de medios sociales son excelentes lugares para encontrar los recursos más actualizados e informativos de desarrollo. Tomate tu tiempo para darle una revisada a los siguientes sitios que incluyen revisiones, tutoriales y más.

  1. Tweako: Tweako promete “computación colaborativa,” ofrece ligas a lo mejor de lo que Internet tiene que ofrecerte en computación y tecnología.
  2. java.blogs: java.blogs te proporciona posts relacionados con Java.
  3. Listible: Listible no está orientado a la comunidad de desarrolladores pero proporciona un gran acervo de información.
  4. Slashdot: “News for Nerds,” Slashdot tiene las noticias más recientes en tópicos que son importantes para desarrolladores.
  5. Dzone: El último pero no el menor, Dzone es uno de las mejores fuentes que hay para encontrar historias novedosas de los desarrolladores.
Fuente: caudalweb.com

Recursos Webmaster: Chuletas, chuletas y más chuletas

10 de enero de 2009
Comentario CSoer: WoW, dije cuando me encontré estos fantásticos recursos para webmaster y no solamente para webmaster sino también para desarrolladores y diseñadores gráficos.
En mi punto de vista sé que no se debe copiar pero respeto el trabajo de los demás así que dejo lo que dice el autor y pongo la fuente, no olviden comentar si les gusto los recursos.


Autor: El Diccionario de la Real Academia de la Lengua Española define CHULETA (3ª acepción) como entre estudiantes, nota o papelito que se lleva oculto para consultarlo disimuladamente en los exámenes.

He visto muchos tipos de chuleta como estudiante y como docente… pero nunca olvidaré una en forma de bolígrafo.

Hace tiempo nuestro amigo eMe publicó varios artículos dedicado a este tema:

Ahora que no se encuentra entre nosotros este fantástico diseñador, tomo su testigo para continuar publicando una relación de chuletas que he descubierto en Smashing Magazine:

Actionscript

Ajax

Apache

ASCII Character Codes

ASP

C# and VB.NET

CSS

CVS

C++

Django

Firefox

Google

HTML/XHTML

Java

JavaScript

LaTeX

Microformats

Misc

MySQL

Oracle

Perl

Photoshop/Gimp

PHP

Python

Regular Expressions

Ruby

Unix/Linux

Weblog

Windows

XML

Pensé que sería buena idea bajarse todos los pdf’s y subirlos comprimidos para facilitar la descarga ¿No? ;)


Fuente: bitacoradewebmaster.com

Saludos.

CSS Ya

29 de septiembre de 2008
Me dejaron en una clase de Hombre - Maquina de buscar alguna pagina web que tengan bonita interfaz mediante hojas de estilos(CSS) pero de tanta busquedas me encontre esta pagina que se llama CSS Ya, donde muestra conceptos basicos creo que algunos de aqui les puede funcionar y es muy practico ya que tiene problemas a revolver.

Puedes encontrarlo aqui mismo:

http://www.cssya.com.ar/

Espero que les sirva.

By CSoer

Necesitas ayuda con CSS?

12 de junio de 2008
Quieres hacer tu blog o website pero no sabes como diseñarla ?, estas en el lugar correcto les voy a pasar un website donde te da una guia de como puedes diseñar tu blog o website y por supuesto con imagenes para que entiendas.

El website se llama StrictlyCSS, esta muy bien se la recomiendo.

Recurso:

Galeria CSS: Free Web Templates

Que casualidad estaba buscando algunos manuales de CSS, cuando de repente me encontre una web donde te ofrece enlaces de website que puedes descargar gratis si mirastes muy bien gratis páginas web (plantillas) hechas con CSS y se me hizo buen detalle compartirselas a ustedes.

En donde lo encontre fue en el Blog Expert SEO, hizo muy buena colección, y les dejo el recurso.

Recurso:

3 grandes galarias de CSS

10 de junio de 2008
Te gusta trabajar con CSS?, estas en el lugar correcto ya que has encontrado el recurso perfecto para comezar a jugar con CSS, son 3 galerias completamente llenas de plantillas hechas con CSS 100% y por mi parte se los recomiendo.


http://www.cssbeauty.com/gallery/


http://cssmania.com/

By CSoer

Colección de Main CSS

9 de junio de 2008
Excelente colección de menú hechos con CSS, son muy agradables las vistas que tienes y una buena recomendación de mi parte para que la descarguen.

Recursos:

By CSoer

100 Recursos y Herramientas para Diseño Web

Wow dije cuando me encontré a designvitality con estos recursos que estarán en mis ayudas, son solamente 100 recursos y herramientas para el diseño de tu pagina Web, espero que sea de gran utilizad.

Aprovechen, estos recursos que se encuentran en:

The Open Source Web Design Toolbox: 100 Web Design Template Sources, Tools and Resources

By CSoer

47 formularios con AJAX + CSS

En la clase de DIU (Diseño de Interfaz de Usuario) estábamos hablando sobre algunas tecnologías que entre ellas se mencionaba AJAX y me puse buscar recursos sobre este.

Al finalizar la búsqueda sorprendí de la cantidad de cosas que se puede hacer con AJAX, pero lo mejor para compartir con ustedes les traigo 47 Formularios hechos con AJAX y CSS que al final le dan una bonita apariencia a nuestros formularios.


Ejemplo:


El recurso se encuentra en: Noupe.com

By CSoer

Free Web Templates


Les informo que me acabo de encontrar una Web completamente de Templates, no son las mejores pero se pueden dar una idea de como crear sus propias Páginas Web y lo mejor es que trabajan con CSS.

Espero que les guste.

Recurso: http://www.nuviotemplates.com/

By CSoer

Manual de XHTML

27 de mayo de 2008
Tutorial de XHTML muy interesante y en castellano. Accede al manual de XHTML. Y para completar conocimiento sobre XHTML y CSS en Paginas web con Amaya.

By CSoer

Videotutorial CSS

23 de mayo de 2008
Titulo: Videotutorial CSS
Elaborador por: illasaron.com
Peso: 36 MB
Comentarios CSoer: Muy buenos videos que trae este curso de css, no soy muy bueno para la lectura pero con estos videos aprendi bastante.


Password: csoer.blogspot.com

By CSoer

50 Beautiful CSS - Based Web Designs in 2006

12 de mayo de 2008
A pesar que ya estamos en el 2008, me encontré este articulo que por lo menos es interesante y diría yo que todo aquello que nos ayude aprender no nos cae mal leerlo y admirarlo, seria bueno que le echaran un ojo a estas CSS que a mi me gustaron mucho y fuera bueno ponerlo a practica.

Enlace: 50 Beautiful CSS-Based Web-Designs in 2006
 

Copyright © 2008 Blog's CSoer, Design by CSoer.