Entrevistador Web 2.0

Wepik

2010-10-13T20:00:00.000-07:00

Manual como tener AppServ + IIS

2010-06-04T13:20:00.000-07:00

La pregunta es como trabajar con PHP junto con IIS ( Internet Information Server), es muy sencillo.

Primeramente tienes que tener instalado el AppServ, sino lo tienes instalado puedes entrar aqui, para saber como instalarlo:

Cómo instalar AppServ

Despues ya instalado siguiendo con este manual, solo lo que haremos sera configurar el AppServ para que nuestros scripts PHP funcionen bajo el IIS, y es de la siguiente manera:

Ya instalado AppServ y IIS, nos dirigimos a la dirección C:\AppServ\php5, localizar y abrirlo con un block de notas el archivo “PHP.INI-DIST”.

Una vez abierto buscamos la linea:

Citar

;cgi.force_redirect = 1

Le establecemos a 0 el valor y le quitamos el comentario, ósea quedaría así.

Citar

cgi.force_redirect = 0

Ya de esto lo guardamos el archivo en la carpeta de Windows C:\WINDOWS con el nombre php.ini si nos pide sobrescribir el archivo ponemos que “SI.

Ahora nos toca configurar el IIS para que ejecute paginas PHP, vamos a ir a:

Inicio > Ejecutar > inetmgr (internet manager)

Seleccionamos el “Sitio Web predeterminado” apretamos el botón derecho y elegimos “Propiedades”.

Seleccionamos la pestaña “Directorio Particular” y hacemos click en el botón “Configuracion”, y ponemos las opciones como esta en la imagen.

Dentro de “Configuracion” hacemos click en “Agregar”, En el primera casilla indicamos la ruta del interprete de PHP en nuestro caso “C:\AppServ\php5\php.exe” y en la segunda casilla indicamos la extensión que tienen nuestros scripts PHP, por lo general “.php”, recuerda poner las opciones como lo indica la imagen.

Bien para comprobar que todo salió bien abrimos el block de notas y ponemos el siguiente codigo:

Citar

Creamos el archivo con el nombre “test.php” que lo ubicamos en la carpeta de publicación web (C:\AppServ\www).

Esta función devolverá toda la información relacionada con PHP así que si lo ejecutamos en nuestro navegador http://localhost/test.php y vemos una pantalla como la siguiente:

Manual Completo de Como Hacer una Pagina Web o Sitio Web

2009-09-18T20:37:00.000-07:00

Construyendo articulo

Introducción

¿Qué es Internet?
Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial.

más información: Wikipedia - Internet

¿Qué es una Página Web?
Una página web, también conocida como página de Internet, es un documento adaptado para la Web y normalmente forma parte de un sitio web. Su principal característica son los hiperenlaces a otras páginas web, siendo esto el fundamento de la Web.

más información: Wikipedia - Página Web

¿Qué es un Sitio Web?
Un sitio web (en inglés: website) es un conjunto de páginas web, típicamente comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.

más información: Wikipedia - Sitio Web

Diferencia entre Sitio Web y Página Web

A veces se utiliza erróneamente el término Página Web para referirse a Sitio Web. Una Página Web es parte de un Sitio Web y es un único archivo con un nombre de archivo asignado, mientras que un Sitio Web es un conjunto de archivos llamados Páginas Web.

Si lo comparáramos con un libro, un Sitio Web sería el libro entero y una Página Web de ese Sitio Web sería un capítulo de ese libro. El título del libro sería el nombre del dominio del Sitio Web. Un capítulo, al igual que una Página Web, tiene un nombre que lo define. Decimos que sería un capítulo y no una página del libro porque a menudo es necesario desplazarse hacia bajo en la pantalla para ver todo el contenido de una Página Web, al igual que en un libro te desplazas a través de varias páginas para ver todo el contenido de un capítulo. El índice de los capítulos del libro sería el equivalente al mapa del Sitio Web (sitemap en inglés).

Información tomada: Mas adelante

Estructura para Crear una Página Web o Sitio Web (Desde cero).
CSS Layouts por Ironmyers
Sample CSS Page Layouts por Maxdesign
Basic CSS Layouts por Intensiv Station
CSS Layouts Listing por CSSplay
Three Column Layouts por CSS Discuss
CSS Layouts por Jimmy Lin's
CSS Layouts por SSI Developer
Little Boxes por The Noodle Incident
Two and Three column layout por Max Design
CSS Layout Magic por Project Seven
Free CSS Website Layouts por Free CSS
Perfect multi-column CSS liquid layouts por Matthew James Taylor
CSS Layout Templates por Ben Meadowcroft
CSS Layouts CSS Easy
CSS Layout Techniques por Glish
CSS Layouts por Blue Robot
CSS Layout Generators por Fu2k
CSS layouts por Layout Gala
Crear un layout optimo tamaño y css por Stardustxs
How create Simple 2 column CSS layout
CSS Page Layout Basics
How create 3 Column Liquid Layout
Tables the next evolution in CSS Layout
CSS Mastery, Page Layout
Creating a CSS layout from scratch
How Building a Set of Website Designs Step by Step
Multi-Column Layouts Climb Out of the Box
How create Page CSS Layouts
How designing a CSS based template
Liquid CSS Layouts - Design Alternative to Table Based Websites
Breaking Out of the Box With CSS Layouts
Page CSS Template Layout

Comó hacer una cabecera para una Página Web o Sitio Web.
Creating a Web Page Header in Photoshop
Create header for designer website
Create a simple web page navigation header
HOW TO: Make a Blog Header Graphic
How to create a header for your website
Create an Ornate Website Header Photoshop Tutorial
Creating a Website Header in Photoshop
Create a clean web 2.0 style header containing a speech bubble for your website
Create an Header using Vector Shapes in Photoshop
How to make Simple Elegent Cool Website Header
Create website header with Photoshop CS4
How to create a simple web header using photoshop
Create a Space Header in Photoshop
Tutorial good looking header photoshop
http://www.webdesign.org/web/photoshop/web-layout/sleek-dark-header-design.17166.html

Inspiraciones
http://www.toxel.com/design/2008/11/26/24-beautiful-and-creative-website-headers/

Dudas sobre...

2009-09-12T09:58:00.001-07:00

Hoy comienzo ayudar a la gente que lo necesito, los temas que puedo ayudar son los siguientes:

Diseño Web
Diseño Grafico
Programación

Cualquier duda o comentario que tengas de los temas, con todo gusto hare lo posible para ayudarte con el fin de ayudar con mi experiencia.

10 sets de iconos gratis para el Desarrollo Web

2009-09-05T23:54:00.000-07:00

Para no dejar mucho mi blog, les colaboro 10 set de iconos para nuestros proyectos web, todo esto gracias a Blog oh blog.

Fuente: 10 free icon sets for theme design

Sitios coloridos con Inspiración Web

2009-09-03T14:47:00.000-07:00

Primeramente me gustaría darle una disculpa a todos mis seguidores por no estar ausente por unos cuantos días y sinceramente no es mi culpa pero me han necesitado mucho en otros proyectos de la escuela aun así el día de hoy me comprometí a publicar algo muy interesante, puede ser ridículo para algunos pero otros le van a caer muy bien, consiste en recolección de 10 sitios tomados a la azar y conocidos por mi sin embargo lo atractivo es lo siguiente, cada sitio esta creado por su autor pero alguien está preocupado por los ¿colores?, es decir, tome muestras de los colores que usan los sitios para que sean Sitios coloridos inspiradores, si así es les comparto los colores que integran los sitios web para tomen idea de como podrían combinar sus colores como lo hacen ellos.

Speckyboy

99 Desings

Smashing Magazine

SitePoint

PSD Tutsplus

Noupe

Cube Scripts

CSS-Tricks

Cats Who Code

Abduzeedo

¿Sabías que...

2009-08-29T20:40:00.000-07:00

El sistema operativo de software libre NOVA

fue realizado por estudiantes de la Universidad de ciencias Informaticas UCI de Cuba.

20 grandes Frameworks para desarrolladores en PHP

2009-08-17T20:39:00.000-07:00

Un buen Framework de PHP puede ayudarte a desarrollar una aplicación PHP con rapidez, con más sencillez y darte una gran visión de la programación orientada a objetos.

CodeIgniter
CodeIgniter es un framework para desarrollo de aplicaciones en PHP. Es Open Source, tiene una interfase simple y un acceso a sus librerías bien estructurado. Es ligero y fácilmente instalable (puede usarse en un alojamiento compartido y no es necesario tener acceso a la línea de comando).

CakePHP
CakePHP es un framework para php que facilita el mantenimiento de contenidos (insertar, editar y eliminar registros), la validación de los campos de los formulario, previene de ataques por SQL injection, testeo de las aplicaciones, la interacción con la base de datos mediante el uso de ActiveRecord y también tiene un sistema de plantillas rápido y flexible.

Symfony

Symfony es un completo framework diseñado para optimizar, gracias a sus características, el desarrollo de las aplicaciones web. Para empezar, separa la lógica de negocio, la lógica de servidor y la presentación de la aplicación web. Proporciona varias herramientas y clases encaminadas a reducir el tiempo de desarrollo de una aplicación web compleja.

Prado
PRADO está basado en componentes eventos con el objetivo de acelerar el desarrollo de aplicaciones web usando PHP 5, el concepto del desarrollo de aplicaciones en Prado es diferente, se utilizan componentes, eventos y propiedades en vez de procedimientos, URL y parámetros.

Qcodo
Qcodo es un framework open-source desarrollado en PHP 5, que construye un mapeo de objetos y una interfaz de ABMS (Alta, baja y modificación) utilizando AJAX desde un modelo existente de una base de datos. Adicionalmente, contiene QForms que son componentes para generar formularios. Es un framework de desarrollo liviano que puede ser utilizado tanto en pequeñas como en grandes aplicaciones.

Zend Framework
Zend Framework cuenta con componentes que facilitan y acortan el proceso de implantación de aplicaciones Web, aprovechando a su vez las ventajas de Web services. Entre esos componentes está GData, que ofrece la capacidad de creación de mash-ups y permite optimizar la utilización de componentes de Google que usan GData. Zend Framework también soporta APIs de Amazon, Flickr y Yahoo mediante su módulo Zend_Service.

Akelos
Akelos es una versión para PHP de la plataforma de desarrollo Ruby on Rails. Al igual que Rails, proclama incrementar la velocidad y facilidad con la que se pueden desarrollar aplicaciones web que utilizan bases de datos, es compatibilidad con PHP4 y PHP5. Akelos es muy completo, buena documentación y ejemplos de sus implementaciones varios.

Maintainable
Maintainable PHP Framework fue construido originalmente para el uso personal del creador y luego fue puesto a disposición de todos, a petición de de sus clientes. Está diseñado principalmente para su uso con las pequeñas y medianas aplicaciones web.

evoCore
evoCore es un framework que es el motor de b2evolution con lo cual le añade las características de blog al desarrollo de aplicaciones web, manejo de usuarios y grupos, manejo de sesiones y permisos no requiere php5 para trabajar esta realizada totalmente en PHP 4.

Seagull
Seagull es una madura herramienta OOP para la creación de webs, la línea de comandos y aplicaciones GUI. Bajo licencia BSD, el proyecto le permite a los desarrolladores de PHP integrar fácilmente el código y gestionar los recursos, y crear rápidamente aplicaciones complejas.

Zoop Framework
Zoop es un Framework PHP Orientado a Objeto basado en el modelo MVC, sus desarrolladores lo caracterizan por ser rápido, eficiente y fácil destinado para programadores. Cuenta con soporte e integración con AJAX, caching, validación, sistemas de plantillas Smarty, creación de PDF, plantillas para el envío de correo electrónico usando SMTP, cuenta con compatibilidad con múltiples base de datos.

xAjax
xAjax es una biblioteca código abierto de PHP capaz de generar aplicaciones Web con tecnología AJAX. Las aplicaciones desarrolladas con Xajax pueden comunicarse asíncronamente con funciones que se encuentran del lado del servidor y así actualizar el contenido de una página sin tener que recargarla nuevamente.

PHOCOA
PHOCOA (pronunciado Faux-ko) es herramienta PHP para el desarrollo de aplicaciones web. PHOCOA, tiene como intención primaria hacer que el desarrollo de aplicaciones web en PHP sea más fácil, más rápido y de mayor calidad.

Kohana
Kohana es un herramienta de PHP 5 que utiliza el modelo vista controlador patrón arquitectónico. Es en realidad un “fork” (división del desarrollo del código) de CodeIgniter, que aparentemente surgió de la insatisfacción de sus usuarios cuando se hizo evidente que sus desarrolladores estaban más interesados en actualizar su CMS comercial ExpressionEngine que en corregir los errores reportados y tener en cuentas las nuevas características pedidas.

Limb
Limb es parte OpenSource (LGPL) . Es una herramienta destinada principalmente a la rápida aplicación de prototipos webs y el desarrollo. El actual desarrollado de la rama tiene mantenimiento (pero no Limb2). Limb 3 es más bien una biblioteca que consta de muchos componentes reutilizables distribuidos como los paquetes de Limb3 PEAR channel.

Solar Framework
Solar es un framework para PHP5 que nos permite desarrollar aplicaciones web de forma rápida. Usa conceptos derivados del sistema de plantillas Savant, el paquete de gestión de objeto-relación de DB_Table, Yawp para la creación de aplicaciones y la estructura de PEAR.

BlueShoes
BlueShoes es un framework y CMS escrito en PHP, con soporte para MySQL y para Oracle y MSSQL. Ofrece a los desarrolladores soluciones para necesidades reales, para lo cual disponemos de componentes que manejo de usuarios, sesión, grupo de usuarios, tratamiento de excepciones, logs, formularios y mucho más.

Stratos

Stratos es un herramienta de fuente abierta, orientado a objetos Web Application Framework, que facilita el rápido desarrollo, bien organizado, seguro, y mantiene aplicaciones web PHP. Stratos le libera del trabajo tedioso, las tareas de rutina, y le permite centrarse en las necesidades específicas de software.

php.MVC

php.MVC aplica el patrón de diseño modelo-vista-controlador (MVC), y alienta el diseño de las aplicaciones basadas en el paradigma del modelo 2. Este modelo le permite diseñar la página web u otros contenidos (Ver), que se separa de la mayoría de la aplicación interna del código (Contralor / Modelo), por lo que es más fácil para los diseñadores y programadores para centrarse en sus respectivas esferas de competencia.

AjaxAC

AjaxAC es abrir un herramienta de trabajo de código escrito en PHP, que sirve para desarrollar / crear / generar aplicaciones AJAX. La idea fundamental detrás de AJAX (JavaScript asíncrono y XML) es utilizar el objeto XMLHttpRequest para cambiar el estado de una página web utilizando consultas HTTP sin volver a cargar la página entera. Es liberado bajo los términos de la Licencia Apache v2.0.

20 sitios para aprender CSS

2009-08-14T01:01:00.000-07:00

Cuando estamos aprendiendo o sabemos CSS es relativamente facil hacer cualquier cosa pero a veces nos causa dolor de cabeza entender algunos conceptos, es por eso que gracias a Sixrevisions recopilo estos 20 sitios web para aprender CSS en todos los aspectos que necesitas para realizar su pagina web.

Alistapart

Meyerweb

Dezwozhere

CSS Basics

Position is Everything

BarelyFitz

HTML Dog

456 Bereastreet

Andy Budd

Para ver los otros 10 sitios puedes entrar a 20_websites_learn_master_css

6 Sitios con Inspiración Web

2009-08-03T09:17:00.000-07:00

Solución Parse Error: syntax error, unexpected $end

2009-07-29T15:04:00.000-07:00

Gracias a Samuel Aguilera, estaba buscando el error: Parse Error: syntax error, unexpected $end y en su sitio nos ofrece varias soluciones al problema, así que si te pasa lo mismo lo más probable que aquí encuentres la solución.

En ocasiones puede darse el caso de que estemos usando una plantilla (theme) de WordPress o un plugin, funcionando perfectamente, y sin embargo al actualizar la versión de PHP o al mover nuestra web a otra compañía de alojamiento web, deje de funcionan y nos muestre el siguiente error:

Parse Error: syntax error, unexpected $end

Es un error bastante común, porque es muy fácil reunir las condiciones para hacerlo saltar.

Basicamente suele deberse a uno de estos dos motivos:

En alguna parte del código falta una llave de cierre (símbolo }, también llamado curly bracket).
El PHP instalado no admite en su configuración el uso de etiquetas PHP en formato abreviado (”<?” en lugar de “<?php” ).

Por fortuna para nosotros ambos casos tienen fácil solución, aunque en el primer supuesto si el código a revista es muy extenso puede ser un auténtico quebradero de cabeza…

Así que como digo, si sospechamos que en nuestro caso el error es el primer supuesto, nos tocará revisar todo el código del archivo php que hace saltar el error (y de cualquiera que llamemos desde este mediante includes), para localizar la definición de clase que nos hemos olvidado de cerrar.

Por lo tanto es un problema que inevitablemente tenemos que solucionar “a mano” y con paciencia, no obstante si usamos un buen editor que nos resalte las distintas partes de código PHP con distintos colores, probablemente nos sea mucho más fácil de localizar el error.

Y en el segundo caso, cuando se trata del uso de las etiquetas abreviadas de PHP (short open tags), lo mejor para solucionar el error y dar máxima compatibilidad a nuestro código es sustituir cualquier etiqueta PHP en formado abreviado por su correspondiente en formato extendido, es decir:

Sustituir <? por <?php

Para hacerlo podemos usar sin problemas la opción “buscar y reemplazar” del editor que usemos, ya que no cabe duda de que cada vez que encuentre el primer formato, la acción a realizar será cambiarlo por el segundo (no puede haber nada en el código que se confunda con esto).

Aunque si hay demasiado código que modificar o como solución de emergencia, siempre que tengas acceso a modificar el archivo php.ini, puedes activar la compatibilidad con las etiquetas abrevidadas con la siguiente línea en tu php.ini (posiblemente ya exista, pero con valor off):

short_open_tag = On

Otra solución:
El error tambien se produce por no estar emparejada alguna comilla ( ““ ), debe ser comillas parejas. .

Información de: Samuel Aguilera

Nuevo Blog de Moodle

2009-07-23T15:18:00.000-07:00

He creado un nuevo blog donde hablare de moodle en todos los aspectos donde encontraras:

Noticias
Recursos
Libros
Plantillas
Módulos
Plugins
Y mucho más.

Para ver todo esto entra en la siguiente dirección: http://blogmoodle.blogspot.com/

¿Sabías que...

2009-07-19T10:17:00.000-07:00

UN PROGRAMADOR DE SOFTWARE

puede con el paso del tiempo, adquirir experiencia a tal punto que es sólo cuestión de días (u horas) aprender un nuevo lenguaje de programación.

Te responden, porque te responden.

2009-07-19T02:18:00.000-07:00

Hay un nuevo sitio que se llama Respondones donde la dinamica es aprender cosas nueva y lo mejor es que las respuestas a preguntas curiosas son muy interesantes, asi que no olvides visitarlo.

Youtube en contra Internet Explorer 6

2009-07-19T01:50:00.000-07:00

Por medio de aNieto2K, Público que Youtube se ha unido a cambiar de internet Explorer 6 a un nuevo navegador (como lo muestra la imagen). Pienso que esta campaña que está haciendo Youtube está muy bien porque así todos podremos diseñar web mas cómodamente sin utilizar hacks ó algún truco en especial para que se mire en IE6, también espero que todos mis usuarios puedan cambiar por un nuevo navegador ya sea, Firefox, Chrome, IE 8, Opera, Safari o algún otro en el mercado.

Sitios con Inspiración en el Diseño Web

2009-07-17T03:36:00.000-07:00

Hace una semana me pregunto un amigo que como le hacía con mis diseños web y de dónde sacaba tantas ideas que para el eran geniales, entonces le comente que había muchos sitios que visitaba y que es muy común visitarlo porque si no tenía la menor idea de cómo hacer algo, entraba a estos sitios y me inspiró para realizar mis proyectos, es así que surgió este artículo donde les comparto los sitios que los pueden inspirar para realizar el diseño de una página web, recursos o bien referencias con el diseño web y tengo más sitios pero no recuerdo entonces si se me viene otro lo añadiré.

http://www.1stwebdesigner.com/

http://www.smashingmagazine.com/

http://abduzeedo.com/

http://psd.tutsplus.com/

http://freelanceswitch.com/

http://www.cssbeauty.com/

http://www.tutorial9.net/

http://www.sitepoint.com/

http://99designs.com/

http://xyberneticos.com/

http://www.webdesignerwall.com/

http://marcgrabanski.com/

Mega Colección de Trucos para Blogger, Plantillas para Blogger, Directorios para Blogger, Marcadores Sociales para Blogger y más.

2009-07-15T12:58:00.000-07:00

Después del artículo Mega Colección de Iconos Marcadores Sociales, Ahora les comparto de este gran Mega Colección de Trucos para Blogger, Plantillas para Blogger donde me base en los Blogs y Sitios Webs que hablan de Blogger es todos los aspectos, me fue complicado seleccionar los artículos ya que había varios repetidos pero cada quién con su estilo, pero aun asi podría ser de gran ayuda para los principiantes de Blogger ó Avanzados.

Por otra parte quiero agradecer a los sitios donde recolecte estos artículos ya que para mí fue muy complicado simplemente leer la gran cantidad de artículos que tiene cada uno de ellos y ver la calidad que tienen, es así que los felicito por su gran labor para ayudar a los blogs.

Trucos, Tips y Consejos para Blogger

Arículos en ingles, algunos tricks, hacks, tips, Resources and more.

RSS Readers

Lista de los motores de búsqueda para añadir tu Blog (creador, Tips for new bloggers).

Sitios de Marcadores Sociales

Directorios para añadir tu Blog

Template ó Plantillas para Blogger

Sitios Hosting de Imágenes para Blogger (creador, Tips for new bloggers).

Sitios de Hosting de Archivos para Blogger (creador, Tips for new bloggers).

Fuente ó Font para Blogger.

Información Recolectada de:
Trucos Blogger, Blog Mundi, Vida Blogger, Chica Blogger, Gema Blog, El escaparate de Rosa, OloBlogger, Blog and Web, Zona Cerebral, La Eulalia, Ciudad Blogger, Mashable,
dottony, Blogger Stop, Techol, Tips for new bloggers, Scrapur, Agusramadhani.

NOTA: Aun se puede ir añadiendo artículos al post, si observastes que falta el tuyo y escrito por ti mismo puedes enviarnos un mensaje por el medio del Formulario de contacto.

Mega Colección de Iconos Marcadores Sociales

2009-07-13T01:51:00.000-07:00

Claro te encontraste la mega colección más grande de internet lo cual no les mentiré dure 8 horas buscando todos los iconos respecto a marcadores sociales que se pueden añadir a nuestro blog (Blogger, Wordpress, etc.) ó nuestro Sitio Web. Cabe aclarar que fue un gran esfuerzo lograr recolectar todos estos sitios donde me siento agotado, pero siempre la mejor recompensa es agradeciendo sobre este recurso, espero que encuentren lo que buscaban y se vayan contento. La finalidad de esta colección es que como acabo de iniciar mi blog, necesito herramientas para mejorar el funcionamiento de este, es por eso que logre este post con éxito.

Social Bookmark Icon set Part 1

Social Bookmark Icon set Part 2

Web 2.0rigami - I Am Paddy

Social.me - jwloh

Socialize Icon Set - DryIcons

Social Icon Set - Stylelion

Social Media Mini Iconpack - Komodo Media

Nurture Social Icon Set - Smashing Magazine

Heart: A Free Social Icon Set - Smashing Magazine

>Social Icons Made of Wood - webtoolkit4.me

Web 2 Icons - Fast Icon

Free Vector Social Bookmark Icons

free social bookmark icons for your blogs - Edward de Leau

IconTexto WebDev Social Bookmark

Social Bookmark Icons - Fast Icon

Social Web Buttons - WebFruits Blog

Social Web Buttons - Set 2 - WebFruits Blog

Social Networking Icons - AODdesign

6 Social Icons - Design Reviver

The Leaves Fall - Smashing Magazine

Aquaticus.Social - jwloh

34 Social Bookmark Buttons - SoulVisual

webtoolkit4.me Icon Set

DelliCream Free Social Bookmark Icons

DelliCake Free Social Bookmark Icons

Cheers Social Bokkmark Icon Set - Smashing Magazine

Circle Social Bookmark Icons

Social Media Icons Pack

Handycons

Social Network Icon-Pack

Social Bookmark My Works

Denim Jeans Social Media Icons

Social Post Stamps Free Icon Set

Free Vectors - 20 Free Social Bookmarking Icons

Page Peel - A Free Social Media Iconset

Set of Social Icon

24 Free Exclusive Vector Icons: ‘Handy’

Free Hand Drawn Doodle Icon Set for Bloggers

Free Icon set for bloggers - Social Bookmarking Icons

Free Social Bookmarking Icons

Icone Blog Social - Set 1

Icone Blog Social - Set 2

Icone Blog Social - Set 3

Heart v2: Free Social Iconset in Heart Shape

Social Bookmark Sketchy Icons

Free ‘Social Media Bookmark Icon +’ pack, the ever growing icon set

Social Icons hand drawned

Set of Social Grunge Icons

Set of Social Icons

Chocolate Social Icons

Social BooksMarking Balls

Free Social Icon Pack: Bevel Lite

Free Grunge Style Social Bookmarking Icons

Bevel Dark Icons Set

Social Icons by Gizzistar

Icon Set of the Social Bookmarks in MSN 9 Style

Free Vector – Social Bookmarking Icons

Handycons 2 - another free hand drawn icon set

IconsETC Black Inlay on Steel Social Media Icons

Web social icons

Drink Web 2.0

Social Post Stamps

108 Free Black Magic Marker Social Bookmarking Icons

154 Crystal Clear Bubble Social Media Icons

108 Free Glossy Orange Orb Social Media Icons

108 Free Crumpled Paper Social Networking Icons

Free High Res Whitewashed Star Patterned Social Bookmarking Icons

Extra:
Choosing the Right Social Bookmarking Widget for your Website
Cambiando tus marcadores sociales en Widget para tu Sitio Web o Blog.

Kits de Elementos Web para Diseñar más rápido

2009-07-08T20:54:00.000-07:00

Estas desarrollando tu proyecto y necesitas diseñar el buscador, botones, tabs, login ó requieres de una pequeña ayuda para inspirarte para realizar tu Sitio Web o Blog. Entonces estás en el lugar correcto, Te has encontrado un set de 17 elementos web más usado para el desarrollo Web que viene en formato PSD, todo esto gracias a Best Blog Box.

Recurso: All in one Web Wlements Kits

¿Cómo funciona nuestra computadora?

2009-07-08T01:40:00.000-07:00

Gracias a Emezeta, descubrí este divertido video donde nos muestra cómo funciona la computadora cuando estamos utilizándola, es bueno saber cómo trabaja para tener en cuenta que hay que cuidarla. Espero que sea de su agrado.

Videos para reirse un rato.

2009-07-07T02:37:00.000-07:00

No cae nada mal reírnos un poco, ¿no creen?

Por favor, No dispare.

Lo que es llamar la atención.

Dejen su comentario.

¿Sabías que...

2009-07-04T21:06:00.000-07:00

LA CIUDAD DE MÉXICO ES LA MÁS GRANDE DEL MUNDO

México es sin duda una de las ciudades más grandes. Sin embargo en población es superada por Tokio y Bombay En extensión, hay varias ciudades mucho mayores.

120 ejemplos de Menús Horizontales en CSS

2009-07-01T21:30:00.000-07:00

Navegando como cualquier día encontré en el Blog CSS TEA donde público Excelentes 120 ejemplos en CSS de Menús Horizontales. Hay que recordar que un Blog ó Sitio Web sin un menú, no tiene accesibilidad ya que por medio de él, facilitamos a nuestros usuarios a tener mejor navegación. Así como también hacer deseable nuestro diseño.

Algunos ejemplos:

Visitar Recurso: 120 Excellent Examples of CSS Horizontal Menu
Fuente: CSS TEA

Los 10 trucos más buscados para Blogger

2009-07-01T02:16:00.000-07:00

Utilizar Blogger tenemos la necesidad de encontrar las cosas que ya estan hechas para luego aplicarselas a nuestro blog, asi empieza mi busqueda en Internet y de pura casualidad me encuentro este recurso que no solo a mi le servira sino a cualquiera, es por eso que les pongo esta lista de Los 10 trucos más buscados para Blogger, espero que sea de utilidad.

Esta pretende ser una lista con los 10 trucos más buscados en Blogger, algunos muy sencillos, otros no tanto, pero todos buscando mejorar algún aspecto de la plataforma para blogs de Google.

1. Eliminar la navbar o barra Blogger.

Aunque esta barra puede tener algunos atajos para manejar nuestro blog, su valor es poco o nulo para el lector, ocupa espacio extra y es poco estética. Eliminarla es sumamente sencillo, solo hay dirigirse a Diseño/Edición HTML y buscar el siguiente código:

]]></b:skin>

Y justo antes pegar lo siguiente:

#navbar-iframe { height:0px; display:none; visibility:hidden; }

2. Mostrar los últimos comentarios y los últimos artículos en la sidebar.

Este “truco” se basa en usar la dirección sindicación de comentarios y los artículos que todos los blogs de Blogger tienen. Estas direcciones son:

Para comentarios: http://tublog.blogspot.com/feeds/comments/default
Para artículos: http://tublog.blogspot.com/posts/comments/default

Donde tublog.blogspot.com es la dirección de tu blog.

Ahora solo hay que ir a Diseño/Elementos de página y dar clic en Añadir un gadget, en la ventana que se abre se selecciona un gadget de Feed y se escribe la dirección de comentarios para mostrar los últimos comentarios, se repite el proceso para crear un nuevo gadget de feed pero esta vez usando la dirección de los artículos.

3. Agregar una barra lateral o sidebar adicional a la plantilla.

Parece que cada vez es más insuficiente una sola barra lateral, la complejidad de agregar una extra a un diseño ya hecho variará de acuerdo al tipo de diseño y de los conocimientos que se tengan de HTML y CSS. El proceso se detalla en nuestro artículo: Como agregar una sidebar en una plantilla Blogger donde hay referencias también a otros tutoriales similares.

4. “Leer más” o “Continuar leyendo” en los artículos de Blogger.

Para hacer la navegación más ligera a nuestros lectores muchas veces conviene mostrar solo un resumen de los artículos. Como Blogger no tiene esta característica por defecto, habrá que usar CSS o Javascript para conseguir este propósito.

Blogmundi explica como hacerlo y en Girlyblogger muestra una forma “elegante” para llegar a lo mismo.

5. Mostrar los artículos más populares o más comentados.

Cuando un artículo tiene muchos comentarios, esto habla de su posible valor para los visitantes. Esta tampoco es una característica de Blogger por lo que hay que recurrir a un nuevo script. En BloggerBuster se muestra como crear un gadget para mostrar las entradas más populares y Rosa en su escaparate hace una buena adecuación de este truco al español.

6. Paginación o páginas numeradas en Blogger.

Blogger solo muestra un enlace a la página siguiente y anterior, con la página es posible mostrar un cantidad más grande de páginas para navegar indicadas con números. Nuevamente el funcionamiento se basa en un script que es necesario instalar en el blog para que funcione. Armanda de Blogger Buster fue una de las primeras en mostrarlo y en Vagabundia encontraran una explicación en castellano.

7. Agregar un favicon en Blogger.

Para agregar ese pequeño icono visible en favoritos, pestañas y barra de direcciones, solo hay que crear un icono y vincularlo desde la plantilla. Para esto desde Diseño/Edición HTML se busca el siguiente código:

<title><data:blog.pageTitle/></title>

Y justo antes se coloca lo siguiente:

<link href="http://sitio.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/>

<link href="http://sitio.com/favicon.ico" rel="icon" type="image/x-icon"/>

Donde http://sitio.com/favicon.ico es la URL de tu favicon.

Para obtener la URL de tu favicon puedes alojarlo en un servicio gratuito como fileden.

8. Utilizar un dominio propio en Blogger.

Tener un dominio propio es de las primeras cosas que se deben contemplar cuando deseamos tomar nuestro blog más en serio. Las ventajas son muchas y el precio bastante modico. Blogger permite el uso de dominios propios en su plataforma y proceso puede verse en nuestro artículo: Como usar un dominio propio en Blogger o en otros sitio como Spamloco.

9. Formulario de comentarios en la misma entrada.

En este en realidad a dejado de ser un truco, pues ya forma porte de las características comunes de Blogger, aun así hay que activarlo desde Configuración/Comentarios , ahí en la opción de “Ubicación del formulario de comentarios” se selecciona “Entrada incrustada a continuación”.

En algunos casos podría ser necesario implementar esta característica de forma manual.

10. Poner publicidad de Adsense en Blogger.

Existen varias opciones para poner Google Adsense, así que puedes escoger entre estos 10 Lugares para poner Adsense en Blogger.

Como siempre, la recomendación es usar únicamente los trucos que son imprescindibles para nuestro blog para evitar sobrecargar de contenido el sitio y/o hacerlo muy pesado.

Fuente: BlogandWeb

Publicar códigos de PHP/HTML en blogger

2009-06-30T01:59:00.000-07:00

Si utilizas Blogger, Te habrás dado cuenta que si quieres publicar algún código de PHP ó HTML, No se puede publicar pero hoy encontre una solucion para ello y es SimpleCode.

SimpleCode es una aplicación web que nos permite traducir un código fuente para poder insertarlo entre las etiquetas code de blogger, transformado los carácteres de apertura y cierre (<>) por los carácteres aceptados por google (lt y gt).

Ejemplo de código en php:


<?php
echo "<p class="prueba">";
echo "Este es un codigo en PHP en Blogger.";
echo "</p>";
?>

Manual cómo Instalar AppServ en nuestra PC

2009-06-30T00:50:00.000-07:00

¿Qué es AppServ?

Es una herramienta OpenSource para Windows que facilita la instalación de Apache, MySQL y PHP en una sola herramienta, esta característica facilita la tarea al usuario ya que se configuran las aplicaciones de forma automática.

El paquete contiene: Apache Web Server, PHP, MySQL y phpMyAdmin. Y este paquete lo podemos descargar entrando aqui:

Download AppServ Network

Es muy liviano y de ahí mismo podemos bajar la última versión, siempre. Ahora bien, ¿Como instalar AppServ en nuestra PC?. Es muy sencillo solo sigue los siguientes pasos:

Luego de descargar nuestro paquete AppServ, al ejecutarlo nos muestra la bienvenida dándonos una pequeña información de la versión que vamos a instalar donde dice next (Siguiente), damos clic.

Luego nos indicará el acuerdo de licencia, ahí debemos esta conformes (I Agree).

En esta sección indica en que ruta queremos instalar, es preferible dejarlo por el que viene por default es decir C:\AppServ lo muestra la imagen:

A continuación es muy importante observar lo que vamos a instalar, los componentes que se observar en la imagen, se pueden instalar de acuerdo a las necesidades que tengamos, en este caso por default lo dejaremos como está.

En este parte debes indicar el nombre del servidor y el email del administrador del sistema, en mi caso dejaré localhost y email root@appservnetwork.com, respectivamente, así como también el puerto 80. Recuerda que puedes dar siguiente y dejar lo que suguiere sin problemas.

Ahora vamos a configurar nuestro MySQL, introducimos un password que recuerdes y algo importante y no la olvides porque te servirá para acceder a la base de datos.

NOTA: El usuario por default es root.

Activemos éstas 2 opciones para que al finalizar MySQL y Apache arranquen.

Para terminar abrimos nuestro navegador y escribimos lo siguiente http://localhost/ y si todo se instalo correctamente debe mostrarnos tal como muestra la imagen. Salvo las versiones que el tuyo puede ser mas nuevo.

Probado nuestro AppServ:

En la configuración Standard usando c:\AppServ la ubicación que equivale a http://localhost/ es c:\AppServ\www por tanto si creas una carpeta pruebas dentro de www, quedando asi: c:\AppServ\www\pruebas, y dentro un archivo llamados test.php con el siguiente contenido:

1 <?php
2  phpinfo();
3 ?>

Lo guardamos con la extensión .php, es decir, test.php. Este archivo se ejecutara en tu navegador llamandolo asi:

http://localhost/prueba/test.php

Nota: No olviden poner sus dudas, comentarios o sugerencias.

10 formas de implementar Mootools en nuestras aplicaciones web

2009-06-29T23:25:00.000-07:00

1. Calendario

Los lenguajes de servidor como PHP nos permite desarrollar interesantes cositas en nuestra web: hacer un calendario es una forma. Pero agregar interactividad mediante AJAX le da un peso adicional, y si a ello le sumamos efectos extras que podemos lograr con JavaScript ... sensacional!!

Artículo: http://www.electricprism.com/aeron/calendar/

2. Formulario Web 2.0

Atrás quedaron esos formularios web donde una vez pulsado el botón Enviar rogabas que todo este bien, sino se cargaría nuevamente toda la página. Y ese proceso si que llevaba su tiempito. Pero ahora mediante AJAX, las peticiones ó verificaciones son instántaneas lo que hace el proceso más rápido.

Descargar: http://www.stoutlabs.com/site/post/jazz_up_your_forms_with_mootools_pt_1/
Demo: http://www.stoutlabs.com/demos/formMagic_1.htm

3. Redimensionar Textarea

Es algo a tener en cuenta en nuestras aplicaciones web. Muchos usuarios quieren tener un visión amplia de como va quedando lo que escribe. Claro solo limitado por el tamaño de nuestro monitor.

Artículo: http://ejectmedia.net/examples/moo_textareas/

4. Formulario Login AJAX

Incluir un logueo con AJAX en tus aplicaciones hace que el usuario sienta que todo proceso en tu aplicación web es rápido y directo.

Descargar: http://joeabiraad.com/ajax/ajax-login-form-php-javascript/89
Demo: http://joeabiraad.com/demos/ajax2/

5. Validación de Formulario

Es de vital importancia verificar que los datos a guardar ó enviar sean correctos, eso evita muchos dolores de cabeza a la larga.

Artículo: http://www.phatfusion.net/validate/

6. Personalizar elementos HTML: checkbox, radio buttons y lista/menús

Esto es más enfocado al aspecto del diseño de nuestra aplicación web.

Artículo: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

7. Seleccionar Múltiples Elementos

Como el anterior punto, si a los controles de los formularios HTML le agregamos un diseño agradable pues va a llamar mucho la atención del usuario.

Artículo: http://www.wollzelle.com/os/multiple-select-widget/

8. Validar Formularios (otra forma)

Otra forma de implementar un validador de datos en los formularios.

Descargar: http://zendold.lojcomm.com.br/fvalidator/
Demo: http://zendold.lojcomm.com.br/fvalidator/exampleA.asp

9. iMask

Esta es una forma de hacer que el usuario escriba sólo lo que debe escribir. No falta quien escribe letras donde debe ir el número telefónico, por ejemplo.

Artículo: http://zendold.lojcomm.com.br/imask/

10. Lista de Autocompletado en Cajas de Texto

Útil, muy útil cuando se desea saber si cierta palabra ó palabras están incluidas en lista de búsqueda.

Artículo: http://devthought.com/textboxlist-meets-autocompletion/

Via: Ribosomatic

3 grandes galarias de CSS

2009-06-29T23:04:00.000-07:00

Si estas buscando inspiración para realizar tu proyecto escolar o personal, estas en el lugar correcto encontre este recurso perfecto, son 3 galerias completamente llenas de plantillas hechas con CSS 100%.

Contacto

2009-06-29T15:15:00.000-07:00

Currículum Vitae

2009-06-29T15:14:00.001-07:00

Por favor, accesa a la siguiente dirección:

CURRICULUM VITAE
http://alonsouribe.com/

Entrevistador Web 2.0

Wepik

Manual como tener AppServ + IIS

Manual Completo de Como Hacer una Pagina Web o Sitio Web

Dudas sobre...

10 sets de iconos gratis para el Desarrollo Web

Sitios coloridos con Inspiración Web

¿Sabías que...

20 grandes Frameworks para desarrolladores en PHP

20 sitios para aprender CSS

6 Sitios con Inspiración Web

Solución Parse Error: syntax error, unexpected $end

Nuevo Blog de Moodle

¿Sabías que...

Te responden, porque te responden.

Youtube en contra Internet Explorer 6

Sitios con Inspiración en el Diseño Web

Mega Colección de Trucos para Blogger, Plantillas para Blogger, Directorios para Blogger, Marcadores Sociales para Blogger y más.

Mega Colección de Iconos Marcadores Sociales

Kits de Elementos Web para Diseñar más rápido

¿Cómo funciona nuestra computadora?

Videos para reirse un rato.

¿Sabías que...

120 ejemplos de Menús Horizontales en CSS

Los 10 trucos más buscados para Blogger

Publicar códigos de PHP/HTML en blogger

Manual cómo Instalar AppServ en nuestra PC

10 formas de implementar Mootools en nuestras aplicaciones web

3 grandes galarias de CSS

Publicidad

Contacto

Currículum Vitae