j9t, (edited ) to webdev
@j9t@mas.to avatar

I’m planning and preparing a new book, about rote learning HTML and CSS. (Will add the draft cover!)

Double question!

  1. Is “rote learning” clear?

  2. Would you be interested in such a book?

#html #css #learning

j9t,
@j9t@mas.to avatar

@kagan, I’m still working on details of the format itself, but it’s likely going to be fairly simple and repetitive—exactly to enable and test learning HTML and CSS features this way.

There are good reasons why such a book might not be of interest, but could the price point tip the scale? (It would probably be fairly inexpensive, like $5–8.)

j9t,
@j9t@mas.to avatar

@sjorsrijsdam, yes, understandable :) It doesn’t seem to be a common expression, hence asking about it. Curious what the poll will show!

css, to ai
@css@front-end.social avatar
johnnydecimal, to CSS
@johnnydecimal@hachyderm.io avatar

Any gurus want to help me solve a puzzle? Maybe @robb? Honestly I don't know where to start.

The 'Location' box at the top of my page works great. Except on landscape mobile, where the corners are all janky as the lines don't line up: see screenshot.

But if I take my desktop browser, pop it in responsive mode, and shrink the window: it's A-OK!

WTF?

A screenshot of Safari in responsive mode. The window is 591px wide and the lines look great!

johnnydecimal,
@johnnydecimal@hachyderm.io avatar

@Two9A @robb Interesting! Safari iOS bug perhaps. I'd feel better about that.

robb,
@robb@social.lol avatar

@johnnydecimal I’ve sent you a solution on discord sir 🫡

SenseException, to CSS German
@SenseException@phpc.social avatar

communication tipp: It's important to know why !important was important

afilina,
@afilina@phpc.social avatar

@SenseException Usually because css got unnecessarily complicated and reusable.

SenseException,
@SenseException@phpc.social avatar

@afilina Especially on third party inline styles.

helma, to security
@helma@mastodon.social avatar

"Going Dark: The war on encryption is on the rise. Through a shady collaboration between the US and the EU."

https://mullvad.net/en/why-privacy-matters/going-dark

OddBird, to CSS
@OddBird@front-end.social avatar

Thanks to everyone who joined us for our first ever Winging It Live stream last week! We had so much fun with you all that we're planning another one on May 30 @ 1pm ET / 11am MT.

Miriam (@mia) and James (@Jamessw) are going to discuss Anchor Positioning. Leave your questions in the comments. We'll post the link to the live stream here next week. Or you can subscribe to get updates.

https://www.youtube.com/@wingingitoddbird

noellemitchell, to Kurzgesagt
@noellemitchell@mstdn.social avatar

Why would I work on when I can look at interesting posts on instead? :blobcatlaugh: :blobcatcode:

mia, to CSS
@mia@front-end.social avatar

I'm teaching a new layout workshop at the end of June – a three-session deep-dive into…

  • box alignment!
  • intrinsic & extrinsic sizing
  • when to use flexbox vs grid
  • media & container queries
  • layout contexts & 'normal' flow
  • and so much more…

Sign up now!

https://www.oddbird.net/workshops/cascading-layouts/

cirrus, to webdev
@cirrus@mstdn.social avatar

Started writing a decision log for our . Documenting why we chose to build plain ol' and where we can and where client-side is needed is turning into a bit of a manifesto. Essentially we're using (and encouraging others to use) 😉

davidbisset, to CSS
@davidbisset@phpc.social avatar

matcha.css is a "drop-in semantic styling library in pure ".

https://matcha.mizu.sh/

Designed to style elements similarly to a default browser stylesheet, eliminating the need for users to manually patch their documents.

Ideal for fast prototyping, static HTML pages, generated documents, etc.

bramus, to CSS
@bramus@front-end.social avatar

Hey my #JSHeroes2024 friends (and beyond)! I have published the slides of my talk “MPA View Transitions are here!” on my blog for you to check out.

Once the video gets published, I'll be sure to update the post to include it.

https://www.bram.us/2024/05/23/mpa-view-transitions-are-here-2024-05-23-jsheroes/

#CSS #ViewTransitions #JSHeroes

Me, on stage
Me on stage, from afar

davidbisset, to CSS
@davidbisset@phpc.social avatar

.counter_with_drawers {
margin-left: -40px;
}

XavCC, to CSS French
@XavCC@todon.eu avatar

Question

Comment faire un rendu propre d'iframe de carte umap dans un html ?

pour rendre un iframe de carte umap qui reste au centre de l'écran (sous h1 & h2, au dessus de footer) bien joli sympa ?

J'ai que du CSS et du HTML et je ne veux que ça !

aral, to SmallWeb
@aral@mastodon.ar.al avatar

So! Many! Kittens!

(Going to record a demo of the new interactive shell – REPL to some – and multi-page Settings this afternoon, just planning it out now.)

Oh and is that me creating and calling web routes interactively in the REPL on a live server? Why yes, yes it is.

:kitten:💕

css, to CSS
@css@front-end.social avatar

💡 CSS Tip!

One line of code that looks strange and confusing. You may think it's not even CSS but it will save you many times in the future!

It will make sure the width of your element is always an integer! No more decimal and rounding issues!

"width: auto" with an upgrade 😎

No browser support yet but you can test it on the latest Chrome with the experimental flag enabled: https://codepen.io/t_afif/pen/rNgLyJz

  • All
  • Subscribed
  • Moderated
  • Favorites
  • tester
  • kavyap
  • DreamBathrooms
  • modclub
  • GTA5RPClips
  • InstantRegret
  • magazineikmin
  • Youngstown
  • thenastyranch
  • rosin
  • slotface
  • mdbf
  • khanakhh
  • ngwrru68w68
  • JUstTest
  • anitta
  • normalnudes
  • Leos
  • cisconetworking
  • osvaldo12
  • everett
  • Durango
  • tacticalgear
  • provamag3
  • megavids
  • ethstaker
  • cubers
  • lostlight
  • All magazines