Lmst

https://blog.gslin.org/archives/2025/06/22/12481/%e4%b8%8d%e4%bd%bf%e7%94%a8%e5%89%8d%e7%ab%af-javascript-%e6%9e%b6%e6%a7%8b%e6%9e%b6%e8%a8%ad%e7%b6%b2%e9%a0%81%e7%9a%84%e6%96%b9%e5%bc%8f/

不使用前端 JavaScript 架構架設網頁的方式

#framework #frontend #javascript #js

#Development #Tools
Sonda · A visualizer/analyzer for JavaScript and CSS bundles https://ilo.im/164ixj

_____
#CSS #JavaScript #Visualization #Bundlers #Frameworks #Npm #WebDev #Frontend

"Three.js: مكتبة الجرافيكس ثلاثية الأبعاد التي تُحيي الويب!"

🚀 اكتشف عالمًا جديدًا من الإبداع مع Three.js!

هل تريد إنشاء تجارب ويب تفاعلية ثلاثية الأبعاد بسهولة؟ 🎮✨ Three.js هي مكتبة JavaScript قوية ومجانية تتيح لك بناء مشاهد 3D مذهلة تعمل مباشرة في متصفحك!

ما الذي يمكنك صنعه بـ Three.js؟

ألعاب ويب ثلاثية الأبعاد 🎮
عروض مرئية تفاعلية 🎨
تصورات البيانات الديناميكية 📊
تجارب الواقع الافتراضي (VR) 🕶️
والمزيد!

🔗 موقع المشروع الرسمي: threejs.org
💻 مستودع GitHub: github.com/mrdoob/three.js

لماذا Three.js؟

✅ سهلة التعلم (حتى للمبتدئين في 3D).
✅ مجتمع نشط ودعم قوي.
✅ مفتوحة المصدر ومجانية بالكامل.

💡 جربها الآن وابدأ رحلتك في عالم 3D على الويب!

#ThreeJS #WebDevelopment #3DGraphics #OpenSource #JavaScript #Frontend #gnutux #ThreeJS #Web3D #جرافيكس_ويب #OpenSource #مشروع_مفتوح_المصدر #JavaScript #جافاسكربت #Frontend #تطوير_الواجهات #WebDev #تطوير_ويب #3DGraphics #رسومات_ثلاثية_الأبعاد #Coding #برمجة #Tech #تكنولوجيا #Innovation #إبداع_تقني #WebDesign #تصميم_ويب

@squirrel
Thank you for your suggestion to choose grotesque in place of monospace for code. I'll try it!

TT Norms Pro supports 280+ languages. The designer (and founder of the publisher) is Russian: https://luc.devroye.org/fonts-49883.html

I do not give money to TT though. Which makes me think that i have never encountered a nice typeface from Israelis. From Palestine: https://luc.devroye.org/palestine.html

#Russian #Arabic #webdesign #fonts #typography #frontend #Grotesk #Grotesque #typeface #type

The displacement trick to make gradients grainy can also be used wherever we want to make a fade effect grainy - for example if we want to have grainy fade shadows.

You can check out such a case in this @codepen demo https://codepen.io/thebabydino/pen/MWPZNMw

