These last few months I’ve taken a deeper interest in math, physics, and art. I wanted to make a fun and interesting project. So I took inspiration from something I learned in art class along time ago – Vanishing Points. I built a 3D cube representation in HTML canvas using plain javascript. This tutorial below will show you how to create one as well.
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
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.
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:
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.
Tampermonkey Scripting (aka userscripts)
What is it you might ask?
Imagine if you took your favorite chrome extension and made it even better(sort of). Userscripts are javascript injections on a webpage. They don’t have access to chrome’s extension APIs so you don’t get dedicated toolbar icons like this:
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:
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.
Do unit tests take forever for you to write? Here's a macro to automate those tasks.
