armno / blog

my hugo blog at armno.in.th

Hi, my name is Armno. I'm a web developer from Thailand. Nice to meet you 👋.

• 🐦 twitter / x @armno
• 🌏 website: armno.in.th

blog's Issues

fix missing files' urls

remove/replace http://files.armno.in.th and http://2012.armno.in.th references in old posts. they don't exist anymore.

🤔

update "edit on github" link

display related posts in the single post layout

Use Image Processing feature in Hugo

see if this helps for responsive images https://gohugo.io/content-management/image-processing/

lazy load images using lazyload.js

• https://github.com/verlok/lazyload

italic words/sentences are broken

play around with font-display property

https://font-display.glitch.me/

a custom 404 page

https://gohugo.io/templates/404/

group posts in /blog page by year (like previous version)

push-to-deploy

implement github webhook to automatically deploy on push to master.

• https://github.com/rvagg/github-webhook-handler
• https://github.com/nlf/node-github-hook
• https://github.com/roccomuso/node-webhooks

pick one.

styleguide page

everyone needs a styleguide

try native lazy loading

https://addyosmani.com/blog/lazy-loading/

post/different between bash and zsh

i was asked and i didnt know why i use zsh🤔

remove twitter icon

• remove twitter icon from home page (hero and footer)
• add medium icon. links to https://medium.com/@armno/

some svg icons do not show up in chrome

some svg icons do not show up in chrome.

• home page: twitter
• post: twitter, facebook, google plus
  probably issues with <svg use:xlink> ¯\_(ツ)_/¯

note: works fine on firefox

fix URLs in meta tags: should be absolute URLs

logo

make the logo look more like a proper logo ... 🤔

enable syntax-highlighting for codeblocks

remove references to flickr.com

it seems my photos on flickr will be deleted soon. https://blog.flickr.net/2018/11/07/the-commons-the-past-is-100-part-of-our-future/

maybe i should fix these before it is too late 🤔

wrong year in slug

https://armno.in.th/2019/03/17/review-storck-vision-comp-g1/

should be

https://armno.in.th/2018/03/17/review-storck-vision-comp-g1/

clean up css

• remove @import
• combine files into 1 file
• remove unused css

update readme with complete info & setup instructions

switch pygments to chroma syntax highlighter

https://gohugo.io/content-management/syntax-highlighting/

finish styleguide page

integrate netlify cms?

https://www.netlifycms.org/docs/intro/

critical css

make use of the critical css again. 1 for the home page and 1 for the blog layout.

make sass work (again)

https://gohugo.io/hugo-pipes/scss-sass/

notes

• https://github.com/bep/hugo-sass-test/blob/master/layouts/_default/baseof.html
• gohugoio/hugo@dea7167
• https://github.com/gohugoio/hugo/releases/tag/v0.43

create shortcode for embedding images

• https://gohugo.io/content-management/shortcodes/#readout

10 years

do something for 10 years celebration of the domain armno.in.th 🤔 ?

bring back google analytics

new design review

review of the current theme design and building process

redesign

every website needs a redesign once in a while ...

fix text jumps when fonts are loaded

see home page for example, on a slow connection.

recheck og meta tags

• use og debugger. check for errors & warnings

/uses content

add more content + photos in /uses page

building mechanical keyboard(s) 2.0

a follow-up post from https://armno.in.th/2017/08/20/building-custom-mechanical-keyboard/

auto-generate anchor links for heading tags

an example from css-tricks.com

missing thumbnails in related posts section

add image caption support

display image caption below the image.

cross post from medium for existing posts

#leavemedium

rethink: loading css with `rel=preload` AND `loadCSS()`

armno/armno.github.io#81

fix permalink of these 2 posts

rss feed template

create rss feed template https://gohugo.io/templates/rss/

test with feedly

rework on typography

• reduce line length
• implement 'perfect paragraph' concept from the book

remove docker

• remove docker-related files
• update readme
• disable integration with circleci

fix page jumps because of lazily loaded images

https://github.com/verlok/lazyload#occupy-vertical-space-and-maintain-ratio

thai content

pages

• about
• uses
  should be available also in Thai.

perf benchmark & report

mkb mk4.1

updates on mechanical keyboard mark 4,1

too many pages are created

find out what other pages are..