background preloader

HTML/CSS

Facebook Twitter

Nivo Slider - The World's Most Popular jQuery & WordPress Image Slider. Beautiful transition effects Nivo Slider offers 16 transition effects ranging from slicing and sliding, to fading and folding, making your galleries interactive and fun.

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

No coding skills needed Create a beautiful experience when playing your gallery of images without any advanced coding. Include the image slider in your posts and pages using a simple shortcode. Automatic image cropping Nivo Slider crops and resizes images to a specified size, so you don’t have to do it manually for each image. Responsive and mobile ready The generated image sliders are completely responsive. Everyone loves Nivo! Time to make the best of your website’s’ image galleries. Pre-built slider themes You can choose the style of your sliders from the awesome pre-built themes.

Create sliders from categories or galleries Besides the classic image sliders, Nivo allows you to choose between Category and Gallery sliders. Post types support Create carousels Join 471,039 happy customers and get access to 30+ premium products. 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. 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. 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.