background preloader

Web Design Tools & Inspiration

Facebook Twitter

"Stop The Violence" Bone Art by Francois Robert. 32 Pixel Perfect UI Element PSDs. In this post we have collected some pixel perfect UI element PSDs. If you like these resources you might also want to check out our previous posts below. 50 Free High Quality PSDs 33 Useful Photoshop PSD Freebies for the Web Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Mockup (PSD) Vertical Navigation Menu (PSD) Music Player Skin (PSD) Free PSD Yellow Web UI Elements Kit Mini player Free User Interface Elements Pack The Ultimate Wireframe UI Kit Glossy 3D UI Kit Got Wood?

iPhone app retina Audio player Minimalist Dark Psd Web UI Set Dark Grey iTunes UI Blaubarry UI Kit Vector UI Kit Checkboxes White blue web,ui elements pac Blue Elegant Ui ELEMENTS .PSD Files Free Classic Grey Web UI. 40 Beautiful Web Page Templates in Photoshop PSD. Thanks to all the help and references like Photoshop tutorials, icons, graphics and other design elements we can scoop from the Internet, designing websites has changed quite significantly over the pass few years.

With the help of all these resources, designing a website can’t be too hard and the layout can’t go too wrong. Today, we want to show you that now only your website can’t go too wrong, it can be eye-catching, even if you a novice Photoshop user. Here’s a list of 40 beautiful and professionally looking web layout in Photoshop PSD file. Hope this cuts your journey to your ideal websites, to a nearer distance. Here are more Photoshop and template related post we’ve published: Polo360 Download Professional Business Download 6R Wooden Portfolio Download Appswizards Download Bizsolutions Download ShopStar Download Box & Cube Download Celeste Download Corporatix Download Crisp Presentation Download Complexity Download Business Company Download Creative Studio Download Design Tree Download. 20+ Free and Premium Video Players for Website and Blog. Nowadays it is very common to insert videos and audio streaming into different websites and blogs. It is a known factor that the media on various blogs and websites are going to stay for long and for getting the right kind of experience and to provide better quality of service, we are always in search of the best tools.

Other than the quality of experience given to the readers, there is also another factor for placing these video clips. They are to increase the sales and for signing up their products. These video players have various functions and you can build your own juke box on your sites. Video bloggers will know find it easy to incorporate videos from hosts like Youtube, Metacafe, Vimeo and many more. There are some funky video themes to put your site at the topmost position. Free Video Players Flowplayer – Flash Video Player for the Web Video LightBox JS JW Player Free flash flv/mp4 player SublimeVideo – HTML5 Video Player Premium Video Players Vplayer – Video player with Gallery. 15 superb websites with video backgrounds | Web design. Designing a website doesn’t mean you have to create a static experience - it's not print. With the rise of HTML5 it’s become easier to add things like animation to create a richer user experience.

These visual flourishes can often work to create a more interesting, immersive and remarkable experience if done properly. The same is also true of video, which HTML5 makes much easier to implement in a way that’s accessible. Some sites are making the most of large, browser-sized videos by using them as the background for their web page, which allows them to change the visual experience in new and creative ways. Some sites are using large background videos to subtly change the mood and atmosphere, while others are demonstrating their product in action or using it to tell a story that wouldn’t have been as easy or perhaps as fun as with a regular, static page. 01. mediaBOOM mediaBOOM is an interactive advertising agency that's taken a unique approach to creating its branding. 02. 03. 04. 05. 06.

Webexpedition18 | Web and Graphic Design Inspiration and Photoshop Tutorials. 22 Wonderful Google Blogger Templates for Free Download at DzineBlog. Learn how to earn $125 or more per hour as a freelancer - Click Here Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off If you are a fan of Google chances are good you’ve played around with Blogger. Hell, you may even run a few popular blogs through their network. Each template can be found at an external source and downloaded completely free! Color Paper WordPress Admin Theme WP Fun Blogger Template Notepad Chaos Ads Theme Summer Love Blogging Pro Blogger Andreas02 iWork Blogger Template Simpress Magicblog Blogger Template iPhone5 SimpleMarket iPhone App Brand New Day Captions FastCars 2 TechPad Homesale Strade Happy Kids SeoGuru Blogger About Jake Rocheleau.

