This is just one of those things I keep on forgetting. Almost every single time. When creating a custom taxonomy in Wordpress it will not show up in the Gutenberg editor unless REST support is activated for the taxonomy.
I've had an issue in a react-native project where the interface kept jumping around or flickered when navigating between screens with react-navigation. Whenever you press a button on the bottom-tab-navigator or when you navigate to another screen, the whole UI flicker.
Sharing is caring, these are my go-to scss implementations for responsive mixins, i.e. from, to, until, with some basic documentation and usage examples.
One of the biggest advantage of using the new Gutenberg editor is that you can repeat blocks. And that you can repeat blocks whilst wrapping them in other blocks. For infinite recursion.
What is Gutenberg? It's basically the new wysiwyg editor for Wordpress, built with react components, and offering extensions via something called "blocks".
I was recently faced with a problem for a small campaign site, where the site columns were going from 1 column at its smallest up to 5 columns at its largest.
Two years back I wrote a post about leveraging setTimeout to do a large task in javascript without locking the thread. The last few months I've gotten a couple of comments where people would like to see a more updated version using requestAnimationFrame instead of setTimeout.
I've heard a lot of people talking about the new ES6 feature generators. I've read a couple of post about them, but none have really talked about what they are really good for (or at least I haven't found any really good examples)
Last week I was presented with a new game, Screeps. The game is fairly simple to understand, it all boils down to harvesting energy, harvest as much as possible, use the energy to build units which in turn can be used to harvest even more energy.
In photography and optics, vignetting (/vɪnˈjɛtɪŋ/; French: "vignette") is a reduction of an image's brightness or saturation at the periphery compared to the image center.
Anybody that has ever used WordPress has probably come in contact with the Transient API. While it is simple to use, I feel many times it leaves one to wish for more. Lately I’ve been using Laravel for a couple of projects, and the built in Laravel cache API is similar to the WordPress transient API — but better.
In a client project I was tasked to build a theme in tumblr. One of the requirements was to list all the tags used in the blog. Because in all of my infinite wisdom I knew that one thing a blog provider should provide is a way to list all the tags used.
I'm working on a side project, where I wanted to implement infinite scroll. There's a lot of plugins out there that one can use, but usually when I'm building something of my own, I reinvent the wheel, why? Because I like building things.
If your some what like me, you should be intrigued on how flickr generates their grid of images on the feed page. How they render all the images, in their correct aspect ratio without breaking the grid nor cropping the images.
I've run virtualized Linux machines as primary development platforms for a long time, and every time I needed to setup a new site for development I had to, among a lot of stuff, create a new virtualhost config for Apache, enabled it, and restart the server.
The basic gist was, the images should animate in to their end-location when the user scrolls down and the images are in view. Once the image is in it’s end-location it should stay there until the user scrolls back up. When the user scrolls down again, the animation should be repeated.
m working on a small project where I need to process a butt-load of camera raw files. Most of the images that I have are from Canon systems, i.e. .CR2 files. A camera RAW file is a file that contains the raw sensor data from the camera
Ever wondered what CSP or content security is? Maybe you've spent a lot of time understanding on how to implement it? I try to explain both what it is, and how to use it with Apache and PHP
After hours of troubleshooting a weird problem with a javascript app that I'm building, I finally found the bug, which was totally unexpected. I don't think I would've found it if I hadn't started to checkout older commits so I could pin point when the problem started to occur.
When we started developing the web-version, we didn't have any plans of taking the game any further. But when a friend of mine asked for permission if he could port the game to Android (Java), it hit me. I wanted to port the game to Windows Phone.
I’ve known for quite sometime that a coworker uses Vagrant for his dev-setup, but I’ve been avoiding it because I don’t really like virtualbox, but this weekend I felt I had to try it out, and I’m convinced that this is the most appropriate way to setup a local dev environment.
So what is monorun? It's a simple game, you're a positive particle, trying to escape the negative ones. You control the game with either your mouse or your finger (if you have a touch device). The longer you last positively, the longer you will be represented on the high score list.
How to setup and configure a reverse proxy using apache. Perfect for when you want to expose your dev-environments for external devices whilst still using the correct domain names.
The main principle of the box model is that all objects are treated as squares, and if one square overlaps another, it’s treated as a collision. This is usually all that you need in a simple game. But because I’ve implemented this model so many times before, I decided to go a bit deeper and more accurate.
This is a small wordpress plugin that adds the capability of fetching posts that have the same or some of the same tags as the ones you send in through ajax as a JSON array.
First off is a social updates aggregator, it's pretty much the same thing that I use today on my front-page, but instead of relying on the user to load the data form the different sources I'll instead fetch them and save them as custom posts in wordpress.
When using the traditional box-shadow CSS attribute, the result is often quite flat, making it look anything but realistic. In a recent project I had a design where the elements where dropping slightly tilted shadows.
A 2d platform game is probably one of the easiest games to get working, at least as a prototype. you generally need only a few things to get it to work.
I've worked a lot with SVN at devotia, but at bazooka we're moving more and more towards using git. Git is in no way a new thing, it's been around for at least 7 years now and is the preferred way for source control in the open source community.
I saw this one site last week which had an animated Ipad that would transform on mouseover. I played with it and was quite impressed on how nice it looked, so I decided to do my own implementation.
Did some research on what the most efficient way of creating nodes with javascript is, and to my surprise I found out that writing out html to the innerHTML of a parent object is more efficient than using document.createElement/appendChild.
After a good nights sleep I got an idea on how to improve the effiency of my object picking, don’t get me wrong, it’s still very CPU expensive, but a little cheaper with my new rendering.
I think I've already presented one canvas diagram class here on this page, but I've created a new and improved one, based on the first. This one has a little more options, and is a little cooler.
I wanted to see how hard it was to create a pacman like game, where the player is forced to move inside a set of walls. I later added a simple AI with simple path finding, the AI's role is to hunt you down.