17 Best Online Coding Courses (Free & Paid)

Just Creative

Coding is an invaluable skill that forms the bedrock of many leading companies. In this article, you will discover some of the best online resources that are currently available for learning to code, so you can expedite the learning process without having to waste any more time than is necessary. What Is the Best Online Coding Course? Overall, Coursera is a great platform to learn how to code if you don’t mind spending a little bit of money. Coding interview prep.

Coding 163

40 Free Color Scheme and Palette Apps (Massive Guide)

Inspiration Feed

Color selection is a stage in a design process that requires both smart thinking and gut feeling. In today’s digital era, you can have as many colors and color combinations as you like.


Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

6 Step Guide to Building a Website With Zero Coding

Just Creative

Thankfully, with today’s software, you can create a website for your business at a minimum cost and without knowing anything about coding. It’s made especially for people who know nothing about design and coding. This article has been contributed by Mark Quadros.

Coding 194

Fiasco's identity for coding bootcamp iO Academy has inclusivity at its heart

Creative Boom

Coding bootcamp iO Academy is on a mission to help address the gender imbalance in the tech industry and give people the "training they need for a career they'll love".

Coding 289

30 Eye Catching Color Combinations

Inspiration Feed

A visually-appealing color combination goes a long way in creating a seamless, inviting, and fun output.

A QR Code Renaissance?

Creative Review

Illustration: Harry Haysom The humble QR code has been a longstanding joke in the creative industries. A recent survey by Statista found that almost 32% of respondents had scanned a QR code in the past week, and more than 8% scanning in the last 24 hours. The post A QR Code Renaissance?

Chill Out with These Calming CSS & JavaScript Code Snippets

Speckyboy Design Magazine

Our mission for today is to help you recharge from your daily grind with… code. Keep Calm and Code On. But code can actually provide a calming presence – and these snippets are proof. Want to see even more calming code snippets? We could all use a little calm in our lives.

Coding 102

Best Keyboards for Programming & Coding

Just Creative

Read on to learn how to choose the best keyboard for your programming and coding need. How to Choose the Best Keyboards for Programming and Coding? Based on these requirements, we have prepared a list that includes the best keyboards available in the market for programming and coding.

Motion Design Monday - Coding Explorations


Motion Design Monday - Coding Explorations. Andreion de Castro shared a personal motion design project, exploring and experimenting with creative coding on a daily basis. While creative coding is a powerful tool, we have not seen its full potential.

Show Me Emoji: Iconic Code Snippets

Speckyboy Design Magazine

It’s also been written with surprisingly little code. It apparently writes code as well, judging from the super-cool scrolling animation in those lenses. The post Show Me Emoji: Iconic Code Snippets appeared first on Speckyboy Design Magazine. Emoji seems to have invaded every part of our culture. What started out as a niche feature for mobile phone users and computer geeks has become its own phenomenon.

Exploring Neumorphism Through Code Snippets

Speckyboy Design Magazine

With that, here are some code snippets that bring neumorphism to life! The post Exploring Neumorphism Through Code Snippets appeared first on Speckyboy Design Magazine. The web design industry has always been great at throwing around buzzwords. One of the most recent examples is neumorphism – which is supposedly the “new skeuomorphic ” for design elements. It’s a UI trend where an element looks like it’s breaking free (or extruding) from its background.

8 Animated CSS & JavaScript Code Snippets That Celebrate Summer

Speckyboy Design Magazine

In that spirit, we bring you a collection of code snippets that bring a little bit of summer to your screen. The Endless Summer Exists – Through Code. Whether you’re chilling out by the pool or stuck in your office, we hope that this collection of summer code snippets brought a smile to your face. The post 8 Animated CSS & JavaScript Code Snippets That Celebrate Summer appeared first on Speckyboy Design Magazine.

Examples of Combining Halftone Effects with Code

Speckyboy Design Magazine

And, as CSS and JavaScript have progressed, designers have found a way to integrate the effect into code as well. Let’s have a look at some examples of how halftone is being implemented through code. The great thing about combining code with a classic image effect is that it opens up a whole new world of possibilities. In the code snippets above, halftone is utilized both traditionally and innovatively.

Unexpected Learnings From Coding Artwork Every Day For Five Years

Smashing Magazine Graphics

Unexpected Learnings From Coding Artwork Every Day For Five Years. Unexpected Learnings From Coding Artwork Every Day For Five Years. For more than five years I have been creating one digital artwork a day, using code to generate patterns, shapes, and animations.

Should UX Designers Learn to Code?

Interaction Design Foundation

As with every design decision, the answer to the question “Should UX designers learn to code?” When you work with digital products, you may not always need to write lines of code, but it is an added advantage to know how to build the product that you design.

10 Amazing Animated Text CSS & JavaScript Code Snippets

Speckyboy Design Magazine

