Public posts with this hashtag.
My students are making book covers out of HTML and CSS to work on positioning elements. I took some time to do the same assignment myself to make sure that I still could.
modernmotherfuckingwebsite.dreamstation.systemsThis is a modern motherfucking website.Zero of the bullshit.
Today in the classroom:
I'm still feeling quite tired. Not sure what's going on.
First year chem is doing some modeling of atomic radius and electronegativity to identify patterns on the periodic table.
Web dev is working on their book/movie poster in HTML and CSS to practice box model positioning.
AP Chem is doing flame test labs today to connect what they see to the Bohr model of the atom empirically.
#teaching #chemistry #webdev :cupofcoffee:
Silex is desktop first. Styles you set on Desktop apply everywhere. Switch to Tablet, Mobile Landscape or Mobile Portrait and each change is wrapped in a max-width media query: 992px, 768px, 480px.
So you only override what breaks, and the rest carries down from Desktop.
The breakpoints page explains this cascade, with a 41-second video. If a step doesn't match your editor, the "Edit this page on GitLab" link is at the bottom.
I took some time to work on a small creative coding task I gave my students today. It's been a while since I've done any creative work with code.
Not quite finished yet, but I'm happy with my little animation effect.
⬆︎ We’re increasing the price for access to Frontend Dogma’s exclusive global feed (existing subscribers are not affected).
But: For 50 Frontend Dogma followers, we’re offering a 50% discount to still lock in the old price:
🔒 https://j9t.gumroad.com/l/fd/fd_2
As a subscriber, you’ll get great content from the whole world of web development directly to your feed reader.
Thanks to all current and new supporters—from your undogmatic team at Frontend Dogma!
Free, lightweight WordPress plugin for clean image sliders that actually look good on mobile without messing up page speed: https://wordpress.org/plugins/ultimate-responsive-image-slider/
WordPress.orgUltimate Responsive Image SliderCreate stunning responsive sliders in minutes. Drag-and-drop builder, unlimited sliders, mobile-friendly & SEO optimized!
Today in the classroom:
First year chem is getting some intro notes on the structure of the periodic table. They'll color code and label their copy up.
Web dev is doing a code-along where we position elements on the page with all the different position properties as an interactive example.
AP Chem is starting atomic structure with empirical data. We'll do some notes and prep a lab.
#teaching #chemistry #webdev :cupofcoffee:
Here is a small demo video of SayText Chat in action:
https://www.youtube.com/watch?v=CwSmLgY4Ofw
#FOSS #OpenSource #SelfHosted #SelfHosting #Retro #Nostalgia #Counterstrike #HalfLife #Vintage #WebDev
Does front end development without React still exist anywhere? I can’t find a single company that wants someone who can write HTML, CSS, or vanilla JavaScript anymore. #WebDev
Here's a video showing the recently published SayText Chat in action:
https://www.youtube.com/shorts/NNHs0K9gvaE
#WebDev #OpenSource #SelfHosted #FOSS #Counterstrike #Nostalgia #Retro
HTML Minifier Next: Extended Benchmarks, Self-Close Foreign Elements, Fewer Redundant Attributes, JSON Minification Opt-In:
On the most recent changes to the super-configurable web page minifier.
meiert.comHTML Minifier Next: Extended Benchmarks, Self-Close Foreign Elements, Fewer Redundant Attributes, JSON Minification Opt-In · Jens Oliver MeiertOn the most recent changes to the super-configurable web page minifier.
Today in the classroom:
11 hours later, we're already back for another day. No first year chemistry today because of the half day.
Web dev are doing a little quiz. They get a simple HTML template and then have to accumulate 10 points worth of CSS additions. Changes range from simple background or text color changes to applying some box model principles to elements.
AP Chem is finishing test corrections on their stoichiometry test.
#teaching #webdev #chemistry :cupofcoffee:
SayText Chat v1.0 is now published 🚀
Ever wanted to chat like you're playing Counter-Strike 1.6 again? Now you can! 🥳
With this retro chat app, you can send text messages as CT, T or SPEC, issue radio commands, or let the VOX speech system speak on your behalf! 💬
There is also a leetspeak transformer, and various background images available. 💡
➡️ Check it out:
https://github.com/danielbrendel/saytext-chat
#FOSS #SelfHosted #SelfHosting #OpenSource #WebDev #Retro #Nostalgia #Counterstrike #Halflife #Vintage
You know a theme is old when the stylesheet includes IE hacks. #WordPressThemes #WebDev
I decided to write about how I turned a YAML file into a Jekyll collection, using a bash script!
This is day 56 of #100DaysToOffload
https://joelchrono.xyz/blog/converting-yaml-to-jekyll-collection
joelchrono.xyzConverting YAML to Jekyll collectionI made a simple script to automatically convert a YAML file into a bunch of markdown files for a Jekyll collection
I have an old CSS Tricks article I'm planning on having #webdev students read on typography next week. Any other good sites/resources or articles on choosing and pairing typefaces for projects?
Today in the classroom:
We're giving the SAT this morning, so no first year chemistry today.
Web dev students are still working on the box model and manipulating content box sizes with box-sizing, padding, and margin properties.
AP chem took their test yesterday, so we'll go over that.
We also start two days of parent-teacher conferences. They're always good, but these are loooong days.
#teaching #chemistry #webdev :cupofcoffee:
The Future of CSS (joshwcomeau.com)
www.joshwcomeau.comThe Future of CSS ✨ • Josh W. ComeauEvery year, browser vendors collaborate via the Interop project to synchronize their efforts on new HTML/CSS/JS features. This year, there’s a ton of super exciting features being considered! In this blog post, we’ll explore the CSS of the future, to get a glimpse of what we’ll soon be able to do.
Design sites for both people and AI agents: practical patterns, content models and WebMCP best practices for discoverability and machine-friendly interactions. #WebDev #AI #MCP
O’Reilly MediaDesigning Websites for People and AI Agents with WebMCPThe following article originally appeared on the Agentic AI Foundation blog and is being reposted here with the author’s permission.Websites are designed
How to Set Up Web Page Minification With VitePress:
On minifying HTML as well as inline CSS and JS in VitePress projects.
https://meiert.com/blog/web-page-minification-with-vitepress/
meiert.comHow to Set Up Web Page Minification With VitePress · Jens Oliver MeiertOn minifying HTML as well as inline CSS and JS in VitePress projects.
Today in the classroom:
First year chemistry's test went quite well yesterday - students will be pleased at progress from unit 1. We'll do a little periodic table investigation today to lead into the new unit using ptable.com
Web dev are working with more box model tasks. I provide incomplete code and they modify to fit a brief.
AP chem are taking their first test. It will probably be rough on many who haven't quite taken the class seriously yet.
#teaching #chemistry #webdev :cupofcoffee:
