Adding parallax in your website shouldn’t feel heavy. In most projects, parallax means: ❌ extra JS setup ❌ custom calculations ❌ breaking layouts on mobile With MotionFlow, it’s just an HTML attribute. ✅ Add parallax ✅ Control speed per device ✅ No JavaScript config ✅ Safe defaults built-in <div data-mf-parallax data-mf-parallax-speed="1.5"> Parallax content </div> That’s it. Desktop, tablet, and mobile speeds? → just attributes. Want to ignore an element? → one attribute. Parallax should enhance the scroll, not complicate your build. You can see it working here 👇 👉 motionflow.dev/docs/parallax #MotionFlow #WebAnimation #Parallax #FrontendDev #WebDesign #NoJSConfig #HTMLAttributes

メモ reactでコンポーネントを作成する場合は基本的にネイティブhtmlの持つpropsを全て包含したpropsにするべき そんな時役に立つのがHTMLAttributes<T> まだ調べてないけど、多分こいつの派生型にbuttonとかの定義が居て、そいつと作成するコンポーネントを合成するか継承させるかみたいな感じ

はてなブログに投稿しました ComponentPropsWithoutRef<'button'> と ButtonHTMLAttributes<HTMLButtonElement> は何が違うのか? - Panda Noir pandanoir.info/entry/2025/11… #はてなブログ HTMLAttributesを使う代わりにComponentPropsを使ったほうがいいよ(結論)って記事を書いたよ

Builderius expressions everywhere. They are granular, they are elegant. How can one live without them. <3 Early bird pricing ends in 5 days 👇 #dynamicdata #expressions #GraphQL #wordpress #webdesign #htmlattributes

I’ve accidentally fallen into the pattern of using ComponentProps for custom components and HTMLAttributes for actual html elements

📏 Want compact or bold toggles? Use the size attribute in <mci-toggle> to switch between small, medium, and large – no CSS required! 🎯 #toggleui #webcomponents #frontendtips #mcutoggle #htmlattributes

📏 Adjust your toggle size in a snap! Use size="small", "medium", or "large" in <mci-toggle> to scale your UI. Clean, no-CSS attribute control. 💡 #toggleui #webcomponents #frontendtips #htmlattributes #mcutoggle #mcubeinfotech #mcubetags

🚫 Disable interaction instantly! Add disabled to your MCI Toggle for a non-clickable switch. <mci-toggle disabled></mci-toggle> #htmlattributes #webcomponents #frontendtips #customui #mcutoggle

🎨 Make your toggles stand out! Use bg-color, text-color, and switch-label-color for a fully customized look. <mci-toggle checked bg-color="#0d6efd" text-color="#333" switch-label-color="#fff"></mci-toggle> #toggle #customui #htmlattributes #WebDevelopment #mcubetags

🎯 Become a Front-End Web Developer: The Ultimate Guide Front-end web development is an exciting and rewarding career. If you want to build stunning websites and web apps, this guide will help you become a professional front-end developer. A thread 🧵👇🏻👇🏻 #HTML #HTMLTutorial #LearnHTML #HTMLForBeginners #HTML5 #WebDevelopment #FrontendDevelopment #WebDesign #HTMLBasics #Coding #Programming #HTMLTags #HTMLForms #HTMLTables #HTMLAndCSS #HTMLAttributes #HTMLWebsite #HTMLFullCourse #react #javascript #HTMLStepByStep #HTMLElements #HTMLEssentials #code #coding

And if TS gets mad you can do this: declare module 'react' { interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> { _variant?: "default" | "outline"; } }

If this is legacy ASP.NET MVC, you could pass htmlAttributes, e.g. new { data_id = 1234 }, would translate to data-id="1234" on the element. Not sure on ASP.NET MVC Core/Razor Pages though

UNDERSTANDING HTML GLOBAL ATTRIBUTES #WebDevelopment #html #htmlattributes

HTML attributes: Web design's secret superpowers! 🚀 From src to href, these tiny tags transform elements, giving websites their magic. Want to level up? Master those attributes! 💻✨ #HTMLAttributes #WebDesign

HonoX shadcnを試してるけど，hono/jsxの型情報が微妙にReactと異なっているせいでType Errorが多い JSX.ElementとかHTMLAttributesとか Reactのエコシステムを活かしきれないのは残念だな

What is at the root of your website looking so beautiful? It's the HTML code! Read how HTML plays a inevitable role in web designing at: tinyurl.com/w2vcxd7n #html5 #FrontEnd #coding #programminghelp #htmltags #htmlattributes @html @html_to_design @html5gamedevs

Ionic Framework has released version 8.2.7, featuring various bug fixes and enhancements. Key improvements include preserving id in htmlAttributes for alerts and overlays, adding focusTrap prop to Angular modals and popovers, ensuring router-link remains clickable in items, and introducing new events like onPointerDown for React. Additionally, custom roles and ARIA attributes are now supported in content components, and Vue's router-link properly renders clickable elements. #IonicFramework #WebDevelopment #UIComponents #IonicUpdate #BeFutureReady

#TipsDev Como puedes realizar un componente input en astrojs reutilizable mediante atomic design?, te comparto el codigo, toma en cuenta que un input es un atomo, HTMLAttributes es una libreria y los atributos deben ir desestructurados, realizas tu software con atomic design?

Rediscovering HTML: 5 Attributes to Elevate Accessibility & User Experience. #HTMLRevamp #AccessbilityUpgrade #UXEnhancements #HTMLAttributes #RediscoverHTML palamsolutions.com/?p=15753