How to Preserve the Menu State on Page Load (Using Local Storage)

What You’ll Be Creating In this tutorial, we’ll create a simple static site with Tailwind CSS and then learn how to preserve its menu state on page load. The first time we visit the site, the menu will be hidden. However, as soon as we open it and close the browser, we’ll use local storage… Continue reading How to Preserve the Menu State on Page Load (Using Local Storage)

How Accessibility Taught me to be Better at JavaScript – Part Two

January 14, 2020 Content Warning: There are gifs in this post. Hey friends! Today’s writing is going to be a follow up to How Accessibility Taught Me to be Better At JavaScript. If you have read my content, one of my favorite topics is about JavaScript and Accessibility. I speak about how JavaScript is actually… Continue reading How Accessibility Taught me to be Better at JavaScript – Part Two

Using the New WordPress Default Theme

Twenty Nineteen is the latest WordPress default theme currently available and was included with the WordPress 5.0 release. It’s already proving pretty popular with over 800,000 active installations to date. It’s also also available to WordPress.com users too which bumps up the user base even more. It’s described as a minimal and non-generic theme with simple but sophisticated… Continue reading Using the New WordPress Default Theme

Shards Dashboard Lite: A ready to use dashboard template

Shards Dashboard Lite is a free ready-to-use admin dashboard template built on the top of Bootstrap 4. It comes packed with dozens of custom components and admin dashboard templates that you can use to kick-start your app. Freebie includes both SCSS and Sketch files so you can tailor the admin dashboard template pack to your own… Continue reading Shards Dashboard Lite: A ready to use dashboard template

Shards: A modern UI toolkit based on Bootstrap 4

Shards is a free and modern design system based on the popular Bootstrap 4 framework. It is basically a UI toolkit including responsive components and icons from both Material and Font Awesome packs. Shards is built with performance in mind having a small footprint and weighting (it’s ~12kb minified and gzipped). Download includes the original Sketch and SCSS files so you can get your… Continue reading Shards: A modern UI toolkit based on Bootstrap 4

Bootstrap Magic: A tool for creating Bootstrap themes

Bootstrap Magic is a free but powerful tool to create custom Bootstrap themes in-browser in minutes. We’ve tried it out and we have to admit that it’s a great product, simple and easy to use thanks to a built-in HTML editor with live reload. Bootstrap Magic leverages Sass’s power to make all helper functions available… Continue reading Bootstrap Magic: A tool for creating Bootstrap themes

Carbon: A design system from IBM

Carbon Design System is a complete set of UI components designed for IBM’s Cloud Platform and recently released on GitHub. Carbon is available for designers and developers, as Sketch file and in form of HTML and SCSS component library. Carbon design kit The Carbon design kit is basically a living and comprehensive kit of the Carbon… Continue reading Carbon: A design system from IBM

Carbon: A design system from IBM

Carbon Design System is a complete set of UI components designed for IBM’s Cloud Platform and recently released on GitHub. Carbon is available for designers and developers, as Sketch file and in form of HTML and SCSS component library. Carbon design kit The Carbon design kit is basically a living and comprehensive kit of the Carbon… Continue reading Carbon: A design system from IBM

15 Responsive Design Tools for Savvy Designers

Having a responsive website is a necessity for almost any business in 2016. As a designer, you’re always faced with the pressure to deliver quality results as quickly as possible. Today we are reviewing some of the responsive design tools that will provide for a stellar user experience on multiple devices. These are the kind… Continue reading 15 Responsive Design Tools for Savvy Designers

Setting up Foundation With Sass and Compass

Sass is a great way to speed up front-end development in general, I use it in every one of my projects. Sass (as with all other preprocessors) allows for nested styles, functions and prewritten code in what are called mixins. Foundation has a few different versions, currently we’ve covered the most common HTML/CSS variants, but… Continue reading Setting up Foundation With Sass and Compass