Replies

This profile is from a federated server and may be incomplete. Browse more on the original instance.

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

I came prepared … 🩳🩴

But turns out the pool wasn't expecting me 😅

#JSHeroes2024

mdavis,
@mdavis@mastodon.social avatar

@bramus Filled pool is not yet GA. It’s hidden behind a feature flag. Then you can do your swim-driven animations.

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

📣 Introducing “Unleash the Power of Scroll-Driven Animations”

I built a thing: a 10-part video course that teaches you all there is to know about scroll-driven animations with CSS or JavaScript.

https://developer.chrome.com/blog/scroll-driven-animations-video-course?hl=en

mdavis,
@mdavis@mastodon.social avatar

@bramus

Your SDA series is excellent, but I'm now needing to determine which scroll-snapped element is the one being viewed. For example, in the cover flow demo, how can you determine from JavaScript which cover is the snapped one in the front/center?

harrymccracken, to random
@harrymccracken@mastodon.social avatar

This is ridiculous:

  1. MKBHD is as fair as they come

  2. Honest reviews are a huge favor to any company smart enough to pay attention

  3. If Humane has its act together, it paid someone with reviews experience to evaluate the product and knew what to expect

https://www.businessinsider.com/youtuber-mkbh-dtrashes-humane-ai-pin-firestorm-over-damage-startup-2024-4

mdavis,
@mdavis@mastodon.social avatar

@harrymccracken Unless they’re completely clueless (which I don’t believe they are), Humane had to know the reviews would call out all the pin’s issues. So, what was the rationale for doing this too-early release?

  1. Showing proof of progress to get ahead of competition due to market pressure.
  2. Gathering feedback from real users.
  3. Testing infrastructure at scale.
  4. Meeting funding requirements.
  5. Embracing iterative development.
  6. Releasing a minimum viable product (MVP).
css, to CSS
@css@front-end.social avatar

💡 CSS Tip!

Create a ⭐️ Star shape using clip-path and only 5 points (instead of 10).

Three different codes to create the same shape
1⃣ Precise version using math
2⃣ Calculated version without math
3⃣ Simplified version with easier coordinates values

Demo: https://codepen.io/t_afif/full/jORvmKG via :codepen: @codepen

Online Version: https://css-tip.com/star-shape/

three star shapes

mdavis,
@mdavis@mastodon.social avatar

