If you’re reading this, and you’ve seen this site before, you may notice the new design. I’m calling it ‘Redux’ because it’s rather fitting. But more importantly, because it’s the first thing that popped into my head, and i’m running with it.
The reasons for a new theme, in simple terms, are as follows:
- I felt like it.
The reasons for a new theme, in technical terms, are as follows: Continue reading
If you didn’t know, I recently built a game called The Wingdings Game based on an odd idea born out of a group meeting. The game loads a set grid of random wingdings symbols, with one smiley face. You have to find the smiley face to win the level. Each level has increasing size grids, along with a hard mode where all the symbols are faces.
You can find the game here: http://nxrk.co.uk/wingdings/
Below is a few notes and observations from building this game:
Note: This isn’t a fully comprehensive guide to responsive design or media queries, nor does it fully explain them. It’s more for practical examples of how to use media queries to get a responsive design.
Using CSS Media queries to create a responsive design is actually a lot simpler than you might think. Before anything, you need to set your viewport to be the same dimensions as the browser window:
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
This needs to be added along with the other meta tags if you don’t have it already (in the <head> section, in case you don’t have any other meta tags.) In my experience, this isn’t needed too much for desktop browsers, but rather for mobile device browsers.
Remember to add apache’s httpd.exe process to the firewall’s program exceptions. Simple.