@andrewb_dev profile picture
Andrew Bonifacio @andrewb_dev

I like to build stuff on the web👌

Joined May 2015
  • Tweets 331
  • Following 220
  • Followers 243
88 Photos and videos
Close to you - Tommy Emmanuel. Some solo jamming sessions after work. Enjoy. #guitar #tommyemmanuel @ Sydney, Australia instagram.com/p/CG7M0nJA1pR/…

1
2
Day 8/100 Built app to show alternatives to common english words. E.g. very good -> excellent. Also first time using typescript in react and styled components. Demo: dont-say-very-andrewb.netlif… Repo: github.com/andrewbdesign/don… #100DaysOfCode #CodeNewbie
0:12
5
9
A bit of light reading (lol) for your morning.. 🙂 A Complete guide to React useEffect: overreacted.io/a-complete-gu… #100DaysOfCode #CodeNewbie #react #javascript
4
4
Day 7/100 Built a chat app/msn messenger clone. Using react, socket.io, nodejs. Added the default ms windows XP background 🖥️ Demo: chatapp-andrewb.herokuapp.co… Repo: github.com/andrewbdesign/cha… #100DaysOfCode #CodeNewbie #react #javascript #socket #node
0:24
3
4
Great article by @eddzio. User experience and cognitive load: when less is more uxdesign.cc/user-experience-… #100DaysOfCode #CodeNewbie #frontend #webdev #css #javascript #html #react

User experience and cognitive load: when less is more

Have you ever been overwhelmed by a restaurant menu with way too many dishes and options?

uxdesign.cc
4
5
Day 6/100 Built a drum pad that uses keyboard/mouse. Building this was fun. Got distracted too many times. Enjoy! 🍞🥬 Demo: drumpad-andrewb.netlify.com/ Repo: github.com/andrewbdesign/dru… #100DaysOfCode #drums #frontend #javascript #html #react #css #uidesign
0:05
6
10
free-for.dev/ Free tools for developers. Covers everything from docker to data visualisation to CI/CD. #100DaysOfCode #frontend #webdev #javascript #html #css #dev #code
2
5
Day 5/100 Built a Rock, Paper, Scissors, Lizard, Spock game! Includes emojis 🖖 Demo: rpsls-andrew.netlify.com/ Repo: github.com/andrewbdesign/rps… #100DaysOfCode #html #css #javascript #react #frontend #webdeveloper
0:14
2
15
26
js-tldr.info/ A tl;dr for JavaScript documentation by @rusinovAntonDev. Sometimes reading MDN docs can be a bit too much. Here is preview of Array.splice() method. Shows the syntax and code example. Nice😎 #100DaysOfCode #javascript #webdevelopment
6
3
Day 4/100 Built a simple speed reader app. Was looking at speed reading tools and was inspired to build one. Demo: speed-reader.netlify.com/ Repo: github.com/andrewbdesign/spe… #100DaysOfCode #html #css #javascript #react #frontend #webdev
0:11
2
12
28
Colourful drop shadows that follow your image? Yes please🙂 #100DaysOfCode #html #css #javascript #frontend #webdev npm.robinloeffel.ch/cosha/

1
11
4
Day 3/100 Built a pricing breakdown tool. Was inspired after seeing my friend's excel spreadsheet with this functionality. Seeing how much I pay for rent/year makes me 😬. Enjoy! Demo: pricing-breakdown.netlify.co… Repo: github.com/andrewbdesign/pri… #100DaysOfCode #html #css #javascript
0:10
1
1
6
Using Composition in React to Avoid "Prop Drilling" @ReactTraining Great to see other alternatives than to use Context in #reactjs. #100DaysOfCode youtube.com/watch?v=3XaXKiXt…
3
5
Day 2/100: Made a small #uidesign update on register form on my budget planner app. Didn't like reading red error text messages on top of a colourful background gradient. #100DaysOfCode
0:18
1
1
5
Here's the same treatment done for the login form.
0:19
1
3
Screenshots of the before and after.
4
A bit of a long read, but very interesting. Examining why software engineers are seen as arrogant grumpy people that say no to everything #100DaysOfCode humanwhocodes.com/blog/2012/…

The care and feeding of software engineers (or, why engineers are grumpy) - Human Who Codes

The Official Web Site of Nicholas C. Zakas

humanwhocodes.com
3
6
A good explanation of why type="number" is bad for input fields #100DaysOfCode technology.blog.gov.uk/2020/…
6
Great article by @Wattenberger on understanding the viewBox and scaling SVGs. Includes a nice little animation for the visual folks. wattenberger.com/guide/scali…

1
1
12
Inspired by @florinpop17 's #7Days7Websites challenge. And restarting #100DaysOfCode. Day1: Website 1 - Project Dream. Had some downtime on the weekend and built this splash screen. Retro 80s games graphics and animation.
0:09
4
12
Load more