The great thing about learning how to code today is that there are more than enough books, wikis (including our own), blogs, and websites that can help you no matter what skill level you start at. I’m a book type of autodidact– I need only to be shown how to code something once in order to internalize it for integrating in my own projects. Some may prefer video lectures, while others have dedicated go-to sites they visit often for trouble-shooting and brain storming. No matter what hill you arrive at, there is always a resource to show you how to get over or around it.
Lately, my hurdle has been finding out how to code certain functions in web design. I hate to say it, but outside of writing, I’m not that artistic. I derive most of my inspiration from other designs, photos, posters, or everyday illustrations I might see. When it comes to CSS3, I’m inspired by flat UI design which I find to be more visually compatible with mobile. Its a habit for me to view the source code in Chrome’s developer tools when I find a design that is particularly striking to me. Studying the source code is the easiest way to learn a master’s technique.
I think Jake Rocheleau, a Digital Researcher on popular design, would agree with me. He authored a recent gem that included 28 free CSS code snippets accessed through CodePen. Wondering how to code web extras like bootstrap forms, radial menus, e-commerce columns, image sliders, plus more? Rocheleau has you covered this week!
To view all 28 code snippets, visit the article here.