background preloader

Web design resources

Facebook Twitter

15 Photoshop Tutorials For Creating Website Layouts. STOCK PHOTOGRAPHY | FREE | LinkZoo.net | Links for Creatives from Creatives. Starter Makes. Line25 Web Design Blog. 5 Habits to Help You Complete Your Project in Record Time. Everybody wants to be more productive. Productivity translates to success, whether you’re a freelancer or an employee. Here are five powerful ways to make sure you’re getting the most out of your time. Even if increased productivity didn’t bring extra income, people would still want to be productive because there’s just a confidence-building, make-you-feel-great kind of charm about knowing you can work fast, be efficient and get the job done without rushing.

As time management will obviously be a huge part in this post, you may also be interested in 5 Simple Time Management Techniques for Freelance Designers. The first step, and the most important, is to plan out the details of your project before you start. The #1 rule of productivity is, ‘Be Organized’. We can’t remember everything, and I’m sure everybody has experienced one of those moments where your mind goes blank, leaving you thinking, “I’ve used this command a billion times.

Productivity isn’t just getting something done quickly. 12 Fresh and Free UI PSDs. It’s always good to have UI elements on hand when you need them. And it is even better when designers are kind enough to develop beautiful UI psd’s and give them away for free to other designers. Here at WDL we like to keep you updated with freebies that you can use on upcoming projects, so today we gathered 12 free UI psd’s to add to your library. Free Admin Template PSD Transparent Ui kit Settings Panel iPhone Music Player Pins app Clean & Usable UI Kit Notepad Template Mobile and Web UI Kit Ui Cream Style Visits Per Day Widget Minimize UI Kit Simple Light Navigation. Footers Design Gallery. Footers can be much more than an afterthought containing the fine print of a web site. With the right design they can reinforce brand awareness and drive user actions by providing site-wide access to useful secondary information, links and tools, such as contact information, email signup forms, social media buttons, and more.

These information-packed footers are often known as 'fat footers'. The best footers combine this utility of purpose with a visual design that rewards and possibly surprises visitors when the reach the bottom of the page. 1 2 3 4 5 6 7 8 Next » distilled fffunction Sony Cast Iron Design Company Bohemia Design Jenier World of Teas Infinvision Kari Jobe Magasin Onlineshop PRWeb The Daily Beast Krop Goodson Bros. Shirt Fight. 50 Beautiful Color Palettes for Your Next Web Project.

Choosing the right color scheme is essential to your website’s success. Your layout and other design choices — including font — should be developed in concert with your color scheme, which can ensure readability, cohesiveness, and beauty in the final product. Unfortunately, making that choice or creating a color palette from scratch can be quite the challenge. That’s why for today’s post I’ve put together a collection of 50 beautiful color palettes that are ready to use for your next web project. If you like these, check out another 24 palettes I’ve recently rounded up. Getting the Most Out of This Post Before diving into the color palettes I’ve collected, I want to mention a few tools that can help you get the most out of this post. Editor’s Note: Want to make your own palettes even better?

Remember that Photoshop will display certain colors far more vibrantly than they will look on the web when you use hex codes. That’s all. Pick Your Palette Bonus Resources! Graphics Design and Web Inspiration Resources - GraphicsBeam. Download free website templates from OpenDesigns.org. A Collection of Printable Sketch Templates and Sketch Books for Wireframing | geekchix.org. At the beginning of a web (or application) development project I always create the sketches first. While sketching can be done on a blank paper, it’s much better to use a sketch template. For me that is the best and most productive way to work on and improve my ideas before application development begins (and things get more complicated :-)). This way I won’t pay too much attention to some details that should be taken care of later, but stay focused on general layout and functionality.

Below you will find more than 20 resources that you can use in sketching phase of application development. If you have some additional resources to share, please leave a comment so I can add them to the list. And, of course, don’t forget to share your wireframes on I ♥ wireframes :-) Printable sketch templates for websites These are some pretty good, printable sketch templates for website design. Browser Sketch Pad (PDF) Browser Sketch Pad by Design Commission — see original source 960 grid template Graph paper. CSS Zen Garden: The Beauty in CSS Design. Inspiration. Web Design Inspirational Cocktail #86 inShare1 Nowadays, the development of new site designs is not standing on the same place. Web designers use various tools, their skills and when they get inspired they create a new masterpiece.

If you do not have new ideas or just want to look at the work of other authors, then you should certainly see our weekly selection of the best web site designs for inspiration. Here you’ll find some amazing, funny, creative and sometimes unusual designs. Read more… 50 Logos for Inspiration inShare7 As many of you know, a good and nicely done logo can speak for itself. 35 Inspiring Examples of White Space in Web Design inShare26 White space is the blank space, the empty space, between elements. 18 Creative Photoshop Text Effect Tutorials inShare2 Even a highly-experienced Adobe Photoshop user has something to learn because there are a lot useful tricks and techniques that can help to polish your skills.

Web Design Inspirational Cocktail #85 inShare0. CatsWhoCode.com. So, you’ve spent some time building your e-commerce brand. You’re making a handful of sales each month, but it’s not taking off the way you hoped it would. You do a little digging into your analytics and you learn people who spend 20 minutes on your site almost always buy something. But those who check out just one or two pages, well, they don’t stick around long enough to spend any money. What gives? Being faster and more efficient is the goal of all web designers and developers. According to Statista, the global mobile payment revenue is expected to reach over 1 trillion US dollars in 2019.

