General Tips and Tricks User Experience

Awesome Web Design and Development Resources

Have you searched WebDotUNC’s support articles and forum but still haven’t found what you need to achieve your desired site design? We’ve compiled a list of some of the best resources for web design and development techniques. Not everything on these sites is applicable on WebDotUNC, but they can provide a lot of insight into various web technologies.

Important Notes:

Before we get started, it is important to note a couple of things about the WebDotUNC platform:

You cannot edit the CSS in your WebDotUNC’s theme, but you can take advantage of the Simpler CSS plugin to make a place for yourself to override some of that theme’s CSS. Check out this article for more information on the Simpler CSS plugin.

We will not allow you to edit or add (nor are there any plugins we will allow you to install and activate in order to do so) any PHP or JavaScript code. 

Smashing Magazine

Smashing Magazine provides articles on numerous web topics – its sections are titled

Smashing Magazine Logo

The Smashing Magazine logo – credit goes to them for this image.

“Coding,” “Design,” “Mobile,” “Graphics,” “UX Design,” and “WordPress, including a range of subtopics beneath those. What’s more, they update regularly. If you are looking for general guidance on a random web topic, starting your search at Smashing is a safe bet.

A List Apart

A List Apart may appear simple at first glance, but beneath its clean, newspaper-esque homepage, you will find a large collection of reading-worthy pieces that have inspired and encouraged conversation about many web topics. For instance, Ethan Marcotte’s “Responsive Web Design,” article is noted for coining the titular term.

CSS Tricks

CSS Tricks has a wealth of information. Their Almanac section provides lists of selectors and properties that come in

CSS Tricks Logo

The CSS Tricks Logo – credit goes to CSS-Tricks.

handy; each listing includes an example of how to use the concept in question, plus a nice summary of its functionality. Be sure to check out their snippets section as well for an extensive trove of, well, tricks, especially for CSS. They also list tricks for other languages, though you can’t make use of all of them on the WebDotUNC platform.

Mozilla Developer Network

Another solid resource for many different web concepts is the Mozilla Developer Network site. It offers tutorials about not only coding elements (including HTML, CSS, JavaScript and others), but about Firefox’s inspector tool as well. Trying to figure out why something isn’t working the way it should in Firefox? You might want to try using the inspector.

Stack Overflow

Stack Overflow is a resource that many young coders learn to love quickly. Stack Overflow does not only cover typical web design topics, but covers other non-web topics such as Java and C++ – with its tagging system, you can provide context for whichever topic(s) you are posing your question about. Stack Overflow presents itself in a question-and-answer format; users ask questions about a problem they are having coding and the community attempts to provide guidance and answers as to how to find solutions to their problem. However, in some cases, you may not find an answer to your question….

Wisdom of the Ancients Comic Panel

“Wisdom of the Ancients,” – credit goes to xkcd.