In this tutorial, we will create a mockup of a home/landing page for a fake wine enthusiast site. We will explore layout and color coordination. In addition, we will learn about Figma’s Text Styles and Auto Layout features.
As you know, from my previous article, I decided to use the Cloudflare content delivery service with my blog site. I ended up going to my theme preview subdomain, trying to check the height of a theme’s header element. Anyway, when I went to the site, I was greeted with the following screen.
In this tutorial, we will take an unlimited number of similar elements on the page, and move one item ahead of or before the current one.
In this tutorial, we will create a basic selection interface. Using JavaScript, HTML and CSS, our finished product will highlight identical elements on the screen from clicking next and previous buttons.
This tutorial picks up from the last tutorial in a series, titled How to Convert a Desktop Design to a Responsive Design- Part 3. However, that tutorial isn’t required as a prerequisite. In this one, we will use the lightbox2 script in our portfolio example, then apply it to all linked images. Quite simple. Let’s […]
Welcome back to the responsive design series. This tutorial series has been on a long hiatus because I started working on other updates and what not. But since I started working with my portfolio site with the aim of completing it, after several months I am reviving it to pick up where we left off.