WebDesign
Get flash to fully experience Pearltrees
Top 10 CSS 3 forms tutorials
HTML5 introduced useful new form elements as such as sliders, numeric spinners and date pickers. This tutorial will show you how to create a form with HTML5, and make it look really cool with CSS3. A great way to get started in both CSS3 and HTML5. This tutorial is in French, but the result looks so good that I simply shouldn’t include it on that list.
50 Showcase of Beautiful and Trendy Contact Forms
Contact forms have evolved a lot since the days of simple bland html forms. This holds especially true for portfolio websites and design agencies. Every now and then, you use a contact form. Maybe to contact your hosting provider, or to contact a designer, it really doesn’t matters. But what matters most is the design, the style of that contact form.Create Your Own @font-face Kits
Usage: Click the "Add Fonts" button, check the agreement and download your fonts. If you need more fine-grain control, choose the Expert option. EOT compressed with LZ compression. File sizes are often smaller than WOFF. Special thanks to Richard Fink and Philip Taylor for creating the excellent EOTFast app.
in toolset iwantaneff.in toolset effin tools mothereffin toolset
Frontend Links is a collection of links related to web development, curated, and handpicked by the watchful eye of David Higgins. The links, are in no particular order, apart from being loosely categorized. The author does not expect you to digest all these links at once. However, feel free to have a good perusal.Web Swipe Files
Taking advantage of the new capabilities of HTML5 and CSS3 can mean sacrificing control over the experience in older browsers. Modernizr 2 is your starting point for making the best websites and applications that work exactly right no matter what browser or device your visitors use. Thanks to the new Media Query tests and built-in YepNope.js micro-library as Modernizr.load() , you can now combine feature detection with media queries and conditional resource loading. That gives you the power and flexibility to optimize for every circumstance.
Modernizr
MIX Online
Two months ago, we announced the second 10K Apart contest — The Responsive Edition — in partnership with our friends at An Event Apart. Today, after much deliberating, we are proud to announce the very deserving, incredibly inspiring, and mind-numbingly clever winners. Check them out on the 10K site.
In a nutshell, the JavaScript looks for every form element with class="styled" on it; hides the real form element; sticks a span tag with a CSS class on it next to the element; and, finally, mouse events are added to the span that handles the visual stages form inputs go through when they are clicked. To get the checkboxes, radio buttons and select boxes to work properly, you'll need to change three variables in the script: checkboxHeight, radioHeight and selectWidth on lines 21-23. If you use the images I created, you won't have to change the variables, but if you make your own, chances are you'll have to. The checkboxes and radio buttons to the right are linked to transparent PNG images for you to use freely if you'd like. The first two variables are the height of a single stage of the checkbox and radio button, and the third is the width of the select box.
Styling Checkboxes and Radio Buttons With CSS and JavaScript
Call to action in web design — and in user experience (UX) in particular — is a term used for elements in a web page that solicit an action from the user. The most popular manifestation of call to action in web interfaces comes in the form of clickable buttons that when clicked, perform an action (e.g. "Buy this now!")
Call to Action Buttons: Examples and Best Practices - Smashing Magazine
I’ve always found it interesting reading the design process of others ( David Airey , Contrast , Brian Hoff ). It’s good to have an insight into others work, to see if I can learn anything from their process but also for curiosity. So I’ve put together a break down of my design process, using a recent project as a real life example, Newsgroup Direct . Overview I was recently hired by Newsgroup Direct (NGD), a leading Usenet newsgroup service provider , to revamp their website, make it more modern and improve signups. The first thing that happens when I get an enquiry is I send the potential client a website planner .
The Web Design Process Start to Finish | Lee Munroe
Almost every Web designer can attest that much of their work is repetitive. We find ourselves completing the same tasks, even if slightly modified, over and over for every Web project. Following a detailed website design and development process can speed up your work and help your client understand your role in the project. This article tries to show how developing a process for Web design can organize a developer’s thoughts, speed up a project’s timeline and prepare a freelance business for growth. First of all, what exactly is a ‘process’? A Web development process is a documented outline of the steps needed to be taken from start to finish in order to complete a typical Web design project.
Following A Web Design Process - Smashing Magazine
Real estate is a valuable and often expensive purchase. Copious research is done by home buyers before venturing out to acquire real estate. In this day and age, gathering information about a property is typically done online, and an effective and captivating website design can make or break a home sale. In this showcase, we’ll explore some great designs of real estate websites. We’ll also discuss some commonalities between them to tease out current trends in real estate websites. Property realtors want to convey the message that they’re reliable and well-established.
30 Beautiful Real Estate Websites - Smashing Magazine
Showcase of Sketches and Doodles in Web Design | Vandelay Design Blog
Published in Galleries Using a hand-drawn style of design is one way to create an interesting web design that visitors will remember. There are a lot of different approaches to using doodles and sketches, and in this post we’ll showcase examples for your own inspiration. Some designers use hand-drawn elements like arrows and lines, while others use the hand-drawn style on text or even the background of the website.Stock Photos
After Effects Projects and Loops - VideoHive
Adobe®, Flash®, Flex®, Fireworks®, Photoshop®, Illustrator®, InDesign® and After Effects® are registered trademarks of Adobe Systems Incorporated.INSPIRATION: Dribbble - What are you working on?
Another Shoe Icon Here is another shoe to your сollection. Sorry for a lot of shoes, but we think that it can not be enough if they are good, no? :-) about 13 hours ago Artua ProE-commerce
Themes