css grid – 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.

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.

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.

Visual Hierarchy 101

Posted on June 4, 2021by jennieryan@hotmail.comLeave a comment

“Visual Hierarchy: Organizing content to follow natural eye movement patterns”

https://www.interaction-design.org/literature/article/visual-hierarchy-organizing-content-to-follow-natural-eye-movement-patterns?utm_source=linkedin&utm_medium=post

Bezier curves converted to Code (Paths)

Posted on January 31, 2020by jennieryan@hotmail.comLeave a comment

Interesting insight into the math of vector graphics. Applicable primarily to SVG from a developer standpoint. I think I’ll stick with Illustrator. 🙂

Paths by Mozilla MDN Contributors

SVG Optimization

Posted on January 31, 2020by jennieryan@hotmail.comLeave a comment

Optimising SVGs for the Web Article

Figma Tips To Kick-Start Your Design Workflow

Posted on August 29, 2019by jennieryan@hotmail.comLeave a comment

Here are 20 tips on how to work faster and better with this well-known and collaborative interface design tool.

https://www.smashingmagazine.com/2019/08/figma-tips-kick-start-design-workflow/?mc_cid=240a115159&mc_eid=b935280ff3#top