background preloader

Website Design

Facebook Twitter

Freebies. One of the must-haves of a web designer (and even graphic designers and bloggers) is a business card.

Freebies

Call it a little bit old fashioned but business cards are still very useful. They contain the most available point of contact for the possible employee. It makes your clients realize that you are a legit artist and very good one at that. This calls for a very good and catchy business card. In order to attract clients, you have to be clever in designing your cards. Read More Hello guys. Read More. The Photoshop Etiquette Manifesto for Web Designers. 5 Photoshop & CSS Tricks for Killer Web Designs. Nowadays, the combo of Photoshop and CSS3 makes up a huge toolbox for web designers; it allows us to achieve website designs that weren’t possible back in the early days of the internet.

5 Photoshop & CSS Tricks for Killer Web Designs

We can add depth to our design; we can simulate paper or other textures; we can using lighting or 3D effects and more. These elements, when used properly and subtly, can add up to the difference between a so-so web design and a great web design. With that in mind, I’ll be sharing some of my favorite and most-used Photoshop and CSS tricks when it comes to web design. 960 Grid System. 100 Awesome CSS/Javascript Plugins and Coding Techniques. Writen by Bogdan / Comments Off on 100 Awesome CSS/Javascript Plugins and Coding Techniques If you know how to use CSS and Javascript, you can create some impressive websites.

100 Awesome CSS/Javascript Plugins and Coding Techniques

Not only that you can do some awesome stuff with them but they also ease you work. In this article you have 100 awesome CSS and Javascript plugins and coding techniques that should definitely be in you toolbox. Use CSS3 to Create a Dynamic Stack of Index Cards You will learn how to create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling). Dynamic PNG shadow position & opacity. CSS Drive Web Design Resources. User rating: 2 Yays 0 Nays Responsive Iconic Menu A sleek CSS3 horizontal menu bar that stays tucked away until the user clicks on an icon, revealing the menu. 5 Yays scrollMagic A jQuery plugin for doing cool scroll related animations such as parallax. 4 Yays PhysicsJS A JavaScript 2D Physics engine to add some nice physics effects to your code. 3 Yays 2 Nays Snap.svg A modern JavaScript library for working with SVG, and includes support for masking, clipping, patterns, full gradients, groups, and more.

CSS Drive Web Design Resources

Flat flipping menu buttons. Web Design Ledger. Do you ever notice how familiar web content always seems to catch that twinkle in your eye?

Web Design Ledger

Fewer distractions allow for quicker reading material – and in these crazy times with Twitter and Justin Bieber it helps to remove as many distractions as possible. Another element which can help readers achieve deeper focus in a […] In an old converted barn just outside of Seattle you’ll find Invisible Creature, a graphic design studio run by Don and Ryan Clark. 20 Inspiring Examples of Colorful Web Designs. Last week we showed you examples of white usage in web design and today, for our last web design inspiration post of the year, we decided to show you some examples of colorful websites.

20 Inspiring Examples of Colorful Web Designs

We will show you how colors can give your design a nice and personal style. From small details and colorful typography to completely colorful backgrounds, there are a lot of colors to inspire you. The Neighbourhood Shelton Fleming Captain Dash Dangers of Fracking 10 years in type Brooks – Shoe Advisor Shoppub Life in my Shoes espacio creativo Macquarie University – Green Campus La Maddalena Kinetic Pioneer Steez small studio Adrian Baxter Gimme Nike Vision Formfett Foundry Collective Protest.

How to Create Your First Web Page. Note: If you know anything at all about HTML and CSS, don’t bother reading this, it’s a guide for the uninitiated, technophobes, luddites, computer-illiterates, anyone who is more comfortable with a pen and paper than a keyboard and mouse.

How to Create Your First Web Page

Steps to Take Before Designing a Website. Us web designers… we like to jump right into the creative ball pit sometimes, and get right to the fun stuff in Photoshop & CSS.

Steps to Take Before Designing a Website

I know I’m guilty of it sometimes, and I bet you have been too in the past. It’s not the end of the world, but it really isn’t best practice for design – and if you’re a professional, you should be paying attention and adhering to best practices. That’s why there are a few steps you should take before designing a website. Meet the Client I’m a big proponent of meeting the client face-to-face at least once prior to beginning a project, when possible.

I understand that, in today’s day and age, not all of your clients are necessarily in your city or otherwise available to meet face-to-face. Anyway, building trust with one another lays the groundwork for the best project possible. This initial meeting is also a great way to complete the next step: needs assessment/site requirements. Needs Assessment/Site Requirements Who are the potential users of this site? Proposal.

Awesome Website Designs