And in this post I’ve cataloged 10 of the coolest examples from around the web showcasing what you can do with just a little bit of stylized text and CSS code. Creating broken shattering text is a simple task with tools like After Effects, but creating a text shatter animation with code is a whole lot tougher, making this pen by Arsen Zbidniakov quite impressive. The open source Snap.svg library lets anyone create high-resolution SVG images with just a bit of code.

Convert Your Website Design to Code – 4 Ways to Do It

Graphic Mama

From a technical point of view the task of converting the design into an SEO-friendly, multi-browser compatible code, is a whole other story. It’s such a shame we can’t just cut and paste it to a site, we need some kind of design-to-code process. One of the most straightforward ways you can convert your design into code is to hire a web development company. Slicing and coding away until the give you the all-clear and you download the ready-to-implement result.

ICoD Publishes Professional Code of Conduct for Designers

Guild News Blog

ICoD’s Code was constructed to provide guidance to design associations intending to craft their own codes, and to educational institutions developing curricula. The post ICoD Publishes Professional Code of Conduct for Designers appeared first on The Graphic Artist Guild.

Coding 100

Braving into the World of Code: 10 Online Courses for Designers

High on Design by Wix

The age-old discussion on whether designers should learn to code or not has been explored from pretty much every angle possible. These courses will open the door to integrating code into your website , helping you take your web design to a whole other(worldly) level. Here’s a handpicked selection of the 10 top online coding courses: Codecademy. With 45 million students to date, Codecademy is one of the biggest and most popular online coding schools.

An Interactive Display Color-Codes Hundreds of Historical Mineral Illustrations


Nicholas Rougeux ( previously ) color-coded Sowerby’s depictions— a tedious process that required the designer to restore each mineral to its original hue and took four months to complete—from two compendia, British Mineralogy and Exotic Mineralogy , which were published between 1802 and 1817.

Celestial Code Snippets That Celebrate the Sky and Outer Space

Speckyboy Design Magazine

Exploring the Heavens Through Code. As the code snippets above demonstrate, the sky and outer space can add elements of fun and beauty to the web. The post Celestial Code Snippets That Celebrate the Sky and Outer Space appeared first on Speckyboy Design Magazine. The natural world has always served as a great source of inspiration. And we can see some of its most amazing wonders by looking up towards the heavens.

Thoughts on Building a WordPress Website from Scratch (Without Code)

Speckyboy Design Magazine

Thankfully, a code snippet I found made it possible via a WordPress shortcode. If you want to inject specific CSS, JavaScript or other code into your site, you can do so here. This could be of use if you want to add Google Analytics or pixel tracking code. The whole point here is for rapid development and to avoid code. Truth be told, I did have to implement a few extra bits of code to achieve everything I wanted.

East meets West in Shiseido's first-ever brand code in 150 years

Creative Boom

Porfolio. Credit: Nick Rochowski.

Coding 327

A Long Time Ago: Code Snippets Inspired by Star Wars

Speckyboy Design Magazine

Check out our CodePen collection for a treasure trove of great code snippets! The post A Long Time Ago: Code Snippets Inspired by Star Wars appeared first on Speckyboy Design Magazine. Perhaps no movie franchise has more fans than Star Wars. For over 40 years, each new episode has generated great anticipation – not to mention monster profits. Both the movies and their long list of unforgettable characters have also served as a great inspiration to popular culture.

Jules Julien creates dramatic painterly portraits from code

Its Nice That

Often working in just one colour, the French illustrator’s approach sees him zoom in with perfectly rendered detail.

Best Laptops for Coding, Programming & Development in 2020

Just Creative

While we featured our best laptops for coding back in 2019, we thought we’d circle back around and offer up and update so you can have the absolute best tech at your fingertips. Before we jump into our list though, let’s look at your checklist for your next laptop for coding, programming & development in 2020. Shopping list for your next coding laptop. When it comes to coding having a good amount of both RAM and storage is essential.

Coding 148

Painting With Code: UI Engineer Diana Smith Creates Baroque-Inspired Portraits with CSS


The portraits fill thousands of lines of code, and Smith has a stringent rule that leaves this former web developer a little flabbergasted: all elements must be typed out by hand. A portion of the 1,968 lines of CSS code Smith wrote to create the portrait above. Art Design Illustration coding css female portrait portraits

See the Sound: Audio Visualization CSS & JavaScript Code Snippets

Speckyboy Design Magazine

Here is a collection of code snippets that bring a visual element to sound. The post See the Sound: Audio Visualization CSS & JavaScript Code Snippets appeared first on Speckyboy Design Magazine. At the turn of the 21st century, MP3 audio was just hitting the mainstream. Certainly, the portability of these sound files was a big part of their allure. But there was also the unique side benefit of being able to visualize the sound on our computer screens.

8 Code Snippets That Pay Homage to Apple Devices

Speckyboy Design Magazine

