Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.
Using a tabbed rollover menu in the header of your website can add functionality, as well as making the navigation look good. Doing this in CSS means that you can use it to it’s greatest capacity, easily add or remove tabs and change the colour in different styles.
For websites with a complex hierarchy of navigation, using a pop out menu can allow you to easily find your way to what you want quickly. Using CSS to create one is a snap, and is easy to update.
More and more is being said about web standards and the need to build compliant sites. That’s all well and good, but why is that the case, and what are the benefits to you of designing with standards in mind? How can you persuade a client to spend extra money on a standards compliant website?
When designing online, people often overlook the need to careful consideration of font styles, sizes and colours. How you display and position the words on your page can have a dramatic impact on how long people stay on your site, and how much they take in.
If you follow our five simple steps below, you will see a dramatic improvement in the look and feel of your designs. You’ll benefit from readers spending a little more time browsing through your pages.
As the popularity of Design Shack grows month on month, we have decided to expand it further and increase it’s functionality. As well as offering the same great CSS designs as before, Design Shack now contains tutorials, news articles and a whole new way of looking at our gallery.
You now search by how you would like to be inspired – by Colour, Layout or Category. This opens up a new realm of functionality for CSS gallery websites and enhances navigation greatly. It’s much easier to submit your website to us, and navigating around is a breeze. Designs load faster and are much more optimised than before.
We hope you enjoy it, and feel free to send us your feedback!
HTML is used mainly for presenting and showcasing information for the visitor. But it’s also easy to allow them to enter information and use it in various ways. This tutorial uses the example of a contact form.
Often, when designing a website, the first things you consider are the colour scheme, logo and layout. All vital aspects, without a doubt, but make sure you take time to think about the fonts you are going to use along with all the elements surrounding typography. After all, your visitors are there to read the words you’ve written.
When the Internet was first conceived, there were only a couple of fonts available to use. With the introduction of CSS, designers now have much more control over which fonts are displayed and how they are laid out on the page.
For many people, Cascading Style Sheets (CSS) is a fairly alien topic. This tutorial helps to provide a comprehensive overview of CSS, allowing you to get started using it in your website.
We all know that building accessible designs is important, but how many of us really take it into account when crafting a site? Here are some simple and effective steps for making your site accessible for everyone.
Placing multiple colour or font schemes on your website blog is often an excellent addition, and it can help to customise your look and feel. It’s easy to add multiple stylesheets to your blog, and ensure that the user’s selection is stored on their computer so the style remains the same on each page.
Everyone needs to have an idea of what web accessibility is, and how they can make their site available to everyone. It’s not just about catering for disabled users, but to anyone with a web connection. Ignoring web accessibility is shooting yourself in the foot, alienating large numbers of potential readers.
HTML (Hyper Text Markup Language) is the core of designing websites. Part three of this introduction covers the use of forms for collecting information from the visitor, and how to display tabular data in tables.
The first part of this tutorial dealt with the difference between HTML and CSS, a simple HTML page, and Paragraphs/Line Breaks/Headings. The second section discussed Hyperlinks, Pictures and Lists and the final section will now cover the use of forms for collecting information from the visitor, and how to display tabular data in tables.