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.

Windows VS MacOs for Development

Windows VS MacOs for Development

About 3 months ago, I attended my first hackathon ever. I dusted off my 4 year -dated windows laptop.

Long story short, it didn’t pan out. Windows decided to update at the worst time possible. Right when things were getting good, a project scope was established, and everyone was ready to get working. read more

Knowledge Worth Knowing

Knowledge Worth Knowing

What knowledge is worth knowing?

The amount of information available only grows as time goes on, especially in this day and internet age. New things are created daily at an increasing rate, whether this is new videos, books, movies, social media posts, research, video games, technology, etc. Information is readily accessibly by literally anyone. 15 years ago, this was not the case, before the dotcom boom. read more

How I Learned to Source Things Overseas

How I Learned to Source Things Overseas

Once upon a time I used to do international trade sourcing. Actually a few times to be more fair. I used to source out silicon dioxide particles (derived from sand and quartz) for a research lab specializing in photovoltaics / solarcells. Years later I did sourcing for a company specializing in industrial equipment. read more

On Brutalist Webdesign

On Brutalist Webdesign

Recently I read a post on hackernews about brutalist design. It drew many similiarities to webdesign and construction. How in construction, you always think of form and function before aesthetic. For instance, figuring out if the building is structurally sound, the raw materials needed, the labor, scheduling, etc. There are certain requirements that need to be met for all types of consutrction, otherwise we would get things like the FIU pedestrian bridge collapse in miami read more

The Obsession I have with Software

The Obsession I have with Software

I find that I write best whenever I’m having a conversation with someone. Sometimes I’ll read hackernews and post my opinions on things. Occassionally I’ll flesh out something unique as a result.

On this hackernews post here, someone asked how do you go about finding your passion. One of the responses talked about Brazilian Jiu Jitsu and how it is sometimes called “Chess with your body”. This brought back some memories of my first BJJ instructor, who taught me much the same things, and this was the response I gave. read more