Browsed by
Category: Guides

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:

How to add PrismJS Codesnippets To WordPress

How to add PrismJS Codesnippets To WordPress

This is a guide on how to implement prismJS (a code snippet editor) to wordpress. And how to use prismJS both inside the admin panel, and wordpress.com’s writing tool. So you can write and add code snippets seamlessly.

What is prismJS?

It’s a popular syntax code highlighter, commonly used in webdevelopment blogs and documentation. Examples include reactJS, css-tricks, sitepoint, and smashing magazine. You’re in good hands if the all top CSS blogs use prismJS.

Explaining Cryptocurrencies with a Treasure Map Analogy

Explaining Cryptocurrencies with a Treasure Map Analogy

Cryptocurrencies have been the latest craze for some time. Bitcoin and many other blockchain currencies have exploded in growth over the past few years. They are here to stay long term.

But what is a cryptocurrency and how does it work?

Any complex subject can always be broken down to an analogy. In this case, I will be using treasure maps. Like the ones in Pirates of the Carribean. read more

Dedicated Desktop Icon Shortcut Keys

Dedicated Desktop Icon Shortcut Keys

One of my biggest producitity drains is seamlessly switching to different applications. Windows doesn’t have good native ways to do this. Especially when I have 10 or 20 different things open. A picture is worth 1000 words, so take a look at my work environment: read more

14 Useful Phrase Express Macros For Developers

14 Useful Phrase Express Macros For Developers

Are you juggling between dozens of apps on limited screen space? Or find yourself typing the same thing over? Looking for the same code/text/unicode/emoji to copy+paste? Find yourself writing typos in your emails, data entry, or programming? Or doing the same repetitive tasks all the time?

Then you need a macro program.