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.

30 Eye Catching Color Combinations

Inspiration Feed

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

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

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.

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. In the code snippets above, halftone is utilized both traditionally and innovatively.

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.

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.

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. Shopping list for your next coding laptop. Best Laptops for Coding, Programming & Development in 2020.

Coding 192

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.

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.

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.

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.

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.

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

Design Can Help: Code Life Ventilator Challenge

Azure Magazine

The post Design Can Help: Code Life Ventilator Challenge appeared first on Azure Magazine.

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.

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.

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 Silly Side of Code Snippets

Speckyboy Design Magazine

Take a look at the code and see what makes him toot, er, tick. The code snippets above are great reminders of why web designers quite often love their jobs. The post The Silly Side of Code Snippets appeared first on Speckyboy Design Magazine.

Coding 103

This UI Engineer Makes Stunning Digital Art Entirely From HTML & CSS Code

Design You Trust

Technology code css html portraitsWeb developers are losing their minds over Diana Smith’s work, and honestly, you should, too, because it brilliantly chronicles the history of the Internet in a way that hasn’t been done before. I now stand seriously corrected about viewing my work in non-Chrome browsers. The results are so much more interesting than I could've tried to achieve on purpose. link] & Source.

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.

Keeping Time: A Collection of Clock and Timer Code Snippets

Speckyboy Design Magazine

Let’s have a look at some code snippets that you can use to bring time-related functionality to your projects. By dissecting one of the snippets above, you’ll gain an understanding of how these various bits of code come together. The act of displaying time is quite popular on the web.

168,000 Numbers Suspended From the Ceiling in Color-Coded Installation by Emmanuelle Moureaux


All images © Emmanuelle Moureaux. In an effort to merge the past, present, and future in a single work, Tokyo-based French architect and designer Emmanuelle Moureaux ( previously ) hung 168,000 paper numbers in rainbow-like rows to create her latest piece, “ Slices of Time.”

Coding 100

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.

Send Holiday Cheer with these Christmas Code Snippets

Speckyboy Design Magazine

These splendid Christmassy code snippets will certainly come in handy. In our collection, we have featured code snippets with the adorable man of a Christmas hour. Here we have included several code snippets with lovely Christmas trees.

Fifi fans Christmas discount code

Fifi Lapin

I wanted to show you some of the lovely new prints in my shop and to give you a heads up about my early bird Christmas discount code. From now until December 5th you can get %25 off your entire order by using the code FIFIFORXMAS when you check out! Hello Fifi Fans!

2017 52

Technology in the Classroom


These ethical codes can also outline rules for online communication and interactions, which can prevent cyberbullying and other harmful online behavior. If you’re a teacher, you’ve likely heard about all the ways technology can support you in the classroom.

Max Jala’s multi-sensory creative coding projects blur the lines of reality and our senses

Its Nice That

The Kuala Lumpur-based artist has only been working with code creatively for a year, but already boasts an impressive portfolio of generative works.

Joseph Pleass on forever looping videos and challenging the limitations of code

Its Nice That

The designer and web developer speaks to us about his recent projects, including a video game delving into the topic of euthanasia, a “forever looping” film and an interactive music video. “My My practice is about figuring out what you can reasonably get away with inside a web browser,” he says.

Educational Technology


Business Online Inspiration Technology Tutorials classes code school education technology tutorialsToday, the classroom is much more dynamic and innovative than it used to be. While in years past, the classroom was seemingly immune to digitization, that’s no longer the case.

The Complete Guide to CSS Grids

Inspiration Feed

In the simplest of terms, a grid is a layout guideline. They are most often used by designers to align elements vertically, and even horizontally so that the design looks well-manicured due to the alignment. What is a CSS grid?…

O-Ring Material Reference Guide for Selecting the Right Product Design

Inspiration Feed

O-rings are critically important for a wide range of applications, from aircraft and automobile components to medical devices and scuba diving equipment.

Weekly News for Designers ? 530

Speckyboy Design Magazine

Faux Code Generator – A tool for turning real code (GitHub Gists) into a faux code SVG. Examples of Combining Halftone Effects with Code – A collection of code snippets that put a new spin on the classic halftone pattern.

Christmas Color Palettes: 8 Designers Share their Go-to Hues

Creative Market

Palette HEX codes: #efdfd7, #c84d4e, #869987, #c0ced7, #717d8a. Palette HEX codes: #fa636c, #ff9492, #8ea763, #bdd59b, #65805f. Palette HEX codes: #0e0e0e, #061e38, #5d417c, #c93a72, #4370e7. Palette HEX codes: #e9c7c2, #c56058, #7f97a8, #aaa18e, #dfdedf.

The Best Courses on Skillshare in 2020

Just Creative

Hand-Coding Your First Website: HTML and CSS Basics. Creative Coding: Animating SVG with Simple CSS Code. What I love about Skillshare is their short format classes, teaching you valuable skills in a short amount of time!

2020 218

This Artist Creates Detailed Glass And Ceramic Artwork Inspired By Nature

Design You Trust

Have you ever wanted to go on a *real* treasure hunt for buried treasure hidden by codes and clues? According to an artist Miss Wondersmith: “Wouldn’t it be amazing to stumble on a fairytale picnic in the woods and be invited to join?

Techniques for Documenting Your Web Projects

Speckyboy Design Magazine

How many times have you needed to accomplish something and realized that, yes, you’ve written a piece of code that would be a perfect fit? Comment Your Code. As we write code, it makes sense to add appropriate comments about exactly what it does. Maintain a Code Snippet Library.

Easily Create Vintage Logos With This All-In-One Toolkit

Spoon Graphics

Use the code SPOONGRAPHICS during checkout to secure the best price around! Get 35% off with code: SPOONGRAPHICS. If you love the vintage design style you need to get your hands on this brilliant toolkit of fonts, textures, logo templates and graphics from Heritage Type Co.

10 Valentine’s Day Designs for Access All Areas Members

Spoon Graphics

Get 30% off their annual plan with the code: 30FREEPIK. Access All Areas members have a collection of beautiful Valentine’s Day themed designs to download this week, courtesy of Freepik. These 10 illustrated designs feature a range of cute graphics, each drawn in a colourful, textured style.

Amazing Pure CSS Multicolor Gradients with Gradienta


All of these gradients are available as CSS codes, SVG and JPG images. Therefore, a developer can use all CSS/SVG/JPG (even SVG codes) version in a website or app. Some SVG file or CSS code render differently in different browsers and OS.

Weekly News for Designers ? 522

Speckyboy Design Magazine

5 JavaScript Features I Couldn’t Code Without – Check out these 5 items that make writing JS a better experience. How to Edit Source Files Directly in Chrome – Use Chrome’s developer tools to edit and save code directly in your browser.

2030 65

The 10 Best Web Design Podcasts for 2020

Speckyboy Design Magazine

Code Newbie Podcast. If you want to learn more about the coding side of things, The Code Newbie Podcast features interviews from people who code for a living.