Have you ever seen a button on a web page that has rounded edges? Have you ever seen an image that fits within a circle? If so, you have seen the impact of using the CSS border-radius property.
You can give any element “rounded corners” by applying a border-radius through CSS.
As with many CSS properties relating to margins, padding, and borders, there are four individual properties — one for each corner of a box element — and one shorthand property. Each of the corner attributes will accept one or two values.
The border-radius property is accepted in every major browser, but they have browser-specific attributes. Here are the CSS and browser-specific attributes:
Each of the individual corner CSS3 properties take either one or two length values (generally ‘px’ or ‘em’ values). If a single value is supplied, then that becomes the radius of a rounded corner. If two values are supplied, then they become the horizontal and vertical radii for an elliptical corner. Continue Reading ➞
Whiteboarding exercises. If you interview for a programming position, you will face a whiteboarding challenge. Whether you are interviewing for your first programming job or interviewing for your next programming job, you will have to ace the coding whiteboard exercise. I have created a series of videos that show you how to ace the whiteboard exercise.
The CSS Flexible Box Layout — Flexbox — provides a simple solution to the design and layout problems designers and developers have faced with CSS. Let me show you how to use it to generate some common layouts and challenges that you will face in designing a responsive website design.
I assume you already know the basis of Flexbox. If not there are many documents teaching you about Flexbox. I would recommend Understanding Flexbox: Everything you need to know.
Here is What We Will Be Making
In this article, I am going to show you how to make 7 different layouts using FlexBox.
DIYZ is the DIY app for getting detailed step-by-step instructions and how-to videos that can help you complete your home repair or renovation without ever hiring a professional handyman or contractor!
The DIYZ app has over 1 million downloads. The average user of the app spends 7.5 minutes of engagement in DIYZ. The DIY videos have generated over 2 million views on YouTube. To create this app, the development team at decided to use Google’s Polymer.js framework.