sharafc/dev-blog

My personal developer blog

Hi there! My name is Christian 👋

I am a:

• Dad of Twins
• Husband
• Can opener for two Coonies
• Webdeveloper
• Gaming Geek
• Coffee addict
• Part time Lunatic

✨ What keeps my mind wandering:

• 🔭 Working on a personal 11ty Dev Blog while learning how this Jamstack thingy works
• 🌱 Learning lots of (Web) technology I challenged myself with
• 🚐 Writing content for my travel blog
• 💡 Stupid idea of trying out a pod/vidcast about my workinglife experiences so far
• 👤 Not thriving in Chaos
• 👯 Looking forward to collaborate with web developers, gamers, content creators... Short: all you awesome people!
• 🥅 Goals 2021: Find a new professional challenge. Be a good Dad!

📫 Connect with me on my journey:

📕 Latest Blog Posts

• Non-Functional Requirements
• Pimp my Powershell - Use PSColor, Oh My Posh and Posh Git to color up your life
• Pimp my GitHub profile
• CSS architecture | OOCSS, SMACSS, BEM, ITCSS? - Part II
• CSS architecture | OOCSS, SMACSS, BEM, ITCSS? - Part I

➡️ more blog posts...

💡 Some of the knowledge gained exploring*:

*in different levels and depths of wisdom

dev-blog's Issues

Images on mobile too big

The images in blog posts are way too big. Seems like they always take up the full size instead of adjusting to screen size.

Consider using PUG to ease up HTML creation

Layout issues on small screens

There are some lkayout problems on screens below 360px.

• Navigation not completely visible on Chrome
• Padding between Footer and Navigation too small on Firefox

Forms need rework

Forms in /credits need a rework.
Layout looks nasty and it isnt really prepared for a11y.

Rename repository do get rid of github pages

Since you can't delete the Github Pages once it was activated, the only way to get rid of it is to rename the repo so that it doesn't follow the GitHub Page structure anymore

URL inside feed.xml still points to Netlify

Feed must point to the correct URL

Form in Brave in mobile not behaving correctly

The form isn't the whole width and floats are not cleared after the submit button.

Implement media query optimizer

Implement RSS Feed

Title says all

Content bottom-margin on mobile

The margin of the content is not correctly set when switching to mobile view.
Seems like the left margin is not moved to bottom margin.

Tables from Markdown not behaving responsive

Tables should be responsive and be better readable. ATM it doesn't look good.
Perhaps a easy RWD Table like this could work:
https://codepen.io/geoffyuen/pen/FCBEg

Missing Favicon

Add Favicon to the website.