background preloader


Facebook Twitter

Fixed Background Scrolling Layout. A fixed background image scrolling layout with 100% height panels and smooth scrolling.

Fixed Background Scrolling Layout

View demo Download source A simple scrolling layout with fixed background images using background-attachment: fixed and a navigation. The page will scroll smoothly to the selected section. The HTML. ScrollMe - For simple scrolling effects. Hover Effect Ideas. Useful resources and inspiration for creative minds. How to create an email form that can send email using html. Free, simple, PHP based email contact form. This page presents the sample code for a simple ‘contact us’ form.

Free, simple, PHP based email contact form

The form collects a few pieces of information ( email, name and a message ) from your visitor and emails it to you. Note: You can make contact forms quickly with Simfatic Forms. Simfatic Forms helps you to make complete, feature rich forms and get it online quickly. Read more here. How to create a contact form in HTML - Template Monster Help. This tutorial will teach you how to create a very simple contact form for HTML based website template.

How to create a contact form in HTML - Template Monster Help

First of all create 2 files: contact_form.html and contact.php. The first file will contain HTML code for the form and the second -will process the data from the form Below is the HTML code of the contact form And this is how it will look in the browser Let’s have a quick look at some main aspects of it. Action=”contact.php” – this attribute specifies where to send the data from the contact form fields, when it has been submitted method=”post” – this attribute specifies how to send data from the form to the file specified in the action attribute.

26 Free Responsive jQuery Image Sliders. If you are interested in adding top class jQuery image sliders on your new or well established website then here you will find the right slider plugins which will assist you to do that properly.

26 Free Responsive jQuery Image Sliders

Enough though jQuery has simplified the way JavaScript used to work on the browser we are still in need of image sliders to speed up the daily web design and development work. We can modify some of these plugins to make a new slider which is much more efficient for your website. Either ways you will need only add some captions, images and take notes of some transition effects that comes with the slider to get started straight away. Responsive gallery. CSS: Float right and position absolute doesn't work together. Gamma Gallery - A Responsive Image Gallery Experiment. Assemblage Becoming Sky high Life Beleaguer Chatoyant Denouement Desuetude Diaphanous Desuetude Languor Inglenook Forbearance Penumbra Mondegreen Plethora Onomatopoeia Wafture Cynosure Epiphany Felicity Serenity Furtive Glamour Inure Labyrinthine Lagoon Desire Leisure Softness Moiety Nemesis Panacea Scintilla Example for loading more items...

Gamma Gallery - A Responsive Image Gallery Experiment

HTML5 Doctor, helping you implement HTML5 today. Superslides - A fullscreen slider for jQuery. Cool responsive image slider with thumbnail carousel. Cool responsive image slider with thumbnail carousel. Supersize that Background, Please! With an advertising world keen to use every inch of a medium for brand or product experience, it is becoming increasingly popular to design websites with full-browser backgrounds.

Supersize that Background, Please!

Using CSS, this can be achieved quite easily. Just drop a huge background image in a page with one line of code (Line wraps marked » —Ed. . ): Full Screen Background Image - Pure CSS Code. This is a simple tutorial that teaches you how to create a full screen background image for any sized screen or browser window using pure css code.

Full Screen Background Image - Pure CSS Code

This method is cross-browser compatible and doesn't require any javascript or flash. View the Demo <body> <img alt="full screen background image" src="/background.jpg" id="full-screen-background-image" /> <div id="wrapper"> <p>Content goes here... </p> </div></body> Resources. Perfect Full Page Background Image.

Learn Development at Frontend Masters This post was originally published on August 21, 2009 and is now updated as it has been entirely revised.

Perfect Full Page Background Image

Both original methods are removed and now replaced by four new methods. The goal here is a background image on a website that covers the entire browser window at all times. Let’s put some specifics on it: Jquery - Fixed Header and Footer with auto height for slider in middle. Free HTML5 & CSS3 Templates & Wordpress Themes. 25 Incredibly Useful CSS Snippets for Developers. How to Code HTML Email Newsletters. This article was first published in 2006, then re-edited in 2011 — and now it’s been re-re-edited in 2015.

How to Code HTML Email Newsletters

HTML email newsletters have come a long way since this article was first published back in 2006. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and measure reader interest in products and topics; readers are presented with information that’s laid out like a web page, in a way that’s more visually appealing, and much easier to scan and navigate, than plain text email.

Coding an HTML email is a fun, practical problem for programmers to solve. Unlike coding a web page, HTML emails need to display well on old email software — think Outlook or Mac Mail, as well as adapt to phone and tablet screens. HTML Email Fundamentals Use HTML tables to control the design layout and some presentation. Step 1: Use HTML Tables for Layout That’s right: tables are back, big time! Summary.