background preloader

60 Minimal and Super Clean Web Designs to Inspire You

1651 shares 25 Fresh Examples of Minimalist Web Designs I believe that we can agree that minimal and clean websites are the new black. Every day people seem to be embracing more and more the idea of less is more. So we decided to gather a new list of minimal and clean websites to show you how designers are showcasing minimalism on websites. Read More 1456 shares 35 New Clean & Minimalist Websites to Inspire You As we know that there is always something new to see surrounding this theme, we decided to start 2011 with a list of clean and minimal websites to inspire you, cause we believe that this is the perfect match to start a new year.

Providing supplementary information about potentially complex elements of a user interface is a central part of any website designer or developer’s workflow in creating usable and accessible websites. One of the most common mechanisms for providing extra details beyond what you can see on the page is the tooltip (a design pattern for showing tips about a particular element on a screen). While many innovative solutions exist using CSS and JavaScript (with and without JavaScript frameworks like jQuery), it’s sometimes useful to look towards new technologies to examine the impact they may have on our current techniques. Thus, we’re going to look at how using the evolving CSS standard can enhance some lovely cross-browser tooltips. Demonstration of the Sexy Tooltips Check out the demo page of the pure CSS tooltip we’ll be creating. Live demo Download the Sexy Tootips Source Files If you’d like the source code to use and follow along, download it below. css-tooltips (ZIP, 18.8 KB) CSS3 Extras <!

Square One, Web Design, Graphic Design Agency : Cheltenham Gloucestershire 15 jQuery Plugins To Create A User Friendly Tooltip Tooltip is a good way to show extra information when user hovers the cursor over an element. The “hover box” will appear when the mouse hover in, and disappear when the mouse hover out. If the tooltip is being used appropriately, it can improve our site’s user friendly level, and also save us a lot of spaces. 1. qTip qTip is an advance tooltip plugin which provides tonnes of features like rounded corners and speech bubble tips. 2. jQuery Tools/Tooltips This tooltip plugin can contains any HTML element such as links, table, forms, and images. 3. Simpletip allows you to create tooltips with ease on any element on the page using the power of jQuery’s selectors and event management. 4. jQuery (mb)Tooltip jQuery (mb)Tooltip is a beautiful alternative tooltip which is depended on jQuery timers and dropshadow plugins. 5. It is flexible enough to customize the look and feel without requiring the bloat of any CSS or images. 6. jQuery Input Floating Hint Box 7. 8. 9. 10. clueTip 11. jTip 12. 13. 14.

Best Green Web Designs and Green Blog Designs Update (17/10/09): We’re now up to 28 awesome green web designs, thanks to all your comments! Today is the 3rd Blog Action Day, meaning that you’ll be bombarded by articles from all over the internet on helping our environment. We took part in the first two, and of course we’ll be taking part in the bombardment today as well. Keeping in line with our regular topic, we’ve pulled together a collection of the best designed “green” blogs and websites out there. As web and graphic designers, one of the easiest ways we can help out a green organization is to help out with their site’s design. There are a lot of big environmental websites out there with great information which could do with a facelift! Hopefully the sites below will inspire you with what you can come up with for a “green” website, whether it’s green or not! Inhabitat – One of the nicest green color palettes in this list. Planet Green – With a pretty brave logo! Pando.org – No green to be found, which is a nice change!

60+ Must Have jQuery Toolbox | tripwire magazine When developing Web Applications one of the most challenging tasks is to make the solution cross-browser compliant. It’s been this was since the early days of www and it is not likely to change in the near future. Client side scripting is very important for creating interactive functionality and dynamic effects on web pages but Javascript is executed in the client browser and this means they are directly affected by the differences in web browsers. Fortunately some of highly skilled developers have dedicated their precious time and passion to create frameworks that encapsulate most of the browser related difficulties and in many ways makes difficult parts of client side scripting fun and not a nightmare. Advertisement A Javascript framework, jQuery Common to most of the Javascript frameworks available is that they dramatically reduce the amount of code that needs to be written compared to pure Javascript. Lets take a look at JQuery With their own words: Main features of jQuery Animation

15 Must-Have Minimalist Icon Sets A few months ago we posted a collection of icon sets for minimal style web design. It was quite the challenge finding high-quality icons of this style, but I was able to find some gems and the effort was greatly appreciated by our readers. Since several months have passed, I decided to scour the internet again for new sets and ones I may have missed the last go around. You’ll be pleased to see that I was able to find 15 Must Have Minimalist Icons Sets. These icons are perfect for designs that are focused on content and typography. Default Icon Goo-EE Icon Set bwpx.icns Munich Sanscons Wireframe Toolbar Icons Eclipse 2 Dortmund UIDesign Icons Symbol Signs Mnml Icon Set Only2 Icons (92 icons in set) Devine Icons 2 Devine Icons About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 441 shares 9 Free Icon Sets to Diversify your Library Every designer needs to be ready to go wherever their projects take them. Read More 464 shares

14 Helpful Cheat Sheets for Front-end Web Development For web developers and designers, it can be difficult to memorize the syntax for multiple programming languages and frameworks, especially since they are always evolving and growing. This is where cheat sheets come in handy. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as quick reference cards. Here is a collection of useful cheat sheets specifically for front end web development that will help you with HTML, JavaScript, and CSS. HTML 5 Cheat Sheet HTML 5 Visual Cheat Sheet (X)HTML Elements and Attributes HTML Cheat Sheet HTML5 Canvas Cheat Sheet CSS Level 2 Visual Cheat Sheet CSS 3 Cheat Sheet CSS Cheat Sheet (V2) CSS Cheat Sheet JavaScript jQuery 1.4 API Cheat Sheet jQuery 1.4 Cheat Sheet jQuery 1.4 Cheat Sheet mootools 1.2 cheat sheet JavaScript Cheat Sheet About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 1139 shares 20 Fresh CSS3 Tutorials Read More 559 shares

A Showcase of Fresh Logo Designs to Inspire You In past articles, we’ve shown you beautiful logos for inspiration and tutorials on designing logos. Since we believe you can’t have too much design inspiration, here is another set of awesome logo designs to spark your creativity. About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust. Related Posts 428 shares Colorful Logos for Your Inspiration We’ve rounded up some examples of logo designs that make excellent use of color. Read More shares 30 Free Vintage Logo Templates Looking for some high quality vintage logos or insignias?

40 Beautiful Examples of Minimalism in Web Design Minimalism is a design style that emphasizes simplicity and the removal of superfluous elements in one’s own work. It’s applied in art, architecture, print work, and in web design. There is something extraordinary about making something magnificent with limited resources, and in this showcase, you’ll find the work of talented designers that exhibit exemplary use of Minimalism theories applied to web design. 1. Typographica 2. 3. 4. 6. 7. 8. monty lounge industries 9. 10. 11. el Candor 12. 13. design by silnt 14. 15. 17. 18. 19. 20. cabedge.com 21. 22. siteInspire 23. 24. 25. 26. 27. 29. dConstruct 30. 31. 32. 34. 36. 37. tictoc 38. 39. 40. What do you think at Minimalism? Minimalism in web design is something that can be tricky to pull off (ironic isn’t it?). Related content

40 Professional and Detailed Web Layout PSD Templates :Speckyboy Design Magazine It has become increasingly difficult to to find and to freely download high quality and creative PSD web templates, with more and more of the best resources opting for the premium membership route. And rightly so, every designer should get paid for there hard design work. Having said that, you just can’t beat a good high quality freebie… And that is exactly what we have done for this post, collected 40 Professional and Detailed Web Layout PSD Templates. Please note that there are now only 36 PSD templates, 4 resources have been removed for breaching copyright. 40 Professional and Detailed Web Layout PSD Templates

70 Typographic, Clean And Minimalist Color Scheme Web Designs Hello there! It’s time for little inspiration and this time I wanted to showcase something different. You may know that very popular designer slogan – “More is Less”, and yes it’s often so true – unexperienced people tend to overcrowd, use too much colors in their designs. I just love these designs – they are very light, clean and usually uses only monochrome color scheme and just one or two bright colors for links or headers. You may also notice for such designs it’s more about grid, harmonic distribution through whole page and very silent, elegant accents. It’s not about many colorful photos,images or icons, crazy backgrounds or experimentation. 1. One of the best clean, light and elegant websites I came across in this research. 2. 3. 4. 5. Very clean, yet professional web design. 6 .Made By On 7. Hot Meteor specializes in web, print, and branding. 8. Excellent accents leading your eye through whole page in the way author wants it. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 21. 22. 23.

10 Free Online Books for Web Designers There’s a never ending supply of information out there for us web designers. If there’s something we need to learn, we can find it in one form or another. Sometimes it may be on a blog or it could be in a book. While you may have to shell our some money for a good web design book, there are a number of them out that have online versions that are totally free. Here are 10 you should find very useful. A Practical Guide to Designing for the Web A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the principles of graphic design. Getting Real Getting Real is the business, design, programming, and marketing philosophies of 37signals — a developer of web-based software used by over 1 million people and businesses in 70 countries. The Elements of Typographic Style Applied to the Web jQuery Fundamentals Web Style Guide, 3rd Edition Access by Design Web Designer’s Success Guide The Web Book Dive Into HTML 5

Related: