Responsive web design as a concept has been around a long time now; in fact, it’s the de facto way of building websites nowadays. Right now people are accessing websites with mobile phones more than any other device, so it’s really important to ensure that your website is suited to small and large screens. It’s… Continue reading 4 Quick Steps to Make a Website Responsive
Tag: Ian Yates
15+ Best Mobile UI Kits for Android
If you’ve ever had to design a new mobile app, then you will know how difficult, labor-intensive, and time-consuming that task is. To relieve you of some of that workload, we have selected an assortment of the best Android UI kits that Envato Elements currently offers. Find Beautiful Adobe XD UI Kits on Envato Elements… Continue reading 15+ Best Mobile UI Kits for Android
A Quick Guide to Figma’s Image Fill Settings
In this tutorial you’ll learn all about Figma’s image fill settings. There are 4 in total, and each one allows you to manipulate an object’s image fill differently. So with that said, let’s take a look! Image Fill Settings in Figma Here’s a complete video version of this quick tutorial. Follow along with us over on… Continue reading A Quick Guide to Figma’s Image Fill Settings
Solving Problems With CSS Grid: The Gantt Chart
We recently published a tutorial explaining how to build a JavaScript-driven Gantt Chart. I think it’s the perfect case study for CSS Grid, so in this tutorial we’ll see how well suited CSS Grid Layout is for building a flexible Gantt Chart. Our CSS Grid Gantt Chart Here’s what we’re building. It uses CSS Grid… Continue reading Solving Problems With CSS Grid: The Gantt Chart
Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)
In this tutorial we’re going to take a bunch of ordinary thumbnail links and turn them into a responsive CSS grid gallery with a blurred hover effect. We’ll also use a great CSS trick to make sure touch screen users don’t miss out! Here’s what we’ll be creating: A Little Background Recently, Rachel McCollin wrote a… Continue reading Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)