Here is a collection of code snippets that recreate the look and/or experience of their products. Products such as the Newton, Cube, iBook, Lisa and so many others are also important parts of the company’s journey – they’re just not necessarily immortalized in code. And, if you’d like to see more code Apple-related snippets, check out our CodePen collection. The post 8 Code Snippets That Pay Homage to Apple Devices appeared first on Speckyboy Design Magazine.

10 Coded Animated Scenes for Halloween Design Inspiration

Speckyboy Design Magazine

With this Haloween-themed collection, we promise you plenty of coding tricks and treats! This is a real Halloween coding masterpiece! The post 10 Coded Animated Scenes for Halloween Design Inspiration appeared first on Speckyboy Design Magazine. If you have been hunting around for some Halloween design ideas and inspiration, we have created a collection of animated scenes to help you out. Some of them may give you the chills, but most will make you chuckle.

Reviewed: New Logo and Identity for Girls Who Code by Hyperakt

Under Consideration / Brand

“The Code Less Travelled”. Established in 2012, Girls Who Code is an international non-profit organization with the mission to "close the gender gap in technology and change the image of what a programmer looks like and does". Earlier this month, Girls Who Code introduced a new identity designed by Brooklyn, NY-based Hyperakt. The script lettering is bolder for better readability at small sizes and improved visual integration with the blockier, thicker letters for "code".

Too Many Threads: A Scattered Approach to Coding

Speckyboy Design Magazine

Whatever coding challenge we face, we’re sure to find a number of examples and support threads that can help. The hope is to either find a complete solution or at least a code snippet that requires only a few minor changes (well-commented by the author, of course) and move on with the rest of my project. I cut and paste code all over the place – making a mess and running around in a big old circle. I had amassed quite a jumble of code, which I promptly deleted.

What are the Top 7 PHP IDEs and Code Editors a Web Developer Uses?


And not being able to select between best IDEs and code editors to build your PHP web design? Here in this blog, we are going to briefly describe top 7 PHP IDEs and Code Editors, PHP developers can use for web development. For experienced, when it comes to the exact definition of an IDE and a code editor, they still get confused. IDE vs Code Editor: Learn PHP Programming Language. Writing code is one of the common skills among developers.

From writing shader code to creating a jellyfish dataset, Adam Ferriss discusses his experimental digital practice

Its Nice That

Originally interested in coding as a way to manipulate his photography, the interdisciplinary LA-based creative talks us through his mesmerising works.

The Best Vintage Fonts Every Designer Needs in Their Toolkit

Spoon Graphics

to offer Spoon Graphics readers an extra 10% discount code, making the final price $44 ( $149 ). Use the code SPOONGRAPHICS during checkout to secure the best price around! Extra 10% off with the code: SPOONGRAPHICS. Benefit from an additional 10% discount on top of the current sale price with the code SPOONGRAPHICS to purchase The Vintage Font Bundle for $44. News best vintage fonts bundle deal discount code heritage type vintage font bundle vintage fonts

Fonts 128

Sliced and Diced Food Arranged into Color-Coded Sequences by Adam Hillman


For each slice of Granny Smith apple, the New Jersey-based artist pairs a quartered cucumber, halved kiwi, and peeled plantain in a meticulous, color-coded arrangement. All images © Adam Hillman, shared with permission. Adam Hillman ( previously ) has taken recommendations to choose a balanced diet seriously. Using produce, candy, and breakfast fare, Hillman organizes an array of perishables into patterns and geometric sequences, which he often shares on Instagram.

Is the Future of WordPress Code-Free?

Speckyboy Design Magazine

In essence, we’re deciding whether or not we want (or need) to write custom code. And, as WordPress and its ecosystem continue to evolve, it does make one wonder if more designers will choose code-free solutions. Code-wise, they were very much all over the map in terms of quality. Modern tools have evolved to the point to where the code is cleaner and responsive. The switch to a code-free site building experience has some potential positives and negatives: Positives.

A new visual identity for Girls Who Code targets Generation Z

Design Week

Booklyn-based design studio Hyperakt has updated the visual identity for coding collective, Girls Who Code (GWC). GWC was founded in 2012 in New York with the aim of teaching 20 girls to code. Since then, it has grown into an international movement and teaches 185,000 girls around the world to code through resources and content. The brand refresh includes a logo update, website redesign as well as new visuals for physical materials such as tote bags and badges.

Design Can Help: Code Life Ventilator Challenge

Azure Magazine

The Code Life Ventilator Challenge , a newly announced joint venture by the Montreal General Hospital Foundation, in collaboration with the Research Institute of the McGill University Health Centre (RI-MUHC), is “calling for teams to design a simple, low-cost, easy-to-manufacture and easy-to-maintain ventilator which could be deployed anywhere needed to save lives.” The post Design Can Help: Code Life Ventilator Challenge appeared first on Azure Magazine.

Calmaria SwiftUI Source Code


Calmaria SwiftUI Source Code. With those things in mind and with the goal to share as much as I can about my learnings, today I will share the base source code I created for the iOS app using SwiftUI. I actually suck at coding, you will see a lot of redundancies.