webmasters, recursos webmasters, recursos gratuitos, scripts, web

Necesitas encontrar logos famosos vectoriales

admin — Fri, 04 Jul 2008 18:07:21 +0000

Logos vectorizados listos para usar.

Enlace: http://www.brandsoftheworld.com/

Crea tus imagenes con reflejos

admin — Fri, 04 Jul 2008 18:05:03 +0000

No has necesitado nunca crear esos tipicos reflejos de las grandes webs, ahora tienes la oportunidad:

Enlace: http://www.reflectionmaker.com/

Galeria de ideas CSS/FLASH

admin — Fri, 04 Jul 2008 18:01:35 +0000

Estupenda galeria de ideas en css y flash.

Enlace: http://cssflash.com/

99 RECURSOS 2.0 WOW!!!

admin — Fri, 04 Jul 2008 17:41:49 +0000

Aqui teneis de la mano de webusabilityhelp.blogspot.com 99 recursos para vuestros diseños, 2.0!!!

BADGES

Web 2.0 Badges - Un set gratuito de badges para descargar.
Fresh Badge - Genera rapidamente tus badges.
adClustr - Crea tus badges.
Deziner Folio - Coleccion de varios badges.
BittBox - Badges vectoriales.
Official Seal Generator - Alternativa al tipico badge.
Photoshop Tutorial - Lecciones rapidas en photoshop para crear nuestro badge.
Glossy Photoshop Tutorial - Crea tu badge glossy con este tutorial.

BOTONES

Mi Boton cool - Un bonito editor online que nos ayudara rapidamente a crear nuestro boton .
Adam Kalsey’s Button Maker - Herramienta online de Adam Kalsey para crear botonos.
Button Maker from Blog Flux - Crea tu boton desde el blog de Flux.
Crea tu boton brillante - Similiar al anterior editor online de creacion de botones.
Botones CSS - Escoge el texto, el fondo y los bordes para tu web.
Buttonator - Una alternativa de pago para crear nuestros botones, muy interesate.
RSS Button Maker - Crea tu boton RSS.
Button Boost - Una pequeña herramienta para generar pequeños botones.
ButtonGenerator.com - Crea menus y botones de navegacion para tus webs.
Crystal Button - Así de facil, botones de cristal.
Chicklet Creator - Crea botones para subscribir a tus visitantes a tus feeds.

ESQUINAS REDONDEADAS

Esquinas redondeadas es una de las acciones tipicas de las web 2.0. Aqui tienes algunas herramientas online para crearlas, pero existem muchas mas.

RoundedCornr
Corner Shop
Spiffy Box
Canvas Corner
Spanky Corners
Sliding Doors Text Box
Smart Rounded Corners
Rounded Corners in CSS
News List

LOGOS

Crea facilmente tu logo para tu web totalmente online, es simple, rápido, fácil y 2.0.
Web 2.0 Logo Creator
Web 2.0 Logo Creatr
Web 2.0 Logo Creator
Web 2.0 Stylr

ICONOS

Una web 2.0 no puede ignorar los iconos. Aqui dispones de una gran coleccion de iconos listos para usar en tus projectos.
UtomBox - Coleccion de iconos web 2.0.
Feed Icons - Iconos para RSS estandars.
Map Icon Factory - Crea ty icono para tu sitemap.
Perishable Press - Una bonita coleccion de iconos RSS.
Glass Style - Mas iconos RSS
Snap2Objects - Iconos vectoriales RSS.
31 Sources of Quality - Iconos gratis, 31 iconos de calidad

IMAGENES CON DEGRADADOS (ideal para fondos de celdas)

Otra de las acciones necesarias para tener un buen diseño web 2.0 son los degradados.

Gradient Image Maker
Gradient Generator
Online Gradient Image Maker (OGIM)

ALGUNAS OTRAS COSILLAS INRESANTES

Speech bubbles are commonly used for styling comments or blockquotes.
Will Mayo
Bubblesnaps
CSS Play
XHTML Speech Bubbles
WigFlip
Fluid CSS Speech Bubbles
MySpace Speech Bubble Generator
Photoshop Tutorial

