jobibu's portal

most important links:

self-explanatory but a good guideline on skills for anyone wanting to go into frontend design

like eslint, webhint lints but for accessibility instead. so checking certain aria attributes and other things to improve your website. i should start using it for better practice.

accessibility

gov.uk design system

gov.uk (also in my bookmarks) is a huge advocate of accessibility. more like a dictator tbh (every public affiliate of gov.uk must follow its standard). however, they provide not only a style guide but also templates for web components and designs that make accessibility way easier than trying to figure out from forums.

cheat sheets

html, css, js, php, jq, seo, mac -- all cheatsheets for basic webshit. a good reference for certain things that i may miss. plus a lot of cool things and ways that people did back in the day to descorate their web apps.

water.css

class-less set of css to make a super clean simple static site. might have to test it out and look into creating my own for fun.

own your web

probably meant for the frontend but it comes with very useful tips for semantic html which i relay more towards accessibility.

wordhtml

word doc to html converter. seems pretty straightforward until you realize it's a legacy of a well-known but discontinued online tool previously for wordpress and any other cms when their built-in composer doesn't work.

google html/css style guide

don't know where i found this but will be useful to see what google's basic view of styling html/css

frontend

bem css methodology

bem - methodology for formatting and organizing css. i'm getting the hang of organizing css by looking through other sites' stylesheets but it may be useful to understand it from a "systematical" way.

josh comeau

apparently a god when it comes to better understanding html, css, and react. and reading his css posts shows too. he goes into what goes behind css to explain certain traits and features and he also has one of the best explanations of flexbox & grid i've seen.

andy bell (one of his posts)

also a god in the css community with his own css standards as well. i put this post here to show what he's been doing with css and also the fact that he's trying to quit nicotine (i can relate)

piccalilli (andy bell's official css blog)

andy bell's and team's eparate blog on frontend education. self-explanatory here is a dope post on accessibility tips

32-bit cafe

how this (and neocities) was what inspired me to create a site. the sheer passion of websiting without care of being super frontend-savy showed me that there is a beauty to doing something for the sake of doing something. and a lot of cool guides, tutorials, posts, and links for anyone that want to get involved or start creating in the website community (indie specifically)

frontend master blog

their website is built with multiple pages and simple html/css/js. no react or frameworks. but it looks so good and loads so fast. they have courses but are generous enough to have a blog with amazing tips and insights on frontend shit

what is semantic html?

comes with lot of resources and details around making html more semantic. a goal of mine for this site

js

mostly adequate guide to functional programming - js

functional programming is very popular right now. if anything it's funny because typed is a sub-aspect of this realm and js has been blessed with typescript. furthermore, react, from my limited knowledge, is known to enforce some degree of functional programming. this will be useful to check out

eleventy

glitch - eleventy template

glitch is a platform that provides multiple templates to create a blog or anything else for "indie-web". it has a eleventy example which I like to use to reference for my own organisation. also very vocal about remix, a js framework, so i may have to check it out in comparison to react.

others

i find a lot of cool sites but that, against my better judgement, is included in the bookmark section. they deserve their own link post