DEV Community: George WL

[Boost]

George WL — Tue, 10 Jun 2025 10:43:23 +0000

Top 5 tricks for writing listicles that will make you churn out low quality content quickly and easily

George WL ・ Sep 18 '24

#webdev #tutorial #writing #beginners

Top 5 tricks for writing listicles that will make you churn out low quality content quickly and easily

George WL — Wed, 18 Sep 2024 17:00:15 +0000

Use AI to write the whole article.
Don't prooodread it, even if it lists things that are wrong or incredibly outdated
Use as Many Trending Buzzwords as Possible.
Buzzwords are the lifeblood of modern content. Toss in phrases like “blockchain disruption,” “AI-powered synergy,” and “sustainable growth hacking” even if you have no idea what they mean
Write your opinions as if they are facts
A tone of certainty, especially when you don't know what you're talking about, will let people will know you are very smart, and they are not
Don't know how to count
Either put more items than the title states, or less items than the title states

Edit: Honestly this article is just me being bitter at the sorry state of "Tech Bloggers"

Code Kata: Opening Hours

George WL — Fri, 16 Oct 2020 16:23:50 +0000

I was recently working on something for a client where they were going to provide opening and closing hours for each day of the week, and we were going to parse that in our UI.

The client decided to simplify the requirements, but I still think it would be interesting to see some people's solutions to the following challenge.

The Challenge

Given an object with the same structure as this example:

{
 Monday:{open: '09:00', close: '17:00'},
 Tuesday:{open: '09:00', close:'17:00'},
 Wednesday:{open: '09:00', close:'15:00'},
 Thursday:{open: '09:00', close:'17:00'},
 Friday:{open: '09:00', close:'17:00'},
 Saturday:{open: '10:00', close:'16:00'},
 Sunday:{},
}

Return a new array of strings which groups continuous days with same hours together, and keeps the rest seperate.

If a day or group of days has no hours, return the day(s) followed by Closed

In the case of the above example, it would return the following

[
 'Monday-Tuesday: 09:00-17:00'
 'Wednesday: 09:00-15:00'
 'Thursday-Friday':'09:00-17:00'
 'Saturday: 10:00-16:00'
 'Sunday: Closed'
]

Challenge Criteria:

Can work with any dates and times as long as they're in the expected format.
Use whatever programming language you feel comfortable with

I'm going to have a play around with this challenge myself and will post how I went about it in the comments, feel free to respond with how you did it.

Neumorphic Calculator

George WL — Sun, 05 Jul 2020 15:17:05 +0000

What is Neomorphism Neumorphism?

Neomorphism/Neumorphism is a relatively new trend which is starting to take hold in the world of UI design, it tries to merge some of the concepts of flat design and the somewhat older UI concept of Skeuomorphism.

Skeuomorphism is a term most often used in graphical user interface design to describe interface objects that mimic their real-world counterparts in how they appear and/or how the user can interact with them

Neumorphism is a visual style that blends techniques from skeuomorphism, realism, and flat design, to create a more modern-feeling take on the older concept. Essentially, it's a new, minimal way to design with a soft, extruded plastic look.

What I wanted to do

I was looking to create some sort of UI using the concepts of this trend, and so thought I'd go for a relatively simple thing of a Calculator.

I wanted the buttons to feel realistic in some way, and to that end I looked for some recommendations online, and a often recommend tool was https://neumorphism.io as it gives a nice system for designing neumorphic ui elements.

I designed it so that in the untouched state, they had a extruded look to them, akin to physical buttons, upon hover, they would go somewhat flat, and on press they would have a look that they had been pressed inwards.

Inactive State

Active State
(the "8" button is clicked)

In review

I actually spent way too long trying to come up with a custom math evaluation function, as I started adding that functionality later in the day, and somehow entirely forgotten about the far simpler option of using eval, especially as I didn't have to worry about invalid inputs crashing the app (as the inputs were restricted by myself).

The final product

https://codepen.io/GeorgeWL/full/yLeXxpM