收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - CSS 選擇器全解析：從基礎語法到組件庫樣式修改，解決前端樣式定位難題

前言：被 CSS 選擇器 “卡殼” 的日常 “寫了.btn-active樣式，為什麼按鈕沒反應？” “#nav .list li和.nav-list li到底誰能生效？” “想改組件庫的輸入框樣式，加了類卻被覆蓋？” “用[class=btn]匹配按鈕，多了個類名就失效了？” CSS 選擇器是前端樣式的 “定位工具”，但很多開發者停留在 “會用類和 ID” 的初級階段，面對動態元素、組件庫樣式修改

css3 , Css , 前端

ahmad-shadeed 頭像

Ahmad Shadeed - A Deep CSS Dive Into Radial And Conic Gradients

CSS gradients are a useful CSS feature that can be used to create interesting UI effects or even help us in drawing something without the need to create HTML elements for it. Two gradients that I wo

animation , Techniques , Css , ui

gabriel-shoyombo 頭像

Gabriel Shoyombo - Solving Media Object Float Issues With CSS Block Formatting Contexts

Let’s imagine we’re making a small component. It can be anything, really, but let’s use a media object as an example. Nicole Sullivan had a solid definition of media objects from way back in 2010, a

Tutorials , Layouts , coding , Css

u_16116809 頭像

wx6464351503832 - 通義DeepResearch技術報告解讀

通義深度研究：開源AI研究助手的新里程碑 最近AI研究領域有個很有意思的現象，就是那些最厲害的AI研究助手，比如OpenAI的DeepResearch、谷歌的Gemini DeepResearch，全都是閉源的。這就像大家都在説"我做出了很棒的東西"，但就是不告訴你怎麼做的。阿里巴巴通義實驗室最近開源的通義深度研究（Tongyi

強化學習 , agent , 智能體 , 數據 , Css , 大模型 , 前端開發 , HTML

stephanie-eckles 頭像

Stephanie Eckles - Getting Started With CSS Cascade Layers

CSS recently turned 25 years old, and over that time, many techniques and tools have been created to help developers work with the cascade. Within the last year, a new spec to orchestrate the “C” in

Guides , Techniques , Css

u_16213657 頭像

mob64ca140a1f7c - 摩爾斯電碼 — 摩爾斯密碼_51CTO博客

最近在研究摩爾斯電碼的時候，偶然發現了一個挺不錯的在線工具網站 ——Morse Coder。作為一個對老技術有點興趣的人，我花了1小時時間把這個網站的功能都深度體驗了一遍，感覺值得推薦給大家。 而且重要的是，完全免費。 先説説我最常用的幾個功能 文本翻譯器 這個功能最實用，就在首頁。你可以直接輸入文字，實時轉換成摩爾斯電碼，也可以反過來

上傳 , 翻譯器 , 註冊登錄 , Css , 前端開發 , HTML

victor-ayomipo 頭像

Victor Ayomipo - CSS min() All The Things

Did you see this post that Chris Coyier published back in August? He experimented with CSS container query units, going all in and using them for every single numeric value in a demo he put together

Techniques , Tools , Css

u_12891 頭像

gjnet - Web響應式設計(一) - Ashley的輪子

你是否曾在終端命令行查詢天氣後，又想在瀏覽器中查看更詳細的預報？wttr.in通過創新的響應式設計，讓天氣信息在終端和Web界面間無縫切換，一次查詢滿足兩種場景需求。本文將深入解析其跨平台適配的實現原理，展示如何通過代碼層面的精妙設計，讓同一套數據呈現出截然不同的視覺體驗。 終端界面的自適應佈局系統 wttr.in的終端界面採用模塊化設計，能夠根據終端寬度自動

響應式設計 , Css , 前端開發 , HTML , Web

shuirongshui 頭像

水冗水孚 - 類比前端知識來學習Java的Spring Boot實現MySql的全棧CRUD功能——搭配Svelte+Vite

前言 本文梳理了後端的相關操作流程環節 使用Svelte+Vite（前端）搭配Spring Boot（後端） 實現了一個增刪改查全棧項目 有助於前端更好理解後端java的分層思想，數據流轉控制 和Svelte嚐鮮學習瞭解 完整前後端代碼在github：https://github.com/shuirongshuifu/svelte-springBoot-crud 大道至簡，一些知識

svelte , springboot

cosima-mielke 頭像

Cosima Mielke - Ingredients For A Cozy November (2024 Wallpapers Edition)

When the days are gray and misty as they are in many parts of the world in November, there’s no better remedy than a bit of colorful inspiration. To bring some good vibes to your desktops this month

Wallpapers

cristian-diaz 頭像

Cristian Díaz - The Guide To Windows High Contrast Mode

When we talk about accessibility, we tend to talk about many things — such as dark mode, keyboard navigation, prefers-reduced-motion, and screen readers — but there is one thing that does not receiv

Techniques , Accessibility , Css , Design

geoff-graham 頭像

Geoff Graham - Why Optimizing Your Lighthouse Score Is Not Enough For A Fast Website

This article has been kindly supported by our dear friends at DebugBear, who help optimize web performance to improve user experience. Thank you! We’ve all had that moment. You’re optimizin

performance , Core Web Vitals , optimization , Tools

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 解決移動端設備hover樣式不消失問題

下面是一段scss示例： .btn-text { border: 1px solid #cfd5de; transition: all 0.3s; @media (hover: hover) { :hover { color: #006eff; border-color: #006eff; } } :active { col

react , vue.js , css3 , 前端 , Javascript

michelle-barker 頭像

Michelle Barker - New CSS Features In 2022

Container queries enable us to style an element depending on the size of its parent — a crucial difference from media queries, which only query the viewport. This has long been a problem for respons

Guides , Css , Browsers

preethi-sam 頭像

Preethi Sam - A Few Interesting Ways To Use CSS Shadows For More Than Depth

The world of post-modern web design is one where the light doesn’t cast many shadows. That doesn’t mean CSS shadows are going away. On the contrary, they’ve become more adaptive. Shadows are an incr

Techniques , coding , Css

u_9849794 頭像

子丶不語 - Vue3 手勢指令發佈！

在Vue3開發中，框架本身並沒有內置豐富的手勢指令（如滑動、捏合、長按等），開發者只能使用基礎的鼠標/觸摸事件綁定（如@click、@mousedown、@touchstart等）。這在需要複雜手勢交互的移動端應用開發中，往往顯得力不從心。 好消息是，vue3-touch-events來了！這是一個專為Vue3設計的強大手勢事件庫，讓你輕鬆實現各種觸摸手勢交互，完美支持移動

縮放 , Vue , 拖拽 , Css , 前端開發 , HTML