@css Temani, is it possible to adapt this to the multi-star method as an optimization? (https://dev.to/afif/scalable-star-rating-without-js-and-no-svg-or-image-for-the-star-2mef)

I've been successfully using this one (https://codepen.io/t_afif/pen/wvdKRPx) in production but always looking for ways to improve DOM performance. Thanks!

GossiTheDog, to random
@GossiTheDog@cyberplace.social avatar

deleted_by_author

  • Loading...
  • mdavis,
    @mdavis@mastodon.social avatar

    @GossiTheDog The Citrix Bleed overrun was trigger by excessive data length. Even though the PoC for it used a long string of a’s it wasn’t specifically using ‘a’ that caused it. Is it really the letter ‘e’ with this Cisco exploit or another misuse of snprintf?

    (Betting on the next one using the letter ‘i’.)

    JenMsft, to random
    @JenMsft@mastodon.social avatar

    Look at the clock
    Meeting will start in 10 minutes

    Look at the clock
    Meeting will start in 9 minutes

    Look at the clock
    Meeting will start in 8 minutes

    Okay, I'll just check up on this one quick thing....

    Look at the clock
    Meeting started 5 minutes ago

    mdavis,
    @mdavis@mastodon.social avatar
    MikeElgan, to random
    @MikeElgan@mastodon.social avatar

    HEADLINE: "Trump is selling ‘God Bless the USA’ Bibles for $59.99 as he faces mounting legal bills"

    ALT HEADLINE: "As a lifelong grifter and conman, Trump has developed an instinct for finding suckers willing to give him money for worthless goods and services" https://apnews.com/article/trump-god-bless-usa-bible-greenwood-2713fda3efdfa297d0f024efb1ca3003

    mdavis,
    @mdavis@mastodon.social avatar

    @MikeElgan I heard that he’s selling the King James Version (c 1611). Nobody this century reads that unless you’re a seminary scholar. KJV is public domain, available for free online or $9 in print on Amazon. Since there’s no licensing cost for Lord Trump, he’s selling you a sheaf of paper and keeping $50.

    QasimRashid, to random
    @QasimRashid@mastodon.social avatar

    SCOTUS is hearing arguments to ban Mifepristone b/c “FDA failed to address concerns about whether the drug is safe for women.”

    Mifepristone reports 5 deaths per 1M people who use it—a death rate of 0.0005%.

    Viagra has a 15X greater death rate.

    So…when do we ban Viagra??🤔

    mdavis,
    @mdavis@mastodon.social avatar

    @QasimRashid That’s a hard one.

    JenMsft, to random
    @JenMsft@mastodon.social avatar

    🥲

    mdavis,
    @mdavis@mastodon.social avatar

    @JenMsft Conversion to TypeScript complete.

    chriscoyier, to random
    @chriscoyier@front-end.social avatar
    mdavis,
    @mdavis@mastodon.social avatar

    @chriscoyier You know the formula. Just do it again. All that old content is eventually going to be obsolete, and what isn’t could be refreshed. So much new material is waiting to be written. Call it CSS-Talk (css-talk.com is available). An homage to Shoptalk Show.

    bramus, (edited ) to CSS
    @bramus@front-end.social avatar

    Should Chrome DevTools warn you when a declaration is IACVT?

    :root { --not-a-color: 20px; }  
    p { background-color: red; }  
    p { background-color: var(--not-a-color); } /* ⚠️ */  
    

    mdavis,
    @mdavis@mastodon.social avatar

    @bramus Now that I know what IACVT means can I change my vote to Yes? Seeing a console warning would be more helpful than just seeing this in the styles inspector. Does that create a precedent for similar types of CSS warnings, or do all the others emit to console already as one would expect?

    dangillmor, to random
    @dangillmor@mastodon.social avatar

    If this is true, the vast majority of clicks on advertising at the deadbird site during the Super Bowl were fraudulent.

    https://mashable.com/article/x-twitter-elon-musk-bots-fake-traffic

    What will advertisers do about it? What can they do about it?

    mdavis,
    @mdavis@mastodon.social avatar

    @dangillmor Advertisers who are still on X are already predisposed to being taken. So X will apply the Google model of telling them that despite record traffic to X during the Super Bowl, the reason the advertiser had such poor engagement/conversion is “actually” because they “actually” needed to increase their ad spend for more coverage because they get lost in the sea of increased traffic. And so, they hand over more $. That’s how Google ad sales reps have been doing it for years.

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

    The triangle🔺 is probably the most popular CSS shape and I still see old and obsolete methods to create it.

    ⚠️ STOP DOING THIS ⚠️

    Here is a collection of CSS-only triangles made with modern CSS:

    👉 https://css-generators.com/triangle-shapes/

    ✅ Only one element
    ✅ Optimized code with no magic numbers
    ✅ Border-only & rounded corners variations

    Showing the triangle shapes collection from the provided links

    mdavis,
    @mdavis@mastodon.social avatar

    @css Is it possible to use this method to create a filled star shape? You had a really tricky solution for doing that years ago and I wonder if CSS now gives us a better way to accomplish that today.

    mdavis,
    @mdavis@mastodon.social avatar

    @css That’s great news! Standing by for your magic CSS that doesn’t need magic numbers!

    simonzerafa, to random

    Remember to date your Cheques with 2024 from Midnight tonight! 😉

    mdavis,
    @mdavis@mastodon.social avatar

    @simonzerafa Date Czechs in 2024. Got it.

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