Lettering.js - A jQuery plugin for radical web typography. 40+ high-quality (and free) icon sets. Cat DJ. 40 website designs with unusual navigation. Hands down, navigation is the most crucial part of a website’s design. Without a thoughtful navigation, users won’t be able to find their way around. In fact, they’ll just leave. That being said, there’s no reason to limit your navigation to a boring bar across the top of the page. You can still be creative while being functional.

Noupe compiled a great list of forty websites that feature unique navigation. See a few of them below: All forty at Noupe. Lots more web design resources. Cheese & Burger Society. 35 Beautifully Designed Websites With Eye-Catching Photo Backgrounds. Advertisement Web design is taking a plunge into photography and digital arts. Making large photos as a background is getting trendy. Hence, putting up a catchy photo never misses to attract the audience attention. Upon researching this article, the surprising thing was that this type of background does not seem to have any limitations; it is equally suited to ecommerce sites, restaurant sites, web design agencies. Basically all types of web sites, as you will see from the collection below. You would like this too : Photography Inspiration, about me Design, Masonry jQuery Web Design, Thumbnail in Web Design, Classic Web Designs, CSS Web Design, illustration Web Design Alexarts Campanino Golf Club Bently Reserve Medis BokicaBo Yurbuds Scotcj & Soda Psyrup Afgn Manufacture d’Essai My kid took these Cat Rabbit Pole Golfowe Racket Creative People Gavin Castleton Thomas Blur ZOEtee’s Werkstette Adham Dannaway Brook Pifer Poppies Urban originals Werkstette Phillip Toledano – Days with My Father David Mullett Hello there.

Devices Everywhere: Smartphones and Tablets and Consoles. 30 Photoshop Tutorials For Creating Nice Portfolio Layouts | Pixel Curse | Visual inspiration for creative professional. 15 CSS Tricks That Must be Learned. As web designers and developers, we have all come to learn many css tricks and techniques that help us achieve our layout goals. The list of these techniques is an ever expanding one, however, there are certain tricks that are essential to achieve your goal.

Today, we will review 20 excellent css techniques to keep in mind when developing your theme. 1. Absolute positioning inside a relative positioned element. Putting an absolutely positioned element inside a relatively positioned element will result in the position being calculated on its nearest positioned ancestor. This is an excellent technique for getting an element to “stick” in a certain spot where you need it, for instance, a header badge. Read more about positioning: 2. Z-index can be somewhat of a mystery to developers. Read more about z-index: 3. Using margin auto in a theme is a fantastic way to get an element centered on the screen without worrying about the users screen size. Read more about margin auto: 4. 5. 6. 7. 8. 9. 10. FontFont Website Relaunches. FSI FontShop International launched a new FontFont website, the online home for the largest library of contemporary type designs. The new FontFont is a complete reconstruction of the digital foundry's website.

Everything is new and enhanced, from the visual design and navigation to the search functionality and shopping experience. But the most radical improvement is in the presentation of the fonts themselves. "At the start of the project we wrote down three goals: easy-to-use, clean, and fast," said Ivo Gabrowitsch, Project Lead and FSI Marketing Director.

Indeed, the typefaces are now the clear focus of the website. Despite the power and flexibility of the site, simplicity is key. The new FontFont was developed by FontShop co-founder and world-renowned typographer Erik Spiekermann, along with his team at Edenspiekermann. "This is more than a new site. Showcase of Textured Web Designs - Noupe Design Blog. Feb 28 2011 So after we’ve featured some texture packs to spice up your designs, we’d like to show you what’s actually possible with these various, attractive textures. They do not only add depth and dimension into your Web designs but also embody your creative approach towards website designing. Although textures can be subtle and are most often overlooked, they can play a vital role in the effectiveness of your Web design. In today’s post, we present to you some very impressive texture-based websites for your inspiration.

