This one’s for the absolute beginners. Once you’ve learned how the box model works, and how to float those boxes, it’s time to get serious about your CSS. To that end, we’ve compiled a massive list of tips, tricks, techniques, and the occasional dirty hack to help you build the design you want. CSS can… Continue reading 20 essential CSS tricks every designer should know
Tag: Imagine
Automatic responsive images with client hints
Over time, developers have wrestled with forcing images into responsive layouts. Media queries and fluid grids are constantly employed to achieve visually flexible images. Achieving such flexible images as pointed out by Ethan Marcotte in the seminal first edition of his book is as easy as: img { max-width: 100%; } The image resources being… Continue reading Automatic responsive images with client hints
Ruby Templating With Slim: Part 2
In the second and last part of this mini series, we’ll finish this introduction with sections about outputting Ruby code, interpolation, plain text and how to customize Slim to your needs. After that article you should be ready for some Slim action. Outputting Code You have already seen a bit about how to use Ruby in… Continue reading Ruby Templating With Slim: Part 2
Designing for Apple Watch: Designing a Glance in Sketch
What You’ll Be Creating If this is the first time you are designing for a wearable device, you will notice that there are some key differences compared to designing a product for a smartphone or a desktop computer. In this quick tip, I cover some of these differences while also teaching you how to design… Continue reading Designing for Apple Watch: Designing a Glance in Sketch
Coding for Entrepreneurs: Learn Python, Django, and More.
Never coded before? No problem. We’ve worked with over 120,000 students just like you. Entrepreneurs like you are a rare breed. You create incredible businesses and come up with ideas that change the world. Technology has made the 21st century, the century of the entrepreneur. Thanks to the power of the internet, you can reach… Continue reading Coding for Entrepreneurs: Learn Python, Django, and More.
The Recently Released Webdev Resources You Would Need
Want to use Vanilla JS but find native APIs a bit unwieldy? Bliss is for you. Bliss is just a collection of helpers and light syntactic sugar over Vanilla JS. It does not account for browser bugs or lack of support of certain APIs, although it only uses features that are both supported across most… Continue reading The Recently Released Webdev Resources You Would Need
Data Structures With JavaScript: Tree
What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Trees are one of the most commonly used data structures in web development. This statement holds true for both developers and users. Every web developer who has written HTML and loaded it into a web browser has created a tree, which is referred… Continue reading Data Structures With JavaScript: Tree