40 Website Design Layout Tutorials that Yield Professional Results


When designing and developing a new website, it’s important to understand the fundamental techniques involved in web design, as well as targeted techniques for a given style.  Each style has its own unique features, whether it’s grunge textures, sleek and glossy elements, colorful bokeh style banners, or clean web design, and different techniques are used to create each effect.

We’ve collected up 40 website design layout tutorials (for Photoshop) that yield professional results and will teach you a variety of valuable techniques, whether you’re a beginning web designer or a seasoned professional.

Hope you find them helpful!

Continue reading »

10 Awesome CSS3 Techniques You’ll Want To Start Using


With CSS3 starting to work its way into the design arsenal, and browser support becoming much more widespread, many people are interested in using CSS3 in their new websites to add a bit of flare as well as to demonstrate proficiency in new web technologies.

We’ve gathered up 10 awesome CSS3 techniques, elements and demos that you’ll want to start using, and can start using today.   Subscribe boxes, search forms and navigation menus are among the best targets to spice up with CSS3.

If you have any other tips, techniques or demos to share, let us know in the comments.

Thanks!

Continue reading »

The Top 30 Text Effect Tutorials for Awesome Results


Text effects are one of the most common tutorial subjects for Photoshop.  Since text is used in all forms of design and advertising, it makes sense to not use simple plain colored text for every application.  However, a lot of the text tutorials for Photoshop yield substandard results, and it can be hard to find high quality tutorials.

We’ve collected up the top 30 text effect tutorials that yield awesome results in Photoshop.  Not only will you end up with a super cool effect, you’ll also take away tons of valuable tips and experience from these detailed and well-explained tutorials.

Enjoy, and if you have any other tutorials that you think deserve a mention, leave a link in the comments!

Continue reading »

How to Make Your Website Multi-Culturally Accessible


Most English speakers automatically assume that English is the language of the internet, but the figures show that this isn’t actually true. While the internet may have been born speaking the English language, today there are at least 34 languages of note used online, and native English-speakers account for only a third of all web surfers worldwide.

This ratio is going to tip further and further towards multilingualism as time goes on and internet accessibility improves around the world, as the number of web pages in languages other than English steadily climbs to surpass those in the internet’s ‘lingua franca’. Projects like the EU-funded ‘Multilingual Web’, organized by the W3C, are recognizing this shift in the status quo, and are working towards ways to make the web more accessible for people of all languages.

Your average website designer should be aware of this shift. Not long ago, if you had ten domains or sub-domains in different languages, that made you a ‘global website’. Today the baseline is more than 20.

If you’re not a major multinational company, though, it’s unlikely you’re going to have the resources or impetus to build 20 different localised websites with different languages and designs. There are, however, certain things you can do that will make your English-language site more accessible to people from all cultural backgrounds.

Continue reading »

The Ultimate CSS3 Toolbox: 50+ Resources, Tutorials and Articles


Last week, I published a massive roundup of HTML5 resources, articles, tips and techniques, and it was a big hit within the design and development community.  Since HTML5 is only of the upgrades that is being rolled out, I thought it would be appropriate and helpful to assemble a set of CSS3 resources.

This post serves as the ultimate CSS3 toolbox.  You’ll start with a few introductory articles, then jump right in with tutorials, then see what’s possible with inspiration and finally some more resources.

If you have any resources to add to the list, please, let us know in the comments!

Continue reading »

The Ultimate HTML5 Toolbox: 60+ Articles, Tutorials, Resources and Inspiring Showcases


HTML5 is the exciting and long-awaited upgrade to HTML, featuring semantic tags, advanced functionality, and forming a powerful combination with CSS3.  Most developers have heard about HTML5, and are pretty excited to start using it, but as with any new technology, there is a learning curve.  Since it’s a relatively new development, there aren’t quite the plethora of tutorials and articles as there are with HTML4.  But not to worry, there are still more than enough resources to get you started.

This post serves as the ultimate HTML5 toolbox.  First, there’s a few introductory articles and videos to help you understand why HTML5 is important.  Then we’ll dive right in with a collection of tutorials that are start-to-finish.  Next, there’s a great collection of articles and tips that will help you understand more, and will cover some of the nuances of HTML5.  There’s also tons of inspirational showcases, and a massive resource list that you can use to supercharge your productivity!

Continue reading »

Submit your linkClose