Browsed by
Tag: css

Modular Sass Media Queries for Responsive Webdesign

Modular Sass Media Queries for Responsive Webdesign

What is responsive webdesign?

It is a designing a website that looks good on both desktop and mobile. Something that appears great on mobile, might not scale well into a desktop view. Or vice versa.

When you design a site, there’s 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 more so 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 would benefit 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