Design systems are an amazing tool for designers and developers. They provide a shared design reference and guidelines that make a system more predictable, easier to understand and implement, and help maintain a more cohesive experience throughout many products that use them. Here’s a short list of cool design systems to use as inspiration: Tech…
Here’s a quick list of social sharing links to use on custom buttons. No need for JavaScript, heavy libraries or giving away your data by using Facebook’s Share button. Just replace each variable (URL, TEXT, etc). Facebook Twitter Reddit Pinterest Linkedin Bonus: Email
When working with Git, you can ignore files and folders by putting those on a .gitignore file on the project’s root. However, if want to ignore files globally, instead of doing so in a per-project basis, you can create a global ignore file. If you’re on a Mac, run: Read more & source https://stackoverflow.com/questions/7335420/global-git-ignore/22885996#22885996
I’ve done this a million times in jQuery, simply by using toggleClass() on a jQuery object. You can achieve the same effect in vanilla JS: Also, there’s a second parameter that forces the toggle to always remove or always add. So you could use that to add some simple logic. Read more DOMTokenList.toggle()
WordPress lets you easily configure your blog’s permalink structure in order to have custom URLs like /blog/%postname%/ or /articles/%postname%/. If you do that, you’re going to have that permalink structure even for your custom post types. That means for a Project custom post type, your URLs are going to be /blog/project/my-cool-project, which is probably not…
While porting a static site to WordPress I noticed some of my images were a bit blurry. WordPress takes care of resizing JPEGs on upload. Most of the times that’s very handy. However, sometimes you need to bump up the quality a bit. Put this in your theme’s function.php (or in a plugin) to modify…
I just spent more than an hour debugging this so I need to write this down for my future self, and maybe it can also help someone out. Recently I had to deploy a site to Azure for a client, and Timber failed to generate thumbnails. After debugging and digging through Stack Overflow and various…
A cute guide on z-index by Ahmad Shadeed. Check it out: Understanding z-index in CSS
A few days ago Rasmus Andersson announced Playbit, “a computing environment which encourages playful learning, building & sharing of software”. On the bottom of the page you can see a fun little keyboard, apparently inspired by this old calculator. I went ahead and implemented it with HTML/CSS on Codepen in about 45 minutes: See the…
Just a quick heads up in case you run into this issue. I ran into this after upgrading to macOS Big Sur. To fix it, run this in a terminal: After that, you’ll be prompted to install the command line tools and that should be it. If that doesn’t work, in this link are a…