We hope that this post will inspire you to add some texture into your designs as well! Beautiful Texture in Web Design Carlos – Partez Sur La Piste The darker textured background of this Web design ultimately fades into a solid background at the middle of the page. Team Fannypack A newspaper-styled website design that uses some cool typography and graphics. Five Cent Stand A simple and minimal website design that principally leans on its typography and cool graphics. 32 Creative Website Designs For Design Inspiration. Today, in this article we showcase our hand-picked collection of 32 creative website designs for design inspiration from well known and popular CSS galleries like CSS Mania , The Design Inspiration , Design Bombs , Awwwards , Best Web Gallery and SiteInspire . These designs include blog, portfolio and software websites created by professional web designers and web developers.

If you find anything useful for yourself and want to share it to web design community do send us details and website links via our contact form or drop links in comments. [adsense] Other posts that may strike your fancy: The Best Web Designs of 2011 So Far. It is every web designer’s dream to have their site recognized as one of the best web designs on the internet. With a new website going live seemingly every second, there is a lot of competition to get a site to stand out from the crowd, so designers work extra hard to create a functional, usable site with a beautiful user interface. Here are our selections for some of the best web designs of 2011 so far. As we continue throughout the year, we’ll be posting selections of some of the best web design around the net, so you can see the trends, styles and movements within the design community. If you’re looking for even more web design inspiration, check out these posts: Enjoy! Sasquatch Festival RecBeat Le Record Du Monde Impala Web Studio Humaan Demodern Robert Camerino Gauged2 Matchball The Greenaway Pro Rickard Sund David Hellmann Yuna Kim Brave Nu Digital Push Netzbewegung Vonnda Moovents Biola Undergrad Pointless Corp Image the Music Fixel Nike Skateboarding BlueCadet The Anne Frank Timeline Moods of Norway.

Transparency in Web Design, Inspiration Showcase. As you have probably noticed, transparency is a pretty common trend in web design and I myself think it looks pretty stylish. It adds up character and individuality to a design, even if it adds up in popularity between web designers. You can play with the opacity on the menu or different other elements from you design and make it as transparent as you think it look best of all. You can play with tones and lighting of the transparent elements in your design and get the wanted effect. It really reminds me of the interface of Windows 7, and I can say that its design is my favorite so far. There are several methods that you can achieve this effect and it is not complicated at all, you just have to find the perfect combination and a way to integrate it with your design. This post will showcase some pretty cool examples of transparency in web design.

The Photo Argus Nick Hand Second Story 24 Ways Gavin Castleton Oliver Kavanagh Squarespace Go Media World in My Lens BenSky Delicious CSS Mint Russ Kirby 2am. 18 New Useful Frameworks for Web and Mobile App Developers. Thanks to the evolution in all the aspects of humanity, today web developers don’t have to waste their time on figuring out how and what to do in order to design a website.

It all has already been created and all you have to do is have the right attitude and the dose of imagination. Frameworks and libraries help web developers focus on creating what they have in mind. It might not come easily at first, but with some reading and practicing you can get it done. These frameworks I am talking about can help you create the right applications for example, whether we are talking about desktop applications or mobile apps.

This article will help you out with information about what frameworks you can use in order to develop desktop and mobile applications. iWebKit jQuery Mobile Sencha Touch Wijmo – jQuery UI Widgets The-M-Project – HTML5 Javascript Framework Treesaver.js – Framework for Creating Magazine-Style Layouts jQuery Form Framework – jFormer Not Just A Grid – Flexible and Modular CSS Framework. Examples of jQuery Sliders in Web Design, Plugins and Tutorials. Today, website developers choose to work with javascript and its very useful frameworks – like jQuery, mototools and others. This stuff will help your website look more dynamic, plus it helps you organize your pages so that you will have enough space for enough graphics and content at the same time.

When talking about web design elements, one of the trendiest and frequently used element is the slider. If you use it wisely and correctly, it will definitely help you save up space on your website, so that other stuff you want to showcase will still be there, without it looking too crowded. The other good thing about the slider is that the user can search for information on one page, without having to navigate someplace else by clicking certain images or graphics.

There are tons of stuff you can include in a slider – images, videos, text and other useful content. Examples of jQuery Sliders in Web Design jQuery Sliders Plugins and Tutorials Create Beautiful jQuery slider tutorial Moving Boxes. Free jQuery Slider Plugin - jQuery Slideshow | SlideDeck.