Macaw, is the New Web design tool for Developers & Programmers…. Macaw is a browser based code savvy design tool for responsive design, and produces both semantic HTML and CSS… Co-creators Tom Giannattasio and...
Category: CSS
Grid System Comparison: Foundation 5 vs. Bootstrap 3
Bootstrap and Foundation are two of my favourite front-end frameworks, especially for rapid website prototyping. Both come with ready-to-use components that speed up my workflow. Beyond their small differences, most of their fundamental features...
Material UI – CSS Framework for Google’s Material Design
Material-UI is a CSS framework and a set of React components that implement Google’s Material Design specification. Material-UI is available as an npm package. Use browserify and reactify for dependency management and JSX transformation....
What’s The Difference Between opacity and rgba?
New web developers and designers often get rgba (and its hsla equivalent) confused with opacity, using them interchangeably until they come up against a visual result that makes no sense. This is understandable, as both...
Inspect Element: Troubleshooting CSS in the Browser
Anyone who uses CSS will eventually have to deal with browser layout issues at some point in time. But how do you solve these layout issues? One way to solve many layout issues is...
Get Consistent Results in All Browsers
Web standards are prevailing guidelines used on the World Wide Web to ensure web sites and information is accessible to all in the most efficient manner. Most Web browsers have different default settings for...
How to read minified CSS with ease?
Today we have a quick tip for those who feel depressed and cry when they see the holy grail of CSS in one single line in their website / theme stylesheets. Recently I started...
How to make Blurry Text with CSS
Its pretty easy to make some blurry text with CSS. We can do it by just making the text color transparent and adding some text shadow. Here’s the code for the same: Blurry Text with...
CSS Style Guide – Part 4
Specificity As we’ve seen, CSS isn’t the most friendly of languages: globally operating, very leaky, dependent on location, hard to encapsulate, based on inheritance… But! None of that even comes close to the horrors...
CSS Style Guide – Part 3
CSS Selectors Perhaps somewhat surprisingly, one of the most fundamental, critical aspects of writing maintainable and scalable CSS is selectors. Their specificity, their portability, and their reusability all have a direct impact on the...
