Browsed by
Tag: css

Modular Sass Media Queries for Responsive Web Design

Modular Sass Media Queries for Responsive Web Design

What is responsive web design?

It’s a design that scales at any browser width size. Something that looks great on both mobile, tablet, and desktop views.

When you design a site, there are generally 2 approaches you can make

  • Mobile First
  • Desktop First

Designing a responsive site generally means you will be doing both of these things, but prioritize one over the other. There’s no right away to go about it. For instance, if you are designing a site dedicated to food recipes, a mobile-first approach makes more sense. Designing a site specialized in legal contracts benefits from a desktop-first approach.

How to Make a CSS Mega Menu

How to Make a CSS Mega Menu

Megamenu’s are an essential frontend component found in many sites. From sites like bloomberg.com, nike, etc – these enhance the user experience so a user can find what they need quickly. Especially for sites hosting a lot of nested content, such as an ecommerce site. Example from Nike:

Essential Tools to Enhance Dynalist Notetaking

Essential Tools to Enhance Dynalist Notetaking

This is a part 1 response for this question from user β€œnorm” : What do you use for taking longer / more complex notes” in dynalist http://talk.dynalist.io/t/what-do-you-use-for-taking-longer-more-complex-notes/1029

I figured I should probably just write my own post here (on my own blog), since I discussed bits and pieces on the forum many times, but not enough for the complete picture. read more