background preloader

Templates HTML et +

Facebook Twitter

Material Design for Bootstrap. Material Design for Bootstrap. Script. Multi Page Form (Pure CSS) Best Online Tool to Convert RGB Color To HSV Color. 50+ incredible freebies for web designers, March 2015. The Web is packed with some of the most amazing, inspiring, and downright cool projects that you’ll ever see.

50+ incredible freebies for web designers, March 2015

And thanks to the fantastic web design community, many of them are completely free. Today we’re continuing our monthly roundup of the best resources for web designers. We’ve got fresh fonts, plugins, templates, tools, and all sorts of goodies for your delight. Enjoy! 50+ CSS Button Designs A large collection of buttons created with CSS for you to integrate into your development, making use of the provided source code.

Wood Vector Pattern A customizable pattern to give your design elements a bit more realism and detail. Samsung Galaxy Note Mockups A nice trio of Galaxy Note mockups you can use in presentations or for design purposes. Moto 360 Watch Sketch Resource A well-layered set with the Moto 360 Watch as the main protagonist. Flat Vector Devices Pack An awesome collection of devices to use for mockups and development. Freebie: Kitchen Icon Set Lynny Vector Icons Flat Medical Icon Set. Hero Slideshow. Product Preview Slider. Css Archives. PHP Contact Form Tutorial. In this article, we will make a contact form for your website.

PHP Contact Form Tutorial

The contact form contains only the necessary fields required in most contact forms. The contact form needs to have two parts: the client side ‘front end’ of the form and the server side ‘back end’ of the form. The client side of the form is coded in HTML (actually, XHTML 1.0 strict to be exact) plus some style (CSS) and JavaScript. Download the code Download the contact form code here. Contact form with File Upload. Contact form that emails based on a condition The form submission is sent conditionally to an address based on the selection in ‘Query Type’.Try the Demo | Download The HTML code of the form Here is the HTML front-end of the form. This is a simplified version of the contact form code. The ‘label’ tag describes the input element to the user. Each of the input element has a ‘name’ and an ‘id’ attribute. The fieldset tag is used to group the elements together. Input Validations. [Tuto] Faire un formulaire de contact simple.

40 Cool CSS Animation Examples. Most modern browsers are now supporting CSS animations.

40 Cool CSS Animation Examples

Yes, CSS are now allowing you to create some simple animations, without the help of a client-side programming language such as JavaScript. This post is aimed at a front-end web developers looking for inspiration when it comes to web animations. Gif Style CSS3 Animation By Jascha Goltermann Pure CSS One Div Weather Animated Icons By Fabrizio Bianchi Solar System animation – Pure CSS By Malik Dellidj Gif animation + CSS animation + Blend modes By yoksel Indatus CSS Animation By Patrick Hill Material Design Hamburger By Chris Wheatley Stats animation By Jonas Badalic CSS+SVG Pacman By buschidos Cubes CSS3 Animation By Nate Wiley Delightful Checkbox Animation By Dylan Raga Confirm button By Hakim El Hattab Star Wars Toggle Icon Animation By Rıza Selçuk Saydam. 26 Free jQuery CSS3 Navigation Menu Plugins -

Navigation is one of the most important element of a website design.

26 Free jQuery CSS3 Navigation Menu Plugins -

Building a professional website menu is essential to give your visitors a good user experience. Navigation menu organize the main categories of the website so that the users can easily find what they are looking for. In this compilation we have collected 26 Free jQuery CSS3 Navigation Menu Plugins to give your website a unique and professional menu. These plugins include some of the most amazing vertical push / slide navigation menus as they are very popular these days. Go ahead and have a look. Full-Screen Pushing NavigationView Demo A full page menu, that replaces the current content by pushing it off the screen.

Bouncy NavigationView Demo CSS animations and a pinch of jQuery to animate navigation items, and let them bounce in and out the screen. MenuItems Dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets. Shifter jQuery Plugin. Material Design Color Palette Generator - Material Palette. TEMPLATED - CSS, HTML5 and Responsive Site Templates. HTML5 UP! Responsive HTML5 and CSS3 Site Templates. Pure CSS Bars - Coding.