Change Order of HTML Elements Without Changing HTML

Sometimes, you might be in a situation where you have a web page showing one element above another as shown in the HTML code but you want the 2nd element to appear above the first element in the browser. One way to accomplish this using just CSS is by using flex, flex column, and order. Witness below. By changing the value of “order”, you can change the order the element appears in the browser.

See the Pen BzNmLp by Abdullah Yahya (@javanigus) on CodePen.

House Exterior


  • Two color scheme (light and dark brown)
  • Use same light color as rental property or same two colors as curtain or same two colors as Taco Bell above on Decoto road in Fremont
  • Paint light fixtures dark brown
  • Replace garage with wood design metal


  • Rent scissor lift
  • Rent spray gun

Continue reading House Exterior

Computer and Networking Speeds


Theoretical speeds

802.11b – 11 Mbps (2.4GHz)
802.11a – 54 Mbps (5 GHz)
802.11g – 54 Mbps (2.4GHz)
802.11n – 600 Mbps (2.4GHz and 5 GHz) – 150Mbps typical for network adapters, 300Mbps, 450Mbps, and 600Mbps speeds when bonding channels with some routers
802.11ac – 1300+Mbps (5 GHz) – newer standard that uses wider channels, QAM and spatial streams for higher throughput

Actual Average Speeds

Below is a breakdown of actual real-life average speeds you can expect from wireless routers within a reasonable distance, with low interference and small number of simultaneous clients:

802.11b – 2-3 Mbps downstream, up to 5-6 Mbps with some vendor-specific extensions.
802.11g – ~20 Mbps downstream
802.11n – 40-50 Mbps typical, varying greatly depending on configuration, whether it is mixed or N-only network, the number of bonded channels, etc. Specifying a channel, and using 40MHz channels can help achieve 70-80Mbps with some newer routers. Up to 100 Mbps achievable with more expensive commercial equipment with 8×8 arrays, gigabit ports, etc.
802.11ac – 70-100+ Mbps typical, higher speeds possible over short distances without many obstacles, with newer generation 802.11ac routers, and client adapters capable of multiple streams. Continue reading Computer and Networking Speeds

Yard Remodel

  • Preparation
  • Divider
    • Use 4×4 posts as divider with neighbor
    • Use 3 stakes per 4′ of divider (2 on ends on neighbor side, one in middle on my side)
  • Perimeter
    • Dig up using drill dirt along the perimeter
    • Lay 2″x3″ wood leaving 3″ above wood to driveway surface
  • Edging
    • Use edging to create areas for sand, rubber mulch, and river rocks

Continue reading Yard Remodel

HD Screen and Audio Recording on a Mac (+ Basic Editing)

  1. Do all of this on a Mac with 1920 x 1080 (HD) resolution
  2. Install SoundFlower for Mac
    This is necessary because QuickTime doesn’t let you record system audio
  3. Play an audio file (e.g. mp3)
  4. Play a video (e.g. from YouTube)
    If you want the video to be full screen, make it so from the application, e.g. YouTube. To remove the window chrome, click Command + Shift + F to maximize.
  5. Open QuickTime Player (included with Mac) and choose “New Screen Recording”
  6. Next to the record button, click the drop-down and choose Sound Flower 2ch
  7. Record the video and / or audio
  8. In QuickTime Player, trim both ends of the video to your liking
  9. In QuickTime Player, insert other video clips wherever you want on the timeline
  10. The recorded video will be a huge mov file (large file size). Upload it to YouTube and then download the MP4 from YouTube to compress it.