HTML & CSS – Jennie Ryan

Expandable Sections Within a CSS Grid

Posted on October 20, 2021by jennieryan@hotmail.comLeave a comment

But recently, I was presented with a unique UI conundrum to solve. Essentially, any given grid cell could have a button that would open up another, larger area that is also part of the grid. But this new larger grid cell needed to be: right below the cell that opened it, and full width.

The Responsive Website Font Size Guidelines

Posted on September 16, 2021by jennieryan@hotmail.comLeave a comment

In this post, we’ll cover what font size to use for a responsive website. First we’ll cover mobile guidelines, then desktop guidelines. Ready?

Less Absolute Positioning With Modern CSS

Posted on September 15, 2021by jennieryan@hotmail.comLeave a comment

Each time I work on a component that needs absolute positioning, I ask myself: is it really necessary?

Enterprise UX: essential resources to design complex data tables

Posted on September 9, 2021by jennieryan@hotmail.comLeave a comment

From basics and specific table patterns to designing tables for enterprise apps and fitting big tables with a lot of content in any screen, I put together a list of resources and blog posts that will help you design complex tables with a lot of data and interactions.

10 Great Sites for UI Design Patterns

Posted on September 8, 2021by jennieryan@hotmail.comLeave a comment

We’ve put together a list of some of the best places to find design patterns on the web.

On The ‹dl›

Posted on September 2, 2021by jennieryan@hotmail.comLeave a comment

A look at the often forgotten “description list” element, highlighting its versatility and how to best make use of it.

10 Things Framer Does Better than Figma

Posted on September 1, 2021by jennieryan@hotmail.comLeave a comment

Figma is awesome, but you can’t rely on it for everything

12 Practical Tips for Creating Better Wireframes

Posted on August 27, 2021by jennieryan@hotmail.comLeave a comment

Wireframing is a necessary part of the design process. Acting like blueprints for web and mobile apps, they help you set a foundation for your product and discover early on what works and what doesn’t.

UI cheat sheet: Spacing friendships

Posted on August 20, 2021by jennieryan@hotmail.comLeave a comment

The easiest way for me, to see an interface designer’s skill is by how they use spacing in their design. Color, typography, imagery, etc., are usually given to you in a brand guide — but correctly using spacing is a skill.

The Math Behind WCAG Website Compliance

Posted on August 2, 2021by jennieryan@hotmail.comLeave a comment

Have you ever wondered why the WCAG colour contrast ratio doesn’t always seem to work? Well it actually has to do with how we calculate colour contrast and is super interesting.