17 Best Online Coding Courses (Free & Paid)

Just Creative

Coding is an invaluable skill that forms the bedrock of many leading companies. What Is the Best Online Coding Course? But if your focus is strictly on learning how to code, you’ll want to stick with courses that are listed under the computer and data science sections.

Coding 236

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.

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

30 Eye Catching Color Combinations

Inspiration Feed

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

10 Pure CSS Responsive Navigation Code Snippets

Speckyboy Design Magazine

But I’m also a fan of using code snippets like the ones I’ve collected for this article. The post 10 Pure CSS Responsive Navigation Code Snippets appeared first on Speckyboy Design Magazine. Designing a responsive layout doesn’t need to be difficult.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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 166

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.

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.

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

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".

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. IDE vs Code Editor: Learn PHP Programming Language.

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.

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.

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.

Coding 109

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.

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.

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.

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 126

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.

QR Codes and The Case Of The Chili Crunch

The Die Line

How one condiment created a riveting discussion that led one designer to rethink everything she knew about QR code technology

How to Launch Your Blog or Portfolio in 2020 (3,500+ Word Start to Finish Guide)

Inspiration Feed

The graphic design industry is tough. No matter where you go, you’ll see amazing talent through the work of other designers in the field.

Blog 83

The Best 15 Places to Find Web Design Agencies

Graphic Mama

Web Developer takes the designs and codes them using various programming languages to produce a functioning website. Convert Your Website Design to Code – 4 Ways to Do It. Insights Web Design agency best code design source web web design website

How Bullet Journaling Will Change Your Life (Methods and Best Practices)

Inspiration Feed

What Is A Bullet Journal? A Bullet Journal is an analog system that was created by a New York-based designer, Ryder Carroll, to help people coordinate their lives into a streamlined system.

2020 56

What are The Best Vintage Party Dresses to Buy Online?

Inspiration Feed

Vintage Party collection is available at a reasonable price range for the interested ladies who are searching for the best stuff and to meet with their expectations through proper resources.

Crates Stacked in Beverage Yard Form Color-Coded Rows in Aerial Photographs by Bernhard Lang


All images © Bernhard Lang, shared with permission. Munich-based photographer Bernhard Lang ( previously ) is known for his aerial shots that capture the inexact repetition and geometry of everyday life.

The Importance of Cross-Browser Testing in Web Design

Inspiration Feed

As a web designer or developer, it’s best to work on website projects that can be supported by multiple browsers.

10 Effortless User Interface Design Tools

Inspiration Feed

There was a time when you would have to hire a designer to create your website, and that could get quite costly.