background preloader


Facebook Twitter

Nivo Slider - The World's Most Popular jQuery & WordPress Image Slider. jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market.

Nivo Slider - The World's Most Popular jQuery & WordPress Image Slider

The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning. If you don’t believe us, check out the list of features below and you soon will. Beautiful Transition Effects The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding. Simple and Flexible Setup The Nivo Slider was designed to be as simple to setup and use as it could possibly be. Small, Semantic & Responsive The Nivo Slider is also designed to have as small an impact as possible on your page load times, so the packed version only weighs 15kb. Free to Use & Abuse The Nivo Slider jQuery plugin is open source and released under the MIT license. 20 Best Free HTML5 Website Templates Of Year 2011.

HTML is basic programing and web design language helps to create attractive and beautiful website layouts.

20 Best Free HTML5 Website Templates Of Year 2011

HTML5 is the highest version of Hyper Text Markup Language(HTML). This advance version of HTML is compatible to all browser with its functionality and features. HTML 5 has some new and awesome features that make it most popular among web designers now a days. Using this in websites template designs that make it more easier and effective. You must have knowledge about this web language to impressively design websites.

HTML5 adds many new syntactical features. Free Websites templates always on high demand among designers and developers. Few days ago, we had shared some design related articles- Best Free Resources for Designers and Free Fonts for Designers. 1. 2. 3. 4. 5.Free Science HTML5 template 6. How to create a basic css horizontal drop down menu. In this tutorial, we will see how to create a basic horizontal drop down menu using unordered lists and nested lists.

How to create a basic css horizontal drop down menu

We will use the css property visibility to hide the menu’s sub items and make them visible on the hover state of the buttons. The css menu functions for the main browser of recent edition. At the end of the article, I will explain how to adjust it to make it also works for Internet Explorer 6. The basic html structure consists of unordered lists which contains a second list for the sub items: In the following preview image, we can see our menu with no css style applied: As the browsers have different way to interpret the margins and paddings, we specify a value of null for both properties for the menu (#menu), ul (unordered list and li (list items).

At this point the result is as follow: Next, the css style for the links themselves (element <a>): A detail of the result obtained: We can now position the sub items: #menu ul ul{ position: absolute; top: 30px; jQuery Shadow Plugin. 40 Beautiful Free HTML5 & CSS3 Templates.

Dec 01 2011 Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010).

40 Beautiful Free HTML5 & CSS3 Templates

There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In web development, it’s important to move with the times and embrace the latest changes. As such, all of the templates listed in this article were designed using HTML5 and CSS3; both of which will help future proof your website and make them more accessible.

The Templates 1. A minimal looking grey and pink design that comes packaged with an Ajax powered PHP contact form. Info & Download | Demo A beautiful clean two column design that would be perfect for a blog. Info & Download 3. A grunge styled website that is suitable for a portfolio or a blog. Info & Download | Demo 4. Comunidad de diseño web y desarrollo en internet, Cristalab v4. Como hacer un formulario de contacto III: Validar y enviar con PHP. Actualización: Acabo de publicar un tutorial para usuarios avanzados de como hacer un formulario de contacto similar a este, capaz de enviar mensaje sin recargar la pagina usando AJAX, todo en un solo tutorial.

Como hacer un formulario de contacto III: Validar y enviar con PHP

En este tutorial veremos como validar nuestro formulario del lado del servidor con PHP, ademas hacer que se envie el mensaje a una dirección de correo electrónico que le definamos. Antes de empezar Importante: en este tutorial vamos a trabajar con el metodo de envio POST, si no conoces este tema te recomendaria que le eches un ojo a este tutorial antes de seguir. Ya que vamos a trabajar con PHP, es necesario que tengas instalado en tu sistema un servidor local que soporte PHP. Luego tenemos que cambiar la extension del archivo index.html a index.php: Te recomendaria tambien que desactives el Javascript del explorador en el que estes probando el formulario, para que te puedas asegurar que la validación del lado del servidor esta funcionando.

Validación Envio Código final: index.php.