Kards Week 112 Progress
Got the start screen functioning. The ‘start’ button displays the 5 level buttons. It seems simple but it gave me a bunch of trouble. If you hide objects (like the 5 level buttons) without saving the...
View ArticleKards Week 113 Progress
The top right shows a message box that gives instructions and teaches the player about the game. The levels are also set up so each level sets the number of guardian cards and cards in hand...
View ArticleKards Week 114 Progress
Fixed an issue where if there is 1 or no cards in hand, the left and right buttons are disabled as shown in the screenshot. Also the first message of the first level is shown in the top right. I’ve …...
View ArticleReaching level 40 in Pokemon Go – Part 1: the Beginning
On the 29th of November 2017, I reached level 40 in Pokemon Go. This is my story:When Pokemon Go was released in July 2016 I did not play the game for 2 main reasons: I was on a prepaid mobile …...
View ArticleReaching level 40 in Pokemon Go – Part 2: Painting the town red
As I started to level up to 30+ I was starting to be be able to stay in gyms. I hunted down and maxed out the gym meta pokemon that wasn’t ultra rare like Eevee, Rhydon and Magikarp. It felt … Continue...
View ArticleReaching level 40 in Pokemon Go – Part 3: Gen 2 and Raids
I remember the game was seriously lacking updates waiting for gen 2 that finally came out in February 2017. I was still playing the game every day mainly because I just enjoy going outside for a walk...
View ArticleReaching level 40 in Pokemon Go – Part 4: Conclusion
Here’s just some dates of the rest of my progression:level 35: 16th April 2017level 36: 8th May 2017level 37: 21st June 2017level 38: 28th July 2017level 39: 28th September 2017level 40: 29th November...
View ArticleReaching level 40 in Pokemon Go – Part 5: Level 40 again
Well, on the 12th of August 2018, I got another 20 million experience which is how much you need to get to level 40. That’s under 10 months when it took me a year a 2 months to reach it … Continue...
View ArticleFixing jumping to top iframe bug on iOS devices
Original source: https://stackoverflow.com/questions/34766636/ios-browser-iframe-jumps-to-top-when-changing-css-or-content-using-javascriptI learnt today that iphones and iframes are not a good combo....
View ArticleMy Sailormoon Drops adventure
Sailormoon Drops is a mobile game that’s basically a Sailormoon Candy Crush game. I initially started playing it because other family members were playing it but kept playing it even after they stopped...
View ArticleFixing the auto font resizing on phones using Safari
Safari on mobile will resize your fonts if it thinks it’s too small. This is probably related to accessibility but it doesn’t make sense to me and is annoying. Anyways to fix it add this Original post...
View ArticleUsing SASS with React
It sounds simple enough. Just run npm install node-sass and change your css file file to a scss. Well… it didn’t work for me. What I need to do was update my Create-React-App to Version 2. To do this,...
View ArticleUsing state to toggle content visibility
Here is the code: We set up the default state in the constructor and bind the on click function that toggles the state using the previous state. The bind makes “this” work in the function. Then the...
View ArticleLink to other pages in React
First you will need react-router-dom. Install it using: Here is the code that directs you to each page: BrowserRouter is the container. Switch will find and render the first page that matches the...
View ArticleUsing JSON in React
Sample JSON data: The data is sorted by year and each update has a name and type. To import this data into a component: Import the JSON by linking to it. Set a variable to contain all the data. We …...
View ArticleUsing JSON data to populate a component
Continuing from our last post, this is now our component code: import React from 'react'; import { NavLink } from 'react-router-dom'; import "./YearsUpdates.scss"; class YearsUpdates extends...
View ArticleVertically alligning for IE11
It doesn’t always work like the other browsers. Here is something to try out: More info: https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/
View ArticleBasic Flex Layout
This site is a great reference to flex: https://css-tricks.com/snippets/css/a-guide-to-flexbox/#flexbox-background Below I have a basic 2 column centered layout. The basics are: The body: The important...
View ArticleConditional classes and toggling state
Here’s a basic example: And you can toggle the state like so: Demo here.
View Article