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

There is literally no easier way to make your website look totally stunning. The jQuery plugin is completely free and open source receiving more than 3,000,000 downloads since launching in 2010. 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. Powerful & Simple Slider Creation The Nivo Slider WordPress plugin makes it super easy to create and manage multiple sliders on your WordPress sites. Multiple Slider Types Automatic Image Cropping The Nivo Slider WordPress plugin can automatically crop and resize your images to a size you specify, so you don’t have to worry about doing it manually yourself. Slider Themes Small, Semantic & Responsive Free to Use & Abuse Media Manager Plus Integration. 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. 7. 8. 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. Info & Download | Demo. 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.