Small Web September Check-In 2: Recs and Resources

[enchantedsleeper]

Our second Small Web September check-in point is here!

How is everyone getting on so far with their SWS-ing (hat tip to lovesgaze for making SWS into a verb 😂). Is the code (or blogging, modding, documentation, etc.) behaving as it should? Have you discovered any cool new tricks or come across any great sites you’d like to share?

The theme of this check-in is recs and resources! There are lots of great guides, tutorials and examples out there to help with our small webbing. So, I thought we could share some of our favourites in the comments - along with what you’ve been up to since our last check-in, if you feel like sharing it!

Here’s some examples of things you could share:

• ‘How to code X feature/design element’ tutorials
• Cool templates or layouts
• Gif, blinkie, button or banner-maker tools or websites
• Directories, webrings or blogrolls for anything small web-related
• Communities (like this one! – but they can be anywhere, not just on Dreamwidth) for small web support, resources or discussion
• Inspiring examples of sites, blogs, or other small web projects that you’ve come across
• Any round-ups of links like these or anything else you’ve found helpful!

A bonus discussion-starter (optional, so no pressure to answer this!): What has been the most useful small web resource you’ve found so far? Or, is there a resource that you really wish existed, but doesn’t?

As a reminder, this is the second of five ‘check-in’/comment points that will be published during the event – you can check out the schedule and dates for these posts in the event intro post. There’s no cut-off point for leaving comments on these, so you can add something at any time – you also don’t need to comment on every one or do them in order! The themes are a loose guide, but all discussion is welcome.

For the previous check-in/goals post, check out: Small Web September Kick-Off/Check-In 1: Goals

Comments

[muttthecowcat]

SWS progress: I have updated the CSS on my main site!! I mainly added semantic tags instead of the divs that I made up originally. I thought wrapper was a semantic tag as well, but apparently not? Anyway, my next goal is to redo my fashion site CSS - it really needs a lot of work

For resources: I felt like the semantics page on W3Schools was really lacking so here are a few articles on semantics which basically all go over the same thing:
1) freecodecamp.org
2) web.dev
3) codecademy.com

I wish there was a source that went over common div names that are apparently not semantic but that web devs are taught to use - like wrapper for instance. It's probably out there somewhere, but I haven't found it yet. I feel like it's one of those things you really miss out on if you're self taught

[annathecrow]

"common div names" -- oh lol, my first reaction was that I'm like 99% sure these are not taught anywhere, just something that everyone learns by osmosis... but then I was like "wait, this is programmers we're talking about, someone must have already made a collection!" And I was right. Behold: https://shramko.dev/snippets/common-css-classes

Also, it's nice to look through one of those basic "how to name things" posts, like this one: https://www.freecodecamp.org/news/css-naming-conventions-that-will-save-you-hours-of-debugging-35cea737d849/. Like, I often don't use strict BEM for personal projects (this is for fun, don't make me think...), but it is a useful concept to know about.

[muttthecowcat]

Thank you!! This is really helpful ヽ(✿ﾟ▽ﾟ)ノ