4 tips for a smarter CSS workflow


Creating fancy CSS effects is great, says Shopify’s Jonathan Snook, but it’s more important to craft code that’s fast and efficient.

You’ve only got to look at the amazing things people are making with CSS to know that, as a language, it’s changing. People are creating stunning animations, and amazing images.

Whether you’ve been coding for years or just getting started, the landscape for CSS development has changed dramatically in the last few years too. Now, we have plenty of tools at our disposal that can help us to build lean, performant CSS.

Here Shopify’s Jonathan Snook gives four top tips that will help you craft light-weight and fast CSS.

Continue reading

Posted in CSS, Resources | Tagged | Leave a comment

20 Free Chalkboard Fonts

Free Fonts

Experimenting and exploring new typefaces provides you a lot of design possibilities that can improve your design in terms of aesthetics. That is why having a great collection of fonts is a necessity for us designers. We here at Web Design Academy are more than willing to provide you useful resources like free, quality fonts for your future designs.

Continue reading

Posted in Freebies, Resources | Tagged | Leave a comment

Free download: 60 business icons by Icons Mind


If you’re planning to design a business app in 2015, you’re definitely going to need crystal clear business icons. So we’re delighted to bring you this free set of line-style icons designed by Icons Mind aimed squarely at designers working with big business.

Continue reading

Posted in Freebies, Resources | Tagged | Leave a comment

7 great widgets to transform your website in 2015


Add great functionality your users will love with these great widgets.

Do you ever visit a website and wonder how it got all of those amazing ‘extras’ to work? The booking form, the calendar, or even the weather display?

Many people assume that these kinds of bells and whistles require a web developer to put in place. But these days it’s usually as simple as copying and pasting some text.

Continue reading

Posted in Applications | Leave a comment

Understanding the South African mobile consumer


People have been trading since antiquity and the saying “business as usual” is just as powerful as ever. The last couple of years have shaken up the way we do things, and this is because of an irrepressible shift in the balance of power. For the first time in history, consumers are ahead of marketers and advertisers, simply because of their ability to connect.

Continue reading

Posted in Mobile Design | Tagged | Leave a comment

Beautiful and free fonts for all languages

Noto is Google’s font family that aims to support all the world’s languages. Its design goal is to achieve visual harmonization across languages. Noto fonts are under Apache License 2.0.

Continue reading

Posted in Freebies | Tagged | Leave a comment

4 pro tips to maximise responsive accessibility

Responsive Accessibility

Ensure your responsive sites and apps are as accessible as possible with this advice from expert Derek Featherstone.

Responsive design and accessibility both embrace the idea of flexibility. But there’s more to it than that. Simply implementing responsive design techniques doesn’t automatically make your site accessible. Here are four practical tips to help boost accessibility in your responsive designs.

Continue reading

Posted in Resources, Responsive Design | Tagged , , | Leave a comment

10 Free Christmas Fonts

Free Fonts

Christmas is coming up fast and now you need a festive holiday font for you Christmas card design. Your project will stand out from the rest by using one of the free Christmas fonts below.

Continue reading

Posted in Freebies, Resources | Tagged | Leave a comment

20 Great Examples of Subtle Motion in Web Design

Two modern technologies of CSS/JS animation and HTML5 video allow designers to add awesome motion effects to their web designs, common examples being large background videos or web elements that move into place. These effects don’t always have to be so obvious though, which today’s featured websites prove. Subtle motion and animation can really enhance a design without being too distracting. Check out these 20 web designs that make use of clever video loops, animated objects and particle effects.

Continue reading

Posted in HTML5, Resources | Tagged , | Leave a comment

Best Practices for Creating Fullscreen Website Backgrounds

FullscreenThe artistic use of fullscreen backgrounds has become a large part of the web design lexicon. Many different layouts from landing pages to agencies and social networks have used this feature with great success. It’s a fantastic way to draw attention while simultaneously branding a company or project.

In this post we share Jake Rocheleau post. He covers a few primary uses for background images and videos. Best practices are in constant growth but have stabilized to focus on usability, user experience, and content priority. As long as a website is functional and the background content adds to the overall message then you’re on the right track.

Continue reading

Posted in Resources | Tagged | Leave a comment

It’s time you updated your SEO techniques


We have listed a few Search Engine Optimization (SEO) tips that can help you get listed in the organic search results. Take a look at the tips and see if it is time to change your SEO efforts. Make use of good SEO tools to enhance your web presence.

1. The Goldilocks Effect

If you stretch anything beyond the limits, it may become useless. The same rule holds true when it comes to SEO. If you overdo any technique, like adding certain keywords repeatedly, then it may work against you. Don’t go for the extremes. Look for what is right.

Continue reading

Posted in Resources | Tagged | Leave a comment

Way of Using Social Media for Designers

Social media has spread on ferocious speed. No one can stay out of the wave of social media, and there’s no need to stay out. We designers can use it in our favour; it can be a great tool for us. So here’s a guide of using social media for designers.

It is almost certain that social media can become an addiction. And people like us designers, who spend so much time on computers can be easy victims of this addiction.
But this very social media can bring us lots of good. Today we will be learning how.

This post is divided into three sections. First one enlists the social networks that designers must use. Second part of the article contains good practices of using social media for designers, and the last part contains tips for finding business/work for yourself.

Continue reading

Posted in Applications, Resources | Tagged | Leave a comment

How To Balance Composition for Website Layouts

Balance seems like a word directed at print designers and tightrope walkers. But the world of balanced web design is influenced just as much by print and circus folk! A sense of balance is achieved through repetition much like a pendulum swing – you add a little bit then take some away. You push content to one side then add a little more to the other side. This requires an eye for good composition which can be developed through practice (no balancing pole required).

Continue reading

Posted in Resources | Tagged | Leave a comment

Apply for Google’s January bootcamp


Applications are now open for the January intake of the Google and IAB SA-backed three-month digital bootcamp, Digify, run by youth agency Livity Africa for 18 to 25 year olds.

Starting in Johannesburg in mid-January, 15 young people will join the initiative, which has seen graduates start their careers in some of the country’s top digital agencies.

Digify launched in May and trains students between the ages of 18 to 25 on digital campaigns, social media skills and content creation.

Continue reading

Posted in Web Design News | Leave a comment

Techniques that build trust in your website

The internet can be a worrisome place. Whether you are just browsing the web, or you go online to make purchases, people are leery about everything they do on the web. From credit card fraud to identity theft, it can be tough to gain people’s trust on your website. It isn’t impossible to gain the trust of your website visitors. You can implement a few visual aids that will build trust and increase conversions for your website.

Here are 8 proven techniques that build trust in your website.

Continue reading

Posted in Resources | Leave a comment