background preloader

250 Quick Web Design Tips (Part 1)

250 Quick Web Design Tips (Part 1)
As web professionals, we’re always looking for ways to improve our knowledge and skills. Tips, tricks and checklists are often one of the most underused yet potentially useful models of providing great, quick and easy to follow pieces of useful information. You may or may not know some of the tips below — and you may or may not agree with everything listed — but hopefully it will give you some ideas for your own sites or motivate you to create a checklist to help cover your bases. Perhaps a few items may even inspire you investigating a subject further, and that would be pretty awesome too. This is the first part of a 2-part series. Part 2: 250 Quick Web Design Tips (Part 2) Planning and Getting Into the Web Design Profession Planning what your website needs to contain can help you scale the project size. One fundamental aspect of creating a website is the planning stage. Picking Domain Names 1. 2. 3. 4. 5. 6. 7. 8. 9. Web Hosting 10. 11. 12. 13. Development Platform 14. 15. 16. Tools 17. 18.

Mega Collection Of Cheatsheets for Designers And Developers | Sp Cheatsheets and various quick reference guides are available for almost any type of software and language these days. Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here! Hopefully this can be a timesaver for you, along with teaching you a new trick or two. CSS3 Cheat Sheet ↓ CSS2 Visual Cheat Sheet ↓ CSS Cheat Sheet (V2) ↓ Css Property Index ↓ BluePrint CSS ↓ HTML 5 Cheat Sheet ↓ HTML5 Canvas Cheat Sheet ↓ HTML5 Glossary ↓ HTML Character Entities Cheat Sheet ↓ Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) ↓ Javascript JavaScript Cheat Sheet ↓ Javascript DOM ↓ JavaScript Reference Card ↓ jQuery 1.4 API Cheat Sheet ↓ jQuery selectors ↓ jQuery 1.3.2 ↓ jQuery 1.3 ↓ jQuery 1.2 ↓ Mootools 1.2 Cheat Sheet ↓ Prototype Cheat Sheet ↓ PHP & MySQL for dummies ↓ PHP 5 Online Cheat Sheet v1.3 ↓ PHP5 Cheat sheet ↓ PHP Manual Quick Reference ↓ Printable PHP Security Checklist ↓ MySQL Softwares

Free Textures from TextureKing 45+ Must Have iPhone Applications for Developers and Designers Every iPhone owner should know that he/she possesses a device which is more that just a cell phone to call or text.You can use it as your second computer when you are not at your home or office, and we think this was the purpose of creating iPhone. It has great interface and superb Wi-Fi compatibility which places it in Elite class among other mobile devices. “iPhone as a computer” happens mainly because of its applications, you can have any application you like whether it is related to entertainment or your work. If you are a web developer or a graphic designer and you own an iPhone, then you can take advantage of your mobile phone by using important and essential applications designed specially for you people to help you if you’re in state of mobility. Finding these kind of applications can be a very difficult task but today we have done this task for you people. 1. WordPress is the most popular publishing platform, now you can use it directly from your iPhone for free. 3. 4. 6. 7.

How to Use Circle Hack to Organize Your Facebook Friend Lists à la Google+ Circles « How-To News There's a lot of talk going around about Google's new social network and how it's heavily influenced by Facebook, but truth be told, how could they build Google+ without taking a noteor two from the world's most popular social network? One thing that's different (and better) about Google+ is its ability to create "Circles" of friends by just dragging and dropping them from your list of friends to the group you want. To make friend lists in Facebook, right now the easiest way is to click on the "Account" drop-down menu, select "Edit Friends" and then click on the "Create a List" button. From there, you choose your group's name and find and select your friends in the pop-up window and click on "Create List" to finalize it. To make the process easier, four engineers from Facebook have teamed up to bring you a non-official tool called Circle Hack, which harnesses the power of Google Circles. However, that's pretty much the gist of Circle Hack.

The Difference Between Art and Design The subject of what separates art and design is convoluted and has been debated for a long time. Artists and designers both create visual compositions using a shared knowledge base, but their reasons for doing so are entirely different. Some designers consider themselves artists, but few artists consider themselves designers. So what exactly is the difference between art and design? This is a subject that people have strong opinions about, and I’m looking forward to reading the various points of view in the comments. This post isn’t a definitive guide, but rather the starting point for a conversation, so let’s be open-minded! Good Art Inspires. Perhaps the most fundamental difference between art and design that we can all agree on is their purposes. Typically, the process of creating a work of art starts with nothing, a blank canvas. They create the art to share that feeling with others, to allow the viewers to relate to it, learn from it or be inspired by it. Good Art Is Interpreted.

