Manual CSS3

El día de hoy dejo algunos recursos para una buena pagina web, los mas usuales.

Formularios

Botones

Sliders

Ademas, una pagina para conocer toda la documentación referente a CSS 3, ademas de que cuenta con ejemplos de código que pueden reutilizar en su pagina.

Aqui se encontraran con un sin fin de ejemplos de las etiquetas de CSS 3 y su mamnipulación, todo el concepto de cajas en la web, asi como algunas pequeñas animaciones, que con un poco de esfuerzo podemos adaptar en nuestro sitio web.

Esta pagina contiene ademas elementos interesantes sobre la interaccion de CSS 3 con HTML 5 y JavaScript.

CSS 3

Pruebas de una pagina Web

Cuando estamos desarrollando nuestro sitio Web, en ocaciones necesitamos un poco de inspiracion o simplemente no sabes como utilizar adecuadamente una etiqueta.

Para el primero de los casos hay infinidad de sitios en donde existen algunas galerias de plantillas HTML5 y CSS3 para nuestro sitio, aqui un ejemplo.

Galeria

Para el segundo de los casos, el tema se vuelve un poco mas dificil, ya que en ocaciones las etiquetas se usan combinadas con otras mas, o con codigo en JavaScript, para esto es posible utilizar el inspector paginas de Firefox Mozilla, el cual nos muestra información detallada sobre el codigo de la pagina, su diseño CSS y sus Scipts.

Aqui hay un tutorial muy completo de como funciona.

Inspector de Páginas

Recursos Web

El dia de hoy pongo recursos web de gran utilidad al estar desarrollando nuestro sitio web.

Empezaremos por un editor de codigo bastante sencillo de utilizar y es esa sencilles lo que lo hace tan atractivo, con una apariencia en pestañas en las cuales podemos organizar nuestros diferentes archivos.

Sublime Text 3

Pero no solo nos basta con el editor, para poder probar nuestro sitio antes de ponerlo online, necesitamos un servidor local y para esta tarea el servidor apache es de lo mejor que podemos encontrar, y mas aun si viene con php y tomcat dentro del mismo paquete, para esto tenemos a nuestra disposiscion el servidor XAMPP, desarrollado por BITNAMI, cuenta con plug-ins para e-commerce, como es Magento, asi como manejadores de contenido como JOOMLA.

XAMPP

Ya tenemos nuestro editor y nuestro servidor, ahora necesitaremos algunos recursos para el diseño WEB, en los siguientes enlaces hay fuentes del API de google, asi como recursos en JavaScript

Fuentes

JavaScript

Curso Online

El dia de hoy les traigo un curso muy interesante sobre javascript.

Antes de iniciar el curso es importante distinguir java de javascript, el primero es un lenguaje de programación orientado a objetos que utiliza un interprete para ser ejecutado, el segundo es un lenguaje de programación orientado a aplicaciones web el cual se utiliza principalmente del lado del cliente.

Con esta breve introducción daré paso al link con todo el curso, este curso esta perfectamente estructurado y va desde lo mas básico hasta temas avanzados, todo esto ejecutado en ventanas en donde tu iras probando tu código en tiempo real.

Aquí el link del curso

Curso de JavaScript

Ademas de este curso tiene otros bastante interesantes.

Formación Gratuita

En esta ocación traigo una lista interesante sobre sitios que ofrecen cursos de manera gratuita, no importa si eres un desarrollador de software y solo un entusiasta, la educación es la mejor inversion que puedes hacer, y estos sitios ofrecen una excelente manera de invertir nuestro tiempo sin tantos recursos.

En estos sitios encontraras cursos de todo tipo, todos ellos requieren la creacion de una cuenta y algunos estan en ingles asi que al menos necesitan un manejo del ingles decente.

Coursera

Se trata de unos de los mejores sitios de cursos online gratuitos ya que cuenta con convenios con algunas universidades como la Universidad de Washington o la Universidad Jhons Hopkins

World Education University

Esta es una universidad online con un amplio catalogo de cursos, todos sus cursos estan en ingles.

Miriada X

Esta tambien es una universidad con un catalogo completo de cursos, con la ventaja de que esta en español.

OpenCourseWare

Esta pagina fue inicialmente promovida por el MIT (Massachusetts Institute Of Technology) y actualmente cuenta con el apoyo de la universidad Carlos III de Madrid

Recursos para diseño responsivo

En la actualidad casi cualquier actividad cotidiana la podemos hacer a traves de una pagina de internet, un portal de gobierno, un blog, comprar un producto, en fin. La mayor parte de nuestra vida la vivimos conectados a internet, a traves de nuestro telefono celular o de nuestra computadora.

Como desarrolladores de software es probable que en algun momento tengamos que realizar una página web y es de suma importancia que ese sitio web tenga un diseño que se adapte a cualquier dispositivo desde el cual estemos navegando, para esas ocaciones pongo a su disposicion enlaces para 4 plug-ins para hacer sliders de imagenes con diseño responsivo.

1. FlexSlider

2. ResponsiveSlider

3. Glide

4. Sequence

Comandos Básicos de Linux

Para ser un buen programador hay que tener las bases bien cimentadas, y todo programador debe de conocer los comandos de la consola de linux, no importa si son los mas básicos, siempre es necesario.

Ya sea que mientras estemos programando necesitemos cambiar los permisos a un archivo, crear una nueva carpeta, ejecutar tareas de administrador, o simplemente para poder crear un script batch y automatizar tareas cotidianas.

Con ese fin pongo la siguiente infografia, para que puedas aprender estos comandos básicos o recordarlos, en cualquier caso, espero te sea de utilidad.

Todos los derechos de la infografia son propiedad de su autor.

¡Bienvenidos!

Hola, la creación de este blog obedece a un proyecto de la materia de Taller de Ingeniería del Software del Instituto Tecnológico de Puebla.

En las entradas de este blog me centrare en temas como: recursos para programadores, links para esos recursos, enlaces a algunos tutoriales y demás cosas que nos parezcan interesantes y tengan que ver con la creación de Software.

Sin mas, les doy la mas cordial bienvenida y espero que encuentres cosas de utilidad.

Gracias