IMAGENES DE FONDO

Herramientas online para crear tus backgrounds.

Stripe Designer - Crea facilmente tus imagenes.
Tartan Maker - Crea imagenes de fondo online.
Texture Generator - Crea texturas con las siguientes imagenes para tus fondos de web.
All Free Backgrounds - Escoge el fondo que quieras de esta galeria.

COLORES

Quizas sea la parte mas importante para algunos, “el color”.
Web 2.0 Color Pallete - Colores populares en los estandares 2.0.
Color Schemer Gallery - Tienes problemas escogiendo un esquema de color para tu pagina, elige el que quieras de esta galeria..
COLOURlovers - Mas ejemplos de combinaciones de colores.
Website Color Picker - Combina rapidamente combinaciones de colores.
I Like Your Colors - Elige los colores que vas a usar en tu web.

NAVEGACIÓN

CSS Menu Generator - Easily create attractive CSS menus.
Listamatic - Collection of CSS menus.
List-O-Matic - Create your own CSS menus.
List-U-Like - Another tool to create your own navigation bars.
Tabs Generator - Create tabbed images for navigation.
Flash Buttons - Create navigation menus with flash buttons
CSS Play - An extensive collection of CSS menus.
Exploding Boy - Tabbed CSS navigation menus.
CSS Navigation Menu Generator - A tool to help you create your own menu.

FAVICONS

Favicon Generator - Create your own favicon from an image on your computer.
Favicon from Pics - Create a favicon from a photo.
Favicon Editor - Upload a photo, create a favicon.
Favicon.cc - Another option for favicons.
Photoshop Tutorial - Creating a favicon with Photoshop.

CHARTS

PHP/SWF Charts - Create attractive charts.
amCharts - Flash charts.

OTHER

Avatar Maker - Create and edit an avatar.
Shrink Pictures - Create an avatar from your photo.
ScaleNine - Collection of skins and themes created for Flex and Adobe AIR.
VectorMagic - Converts bitmap images to vector art.
Templatr - Create a layout.
PsycHo - Blog template generator.
Web 2.0 Generator - Creates layouts.
Typetester - Compare fonts on-screen.
BlogPoll - Create a free poll for your blog.
RSSxl - Convert an HTML page to RSS.
Meta Tag Generator - Easily create meta tags for your pages.
URL Rewrite - Create search engine-friendly URLs for dynamic pages.
.htacces generator - Quickly create an .htaccess file.
Thumbnail Generator - Create thumbnails for a large amount of images.
Reflection.js - Adds reflections to your photos.
Drop Shadow - Improve your images with a drop shadow.
CSS Sprite Generator - From Website Performance.
Vecteezy - Stupid name. Cool vectors.
Brusheezy - Photoshop brushes.
PSBrushes.net - More Photoshop brushes.
deviantART - Photoshop brushes at deviantART

Related Link:

99 Useful Resources for Graphic Designers
Download AutoCAD 2007 for free
A to Z Online Resources for e-Learning
A Preview of HTML 5
Best Selling Graphic Design related Books
25 Headline Formulas That Have Blessed Web 2.0
Website Design for your Customers - It’s not what you want

ACCEDE A TODOS ESTOS RECURSOS PULSANDO EN LA WEB DEL AUTOR QUE LOS HA RECOPILADO:
http://webusabilityhelp.blogspot.com/2007/11/99-resources-for-web-20-design.html

Web del autor

128 iconos gratis para diseño web

alwaison — Fri, 04 Jul 2008 15:32:56 +0000

Via webappers.com descubro una estupenda colección de 128 iconos para añadir a nuestros diseños web.

Como comentan los autores, se ha mantenido la estética “glossy” en todos los iconos, siendo el resultado bastante homogeneo además de práctico, al incorporar aparte de los iconos típicos de login, correo, bases de datos, favoritos, comentarios… unos cuantos iconos de servicios web como Digg, Delicious, Furl, Technorati, Flickr, Stumble Upon, Twitter, etc…