Free Web Resources – Web Resources Depot Stream Web Video, No Flash Knowledge Required If you've ever wanted to include streaming video in your designs, but didn't want to bother with messy code solutions (or Flash), we've got two quick and easy solutions for you. Today, we're going to take a peek at what each solution offers to web designers and how to use both of them in your own projects. On the surface, streaming video through a web page isn't something that a lot of web designers have at the top of their minds... ...But what if I were to told you that adding streaming video to your pages is now easier than adding a jpg. Streaming Video: A History of Confusing Technology Before I begin walking you through the step by step process, let's first look at the history of "streaming web video" from the point of view of web designers: Let's pretend that you're working on a project and you're handling the basic front-end coding. Another possible solution would be to use a service like YouTube or Vimeo. Is There an Easier Way of Doing This? Alright, Let's Dive In Now Flash vars:

How to Design a Clean Business Website with Photoshop The focus of this template is on a design agency that offers a range of web-based services. The primary aim of the page we’re designing, therefore, is to promote what the business does and what services they provide. This is the first part of a tutorial on building a clean business website. "Clean Business Website" Series Final Result Here’s a screenshot of the design we’ll be creating. Overview In this tutorial, I’m going to assume that you have a basic understanding of Photoshop and know how to do basic tasks such as adding text, drawing shapes, and resizing/rotating objects. My goal in this walkthrough is to show that you don’t always need lots of fancy effects in a design to make a nice-looking template. The design we’re going to build has a header that contains the name of the company and the navigation area. Following this, there is a section that describes the specific services in more detail. Create the Document 1 Create a new document with a size of 1100x1100px. Make the Header

Best Windows Software The best PC software won't bog your Windows computer down. It's clean, free, and gets the job done. Consult this list for ideas and discover apps you didn't know existed. We're continuously seeking out the best Windows software, and places to download them, for all your needs. Most applications recommended here are free and you can quickly find what you need by browsing the listed programs by category. Note that some installers pack bloatware, useless adware that's pre-selected to install. Jump Ahead: Antivirus | Audio Tools | Backup and Sync | Browsers | Communication Tools | Defragging | Download Tools | Email Clients | Files Management | File Recovery | File Storage | Image Editors | Image Viewers | Maintenance | Miscellaneous | Optical and Disc Image Tools | PDF Tools | Productivity | Reading | Text Editing | Uninstallers | Video Tools Antivirus, Malware, and Firewalls Antivirus software is a cornerstone in protecting your computer from external attacks. Audio Tools foobar2000 MusicBee

Need FREE photos for your designs? – 10 Great Places to Start! | Need FREE photos for your designs? – 10 Great Places to Start! If you’re an artist, designer, blogger – you most likely will run into the need for photos or textures. If you don’t have the budget to go to paid stock-sites, the good thing is that the free options out there are getting better and better! In this article I’ve had a look at a whole bunch of free alternatives to save you some time and money. Remember to read terms of use before using pictures though. Here are 10 awesome places to start that can provide you with pretty much any kind of picture you want. These websites are meant to give you a good variety of free photos. Stock. Almost 400 000 pictures at the moment. MorgueFile More than 230 000 free images and great ways of sorting by category, color and more! FreeFoto FreeFoto currently has over 130 000 images available, in many categories. PhotoRack Over 27 000 files available in 149 categories. Stockvault Over 18000 pictures right now. FreeImages Flickr (creative commons) Freerange

WebPlatform.org — Your Web, documented Stripe Generator - ajax diagonal stripes background designer 20+ Online Tools for Website Validation and Testing As you probably know already, it’s important to check and test your Website to help ensure that it looks great and works beautifully regardless of the browser or platform used. Testing a website before launch is one thing that you cannot afford to take lightly. Just like a minor negligence while constructing a building can cost life of millions of residents , the same way a small error left unnoticed can prove to be fatal for your website. Therefore, this implies that we must run our website through all necessary tests. Validation tools 1.W3C markup validation service This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. Checks done on: Syntax and style analysis – YesSource code – Yes 2.CSS validator Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets.The important thing is if you want to validate your CSS style sheet embedded in an (X)HTML document, you should first check that the (X)HTML you use is valid. 3.Checklink 4.Feed 8.Dr.

Related: