Barbecue Source
E-mailGitHubLinekdInTwitterCodePen

5 posts tagged in “CSS”

10-minute color preview input field

JavaScript · Web Development · CSS · Web Design

While the type="color" is not something most web developers need in their everyday designs, it is a bit of an input control that is all over the place and support for it is not yet stellar across major browsers and platforms.Having a little bit of extra time, I decided to try my hand at a custom input component that can be used to input colors. It’s not as fancy as whatever Chrome or Firefox has…
May 05, 2018
2 min read

Creating a mobile-friendly navigation using mini.css

mini.css · Web Development · CSS · Web Design

In this series, we will be walking through some basic ideas and techniques that will help you get started with mini.css, as well as understand the fundamental concepts behind it.What we will be covering in this article: Cards, grids and the media patternDifficulty: Intermediate (it’s recommended that you start at the beginning of the series and work your way up to this article)https://blog…
June 25, 2017
6 min read

Using the mini.css card module and media object

mini.css · Web Development · CSS · Web Design

In this series, we will be walking through some basic ideas and techniques that will help you get started with mini.css, as well as understand the fundamental concepts behind it.What we will be covering in this article: Cards, grids and the media patternDifficulty: Beginner (it’s recommended that you read the previous article in the series first)https://blog.chalarangelo.me/2017-06-09-designing-a…
June 19, 2017
6 min read

Designing a simple web page with mini.css

mini.css · Web Development · CSS · Web Design

In this series, we will be walking through some basic ideas and techniques that will help you get started with mini.css, as well as understand the fundamental concepts behind it.What we will be covering in this article: Typography, grids and navigationDifficulty: Beginner (if you are already familiar with another CSS framework, you can skip to the next article in the series)Picking up a new tool…
June 09, 2017
6 min read

5 reasons to try out mini.css

mini.css · Web Development · CSS · Web Design

In this article, I am going to explain why mini.css is a worthwhile addition to the CSS framework ecosystem, as well as the types of projects that will most benefit from using it.1. Small sizeThe main selling point of mini.css is the fact that it is made up of a single CSS file, under 7KB gzipped, which is a lot lighter than many of its full-featured competitors. However, it’s not really a micro…
May 17, 2017
4 min read