In the world of today, having a website is a must. Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code server-side. Since the Internet is around, affiliate marketing has always been one of the most efficient ways to make money online by promoting third-party products. Seamless Pattern Background Designs. 23 Oct 2013, 18:01 Hi, and thank you for sharing your wonderful pattern creator. I'm getting the hang of it, but there is one option that I cannot figure out how to use. I go to Pattern Cooler home and select a pattern that I want to edit (colors). I click the option to edit colors but the editor never comes up. It seems as though it gets stuck and never gets to the editor. nN 09 Sep 2013, 02:49 it´s amezing !!! 25 Aug 2013, 17:32 I have been looking all over the web for a program that does EXACTLY this. 08 Aug 2013, 11:55 Great GREat BREAT ! Is there any way to creat a pattern ?

Thanks a lot sousou! 25 Jul 2013, 00:14 I can't thank you enough for what you've done here. 17 Jun 2013, 09:23 Amazing app! I may (do) have a way to send you $$ on a regular basis. Thanks! Robert 14 Jun 2013, 13:50 Great job with this. 28 May 2013, 17:45 very nice. thank you. 23 Apr 2013, 18:49 I really love what you have done! 18 Apr 2013, 16:10 hello from Ukraine... thank you for this project! May Syed nice!! Designers | Free Website Builder. 15 sites web developers and designers should know. Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier.

In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. LIpsum Who doesn’t know the extremely popular Lorem Ipsum text? What the font? You just saw a logo or website using a particular font and you enjoyed it.

ConvertIcon Favicons are a must have for any website, mostly because on modern browsers as such as Firefox, it is displayed along with the site name in tabs. BgPatterns background Patterns is definitely one of the current webdesign trends. HTML Encoder Do you display code on your website? Test Everything Sprite Generator Load Impact IconFinder. 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.

Box Lessons. This is a Problem & Workaround Set for a series of CSS Boxes going from a simple single box, through 3 columns with a full width top box, all with variations. What this isn't, is a how-to for CSS layout. This is a how-to for dealing with the misinterpretations of our current browsers. If you're new to CSS, this is a better place to start. Enjoy. CAVEAT - a Warning and an Explanation Box Lessons was written way back in 2001. At that time, CSS was not used for positioning. This was bad because instead of using CSS, web designers misused table tags to achieve layout. So Jeffrey Zeldman and the WaSP came up with a very neat hack that allowed keen web designers to use CSS by bypassing Netscape 4. I figured the first thing that had to be done was a stable CSS version of the most popular web layout: main content in the middle, bordered by two side columns and a nice header box. This was surprisingly hard to do.

I was dead wrong. Meanwhile Box Lessons chugged along pretty much unmodified. 90 Beautiful, Useful and Free Icon Sets. Resources | July 7th, 2009 Following the previous 20 Gorgeous Icon Sets That You Have To Pay For, here is a massive list of my favourite icon sets that are available for free download. One can never have enough free icons Paid premium icons are usually gorgeous, but we can never say enough to a free and beautiful icon set, can we? There is a possibility that I spend too much time searching for the perfect icon, so I gathered all my links and made this list of my favourite icon sets to share with you. Beware that when using some of these icons you have to credit the designer somehow.

Also, some of these icons can only be used on non-commercial projects, so be sure to read the terms of use. General icons These icons sets have the usual suspects that we generally use for everyday projects: warning icons, delete icons, save icons, etc. 1. 2. 512 Pixel LED Icon Set 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. Desktop and Apps 16. 17. 18. 19. 20. uTorrent 21. 22. 23. 24. iConPack – Firefox, Adobe Suite. 15 Free Online Tools for Web Designers on a Budget. About two years ago when I became a full time freelance web designer, I made it a point to operate with little overhead. Even though I was confident I could make it as a freelancer, there was some fear that things might not go as planned.

Because of this, I didn’t go out and spend lots of money on equipment and expensive software. My focus was on being frugal and saving money where I could. One way I was able to do this was using free online tools or web apps to perform my everyday tasks as a web designer. Here are 15 free online tools that you will find very useful. Pixlr Pixlr is a powerful online image editing application. Google Analytics Google Analytics is probably the most popular free analytics tool available. Typetester The Typetester is an online application for comparison of the fonts for the screen. CSS Type Set CSS Type Set allows you to visually and interactively style text and it generates the CSS. net2ftp net2ftp gives you a fully featured ftp client within your browser.

Kuler. Color Palette Generator. CSS3 Menu -- Elegant Dark CSS3 Menu Template. Elegant Dark CSS3 Menu Template For troubleshooting, feature requests, and general help, contact Customer Support at . Make sure to include details on your browser, operating system, CSS3 Menu version, link to your page. E-mail: What's New CSS3 Menu v3.1 (Jul 3, 2012) Read more CSS3 Menu v2.3 (Feb 2, 2012) CSS3 Menu v2.2 (Dec 14, 2011) Features CSS3 Animation Menu , CSS3 Transition Menu , Mega Drop Down Menu , CSS Menu Examples , CSS3 Buttons Generator , CSS3 Menu Bar , Web Menu , HTML Drop Down Menu , CSS Drop Down Menu , Free Drop Down Menu Recent Templates See live..

See live.. See live.. See live.. See live.. See live.. See live.. See live.. See live demo.. See live demo.. See live demo.. See live demo.. See demo.. See demo.. See live demo.. css3 text inner shadow. Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Advertise here!

Creativity css: selected showcases css galleries & showcases color tools color schemes, palettes color patterns fashion: colors selection color theory royalty free photos specifications usability & accessibility add a link (free) seo tools seo references howtogetthingsdone freelancers web 2.0 2read: this week. Free Download: Social Media Icons. SO MANY COLORS. The Shapes of CSS. Web Development | Learn how to make a website with Web Development. Download Free Vector Files: Silhouettes, Outlines, Cutouts, Shapes.