(heavily commented #filter)

#CSS #SVG #svgFilter #code #coding #web #dev #webDev #webDevelopment #frontend #cssShadow #noise

Image with a grainy fade shadow on top of a diagonal lines backdrop to better highlight the semi-transparency of the shadow fade.

🚀 Mastering API Handling in React & Vanilla JS – One Step at a Time!

This week, I deep-dived into handling APIs in React and Vanilla JavaScript – not just fetching data, but doing it efficiently and securely which includes: Fetch, CRUD, Query Params, Auth, and AbortController Explained

#ReactJS #JavaScript #WebDevelopment #Frontend #APIs #AbortController #Authentication #Authorization #AsyncAwait #LinkedInLearning #100DaysOfCode

https://dev.to/shubhamtiwari909/handling-apis-in-frontend-a-complete-guide-fmo

#ROKnROL by Kaye Menner #Photography Wide variety #Prints & lovely #Products at:

https://kaye-menner.pixels.com/featured/roknrol-kaye-menner.html

#car #oldcar #painted #yellow #purple #headlights #grill #frontend #bright #colorful #homedecor #mastoart #fediverse #fediart #fedigiftshop #giftideas #wallartforsale #Art #artforsale #BuyIntoArt #AYearForArt #Artist #FineArtAmerica #PhotographyFeed #VisualArts #CreativeArts

A big problem when the #noise is just layered on top of a #gradient is that this alters its palette - to a greater or lesser extent, depending on the noise alpha & on the blend mode used - you can see it in this interactive @codepen demo https://codepen.io/thebabydino/full/qEdbEQZ
(heavily commented, btw)

Decreasing the alpha of the noise overlay is two edged.

#CSS #SVG #filter #svgFilter #code #web #dev #webDevelopment #webDev #coding #frontend #cssGradient

🎭 Just launched **FolioScrim** - a JSON-configurable portfolio that transforms like theatre magic! ✨
🎛️ Zero-code customisation - just edit one JSON file!
🌓 Built-in dark/light themes
📱 Mobile-responsive & accessible
⚡ React 18 + Vite powered
🔧 Deploy anywhere (GitHub Pages ready!)
Born from my @scrimba learning journey - LONG LIVE SCRIMBA! 🚀
Check it out: https://devsimsek.github.io/FolioScrim/
Code: https://github.com/devsimsek/FolioScrim
#React #OpenSource #Portfolio #WebDev #Scrimba #Frontend #JavaScript #A11y

#Development #Tutorials
Charts in CSS · Yet again, but now with new techniques https://ilo.im/164i2q

_____
#ModernCSS #Demos #Charts #Data #Visualization #WebDev #Frontend #HTML #CSS

File encryption with a browser.

I've been exploring the #WebCryptoAPI and I'm impressed!

When combined with the #FileSystemAPI, it offers a seemingly secure way to #encrypt and #store files directly on your device. Think #localstorage, but with #encryption!

I know #webapps can have #security vulnerabilities since the code is served over the web, so I've #OpenSourced my demo! You can check it out, and it should even work if #selfhosted on #GitHubPages.

Live Demo: https://dim.positive-intentions.com/?path=/story/usefs--encrypted-demo

Demo Code: https://github.com/positive-intentions/dim/blob/staging/src/stories/05-Hooks-useFS.stories.js

Hook Code: https://github.com/positive-intentions/dim/blob/staging/src/hooks/useFS.js

IMPORTANT NOTES (PLEASE READ!):
* This is NOT a product. It's for #testing and #demonstration purposes only.
* It has NOT been reviewed or audited. Do NOT use for sensitive data.
* The "password encryption" currently uses a hardcoded password. This is for demonstration, not security.
* This is NOT meant to replace robust solutions like #VeraCrypt. It's just a #proofofconcept to show what's possible with #browser #APIs.

#Encryption #Cryptography #JavaScript #Frontend #Privacy #Security #WebDevelopment #Coding #Developer #Tech #FOSS #OpenSource #GitHub #MastodonDev #Programming #WebStandards #FileSystem #WebAPI #ProofOfConcept

You can find all CodePen demos created for or mentioned in the article in this @codepen collection https://codepen.io/collection/rBaKPG

#CSS #SVG #filter #svgFilter #code #web #dev #webDev #webDevelopment #frontend #coding #cssGradient #noise #grain

#Design #Debates
Who really owns accessibility? · Accessibility is a team effort of designers and developers https://ilo.im/164q3l

_____
#Accessibility #Responsibility #Collaboration #Workflows #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Design #Overviews
Why JPEGs still rule the web · “It’s difficult to topple a format with a 30-year head start.” https://ilo.im/164pyx

_____
#Photos #Images #ImageFormats #JPEG #DCT #Compression #Content #Development #WebDev #Frontend

Vite’s Creator on a Unified JavaScript Toolchain and Vite+: https://thenewstack.io/vites-creator-on-a-unified-javascript-toolchain-and-vite/ via @thenewstack #frontend #javascript

#Development #Approaches
Accessibility in design systems · How accessible features fit into design components https://ilo.im/164rt6

_____
#DesignSystem #Accessibility #Business #Regulation #EAA #Design #UiDesign #WebDesign #WebDev #Frontend

I just can’t find anything healthier for my mind than #Elm https://elm-lang.org/ for developing #frontend applications. It just works; it’s reliable, simple, and has a great community. I don’t understand how anyone could use something else, except for the reluctance to learn functional programming.
#changemymind #javascript