Conversation

Notices

nixCraft 🐧 (nixcraft@mastodon.social)'s status on Tuesday, 22-Oct-2024 20:49:45 JST nixCraft 🐧

Do you need to build a static website for fun or profit? Try the Simple.css Framework. It is a CSS framework that makes semantic HTML look good.
+ A good-looking sans-serif local font stack.
+ Typographic best practices.
+ Automagic flipping to dark mode.
+ Fully responsive.
+ Sensible defaults that format standard + HTML elements.
+ Super lightweight (10k css).
+ Give it a try @ https://simplecss.org/ (my home page https://vivekgite.com for live demo).
#webdev
In conversation about a month ago from mastodon.social permalink
Attachments
1. Simple.css - A classless CSS framework
  
  A classless CSS framework that makes semantic HTML look good.
2. Vivek Gite
  
  Vivek Gite - IT Consultant & Seasoned Linux/Unix Sysadmin - Home Page.
- Kimmo Salmela (cryszon@mastodon.social)'s status on Tuesday, 22-Oct-2024 22:17:05 JST Kimmo Salmela
  in reply to
  
  @nixCraft Just in case this turns into a thread of alternatives, I'm throwing in my favorite, Pico CSS: https://picocss.com/
  In conversation about a month ago permalink
  Attachments
  1. Pico CSS • Minimal CSS Framework for semantic HTML
    
    Minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.
- grindc0re (grindc0re@mastodon.social)'s status on Wednesday, 23-Oct-2024 02:17:39 JST grindc0re
  in reply to
  
  @nixCraft There is also the https://bestmotherfucking.website, or maybe you prefer http://bettermotherfuckingwebsite.com. If those aren’t good enough for you, maybe you’ll like https://evenbettermotherfucking.website/ …
  In conversation about a month ago permalink
  Attachments
  1. No result found on File_thumbnail lookup.
    
    Best Motherfucking Website
  2. No result found on File_thumbnail lookup.
    
    Better Motherfucking Website
  3. No result found on File_thumbnail lookup.
    
    Even Better Motherfucking Website
    
    It's even more fucking perfect than the others motherfucking websites.
- Spencer (sphars@mastodon.social)'s status on Wednesday, 23-Oct-2024 02:35:04 JST Spencer
  in reply to
  - Kev Quirk
  @nixCraft I'm using this for a quick website for listing RSS feeds I'm generating. Simple indeed.
  Shout out to @kev who created it!
  
  In conversation about a month ago permalink
- nixCraft 🐧 (nixcraft@mastodon.social)'s status on Wednesday, 23-Oct-2024 03:28:16 JST nixCraft 🐧
  in reply to
  - grindc0re
  @grindc0re damn, someone created multiple sites 😂
  
  In conversation about a month ago permalink
- Bruno BEAUFILS (beaufils@mastodon.social)'s status on Wednesday, 23-Oct-2024 04:44:10 JST Bruno BEAUFILS
  in reply to
  
  @nixCraft
  Really nice and simpler than https://picocss.com/ but it lacks some important features in my eyes, such as:
  - responsive menu rendering (ul in nav). main nav features set is really too simple.
  - sticky tabular headers
  Unfortunately these features are not that simple and not offered by a lot a framework by default anyway.
  In conversation about a month ago permalink
  Attachments
  1. Pico CSS • Minimal CSS Framework for semantic HTML
    
    Minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.
- Aiono (aiono@mastodon.social)'s status on Wednesday, 23-Oct-2024 05:36:52 JST Aiono
  in reply to
  
  @nixCraft
  I am also using it on my personal website https://blog.aiono.dev and I am really happy about it.
  In conversation about a month ago permalink
  Attachments
  1. No result found on File_thumbnail lookup.
    
    Aiono's Website
- Alison Meeks (alison@mastodon.online)'s status on Wednesday, 23-Oct-2024 06:17:16 JST Alison Meeks
  in reply to
  - Matteo Angelucci 🛠️ 💻
  @mangelucci My next question as a web designer would be image sizing and making sure something suitable was served. The phone pic going to look like hell on a big screen etc. That being why I asked the questions I did of nixCraft :) @nixCraft
  
  In conversation about a month ago permalink
- nixCraft 🐧 (nixcraft@mastodon.social)'s status on Wednesday, 23-Oct-2024 06:17:16 JST nixCraft 🐧
  in reply to
  - Matteo Angelucci 🛠️ 💻
  - Alison Meeks
  @alison @mangelucci You need multiple images to build responsive images with <img tag. It has a srcset and sizes option that is specially for that. Some CMS, like WP, do this by default, while others need manual solutions. See https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images for more info.
  In conversation about a month ago permalink
  Attachments
  1. Responsive images - Learn web development | MDN
    
    from MozDevNet
    
    That's a wrap for responsive images — we hope you enjoyed playing with these new techniques. As a recap, there are two distinct problems we've been discussing here:
- Alison Meeks (alison@mastodon.online)'s status on Wednesday, 23-Oct-2024 06:17:17 JST Alison Meeks
  in reply to
  - Matteo Angelucci 🛠️ 💻
  @mangelucci Which device? The ongoing question of web design. @nixCraft
  
  In conversation about a month ago permalink
- Matteo Angelucci 🛠️ 💻 (mangelucci@social.vivaldi.net)'s status on Wednesday, 23-Oct-2024 06:17:17 JST Matteo Angelucci 🛠️ 💻
  in reply to
  - Alison Meeks
  @alison well, consider I'm not a web designer but...doesn't "width=device-width" cater exactly to this, by adjusting the viewport to each screen?
  *edit: typo
  @nixCraft
  
  In conversation about a month ago permalink
- Alison Meeks (alison@mastodon.online)'s status on Wednesday, 23-Oct-2024 06:17:18 JST Alison Meeks
  in reply to
  
  @nixCraft Responsive and accessible?
  
  In conversation about a month ago permalink
- Matteo Angelucci 🛠️ 💻 (mangelucci@social.vivaldi.net)'s status on Wednesday, 23-Oct-2024 06:17:18 JST Matteo Angelucci 🛠️ 💻
  in reply to
  - Alison Meeks
  @alison @nixCraft setting the viewport to the device width should be a good starting point
  
  In conversation about a month ago permalink

Public

Conversation

Notices

Feeds