Resumiendo, una buena colección de iconos para dar un toque diferente y sin salirse de los normal a vuestros proyectos.

Podéis descargar la colección desde aquí: Function free icon set

Logotipos vectorizados de páginas web

alwaison — Thu, 03 Jul 2008 20:59:57 +0000

A través de cosassencillas.com (increible la cantidad de recursos que publican al día estos chicos…) vemos una colección de 8 logotipos vectorizados gratuitos listos para descargar de servicios web, tales como blogger, Del.icio.us, Digg, Facebook, Flickr, Technorati, Wordpress y el logotipo de RSS.

Todos ellos en formato ai (Illustrator), eps y photoshop para que podais ajustarlos a vuestras necesidades.

Podeis descargarlos desde aquí: blogging related logos in high resolution

Blockquote con imagenes de fondo y CSS

alwaison — Tue, 01 Jul 2008 20:42:48 +0000

Hoy en el trabajo, necesitaba dar formato a una cita de texto y hacerlo de una manera bastante visual y atractiva. Buscando en Google (como siempre), he encontrado una forma fácil, bonita y que valida al 100%.

La idea, es hace algo similar a esto:

El CSS necesario es el siguiente:

blockquote {
text-indent: 25px;
background: url(quotes1.png);
background-position: 0 2px;
background-repeat: no-repeat;
}
blockquote p {
display: inline;
margin: 0;
padding-right: 24px;
background: url(quotes2.png);
background-position: bottom right;
background-repeat: no-repeat;
}

Sencillo, ¿verdad? La etiqueta blockquote lleva una imagen de fondo (las comillas que abren), y indenta el texto para que no tape el texto.

Dentro del blockquote, pondremos el texto dentro de un párrafo (

), que también llevará una imagen de fondo (en este caso, las comillas que cierran).

Y poco más… valida tanto el HTML como el CSS, y cumple con su función.

El post original, es este: Inline image quotes (en inglés), y podeis ver una demo aquí.

Login por cookies mediante PHP y MySQL

alwaison — Sat, 28 Jun 2008 11:00:11 +0000

En un proyecto personal,estoy implementando un panel de control, con el acceso restringido mediante un login. Para que no sea necesario introducir cada vez que entremos a la página nuestros datos otra vez, he añadido un sistema de cookies, que se encargarán de validar directamente al usuario durante una hora.

El sistema es realmente sencillo. Necesitamos, para empezar, una base de datos donde almacenemos los usuarios y contraseñas. Podría ser algo así:

CREATE TABLE usuarios (
id tinyint(3) UNSIGNED NOT NULL AUTO_INCREMENT,
nombre varchar(64) collate utf8_spanish2_ci NOT NULL,
mail varchar(128) collate utf8_spanish2_ci NOT NULL,
pass varchar(40) collate utf8_spanish2_ci NOT NULL COMMENT ‘en sha1′,
grupo enum(‘editor’,‘admin’,‘god’) collate utf8_spanish2_ci NOT NULL,
PRIMARY KEY (id)
)

Lo único destacable es el sql, es que la contraseña la almacenaremos codificada mediante la función SHA1, que crea una cadena de 40 caracteres.

Lo más lógico en estos casos es tener el directorio donde queremos restringir el acceso (en nuestro caso cpanel) y dentro de él, un archivo index.php que mostrará la información que deseamos, y un login.php que servirá para que los usuarios puedan hacer login y tener acceso (lógico, ¿no?).

El usuario, cuando quiera entrar al área privada, entrará por la ruta www.midominio.com/cpanel/

El navegador, directamente, lo redirige al archivo index.php (o index.html, depende de como tengamos configurado el servidor, y si existe o no el archivo).

Veamos que código necesitamos en este index.php:

include_once(‘conexion.php’);
$user = (isset($_COOKIE[‘usuario’])) ? $_COOKIE[‘usuario’] : ”;
$pass = (isset($_COOKIE[‘ccontrol’])) ? $_COOKIE[‘ccontrol’] : ”;
if ($user != ” && $pass != ”){
$sql = ‘SELECT pass FROM usuarios WHERE mail = "’ . $user . ‘"’;
$qr_res = mysql_query($sql);
$password = mysql_result($qr_res, 0, ‘pass’);
if ($password != $pass) {
header(‘location: login.php’);
} else {
echo ‘Acceso Permitido’;
}
} else {
header(‘location: login.php’);
}

Hasta ahora, ningún problema.

- Obtenemos los datos de conexión a la BD mediante el archivo conexion.php, recogemos los datos de la cookie (en nuestro caso llamamos usuario al email del usuario, y ccontrol a la contraseña)

- Comprobamos que los datos de la cookie no están vacios.

- Realizamos la consulta para extraer la contraseña de ese usuario.

- Si las contraseñas coinciden se permite el acceso, si no, se remite al usuario a la página de login.

Un pequeño inciso para comentaros que la contraseña se almacena en la cookie codificada ya mediante SHA1, para no tener problemas de seguridad.

Bien, en un primer momento el usuario ha intentado acceder a el contenido. Si ya estubiera logueado, se le permite el acceso sin ningún problema. Sino, lo mandamos al login. Veamos el código de login.php:

include_once(‘conexion.php’);
$user = (isset($_POST[‘user’])) ? $_POST[‘user’] : ”;
$ccontrol = (isset($_POST[‘ccontrol’])) ? $_POST[‘ccontrol’] : ”;
$login = (isset($_POST[‘login’])) ? $_POST[‘login’] : ”;
$action = (isset($_REQUEST[‘action’])) ? $_REQUEST[‘action’] : ”;
if ($action == ‘login’ || $login == ‘Entrar’){
$sql = ‘SELECT pass FROM usuarios WHERE mail = "’ . $user . ‘"’;
$qr_res = mysql_query($sql);
$password = mysql_result($qr_res, 0, ‘pass’);
if ($password == sha1($ccontrol)) {
setcookie(‘usuario’, $user, time()+3600); //cookies a 1 hora
setcookie(‘ccontrol’, sha1($ccontrol), time()+3600);
header(‘location: index.php’);
}
} else {
//echo ‘no hay datos’;
}

Y el html del archivo login.php seria el siguiente, justo debajo del PHP

Y poco más queda por explicar… El archivo login.php comprueba los parametros del formulario, y si todo coincide, guarda las cookies con el correo del usuario y su contraseña en formato SHA1. La validez de la cookie será de 1 hora. Tras grabar la cookie en el navegador, redirigimos al usuario al index.php, el cual le permitirá acceder a los contenidos sin ningún problema.

Para una mayor seguridad, el email del usuario deberiamos guardarlo en la cookie también codificado con SHA1, para así evitar problemas con robos de información, etc…
Por último, como buenos programadores, crearemos una función llamada permitirAcceso, a la cual llamaremos en cada página de nuestro panel de control. Su función será comprobar las cookies y si no coinciden, mandar al usuario directamente a login.

ESPAÑA EN LA FINAL!!

alwaison — Thu, 26 Jun 2008 22:09:30 +0000

No hay palabras. No queda nada por decir.

Nos vemos el domingo

80 colecciones de iconos para tu escritorio

alwaison — Thu, 26 Jun 2008 19:39:51 +0000

Hubo una época donde el deskmod estaba en pleno auge, con miles de cosas por modificar en tu ordenador. Hoy en día, sin desaparecer por completo, ya no se llega a cotas tal altas. Sin embargo, los iconos de tus aplicaciones y carpetas es algo que, por lo menos a mi, siempre me gusta “personalizar”, para darle un poco de vida al escritorio, y que no parezca siempre el mismo.

Hace unos dias, os traiamos un set de brushes para photoshop que recopilaba el blog de Francesco Mugnai. Hoy, otra vez de la mano de este bloger os ofrecemos más de 80 colecciones de iconos para tu escritorio.

Más capturas y enlaces, después del salto…

El enlace para descargar las colecciones:

80 free collections of yummy icons to suit any taste

via: cosassencillas.com