收藏 / 列表

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - Flex 佈局實戰指南：從踩坑到精通，解決 90% 佈局難題

前言：你是否也被這些 Flex 問題折磨過？ “為什麼我用justify-content: center卻無法垂直居中？” “align-items和align-content到底什麼時候生效？” “設置了width: 200px，加了flex:1後怎麼沒用了？” 作為前端開發最常用的佈局方案，Flex（彈性佈局）以 “靈活” 著稱，但這份靈活也讓很多開發者陷入 “混亂”—— 核心原因是沒吃透 “

css3 , Css , 前端

ahmad-shadeed 頭像

Ahmad Shadeed - A Deep Dive Into object-fit And background-size In CSS

We’re not always able to load different-sized images for an HTML element. If we use a width and height that isn’t proportional to the image’s aspect ratio, the image might either be compressed or st

Techniques , Tools , Css , Browsers

gabriel-shoyombo 頭像

Gabriel Shoyombo - Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module?

You’ve got a Pinterest-style layout to build, but you’re tired of JavaScript. Could CSS finally have the answer? Well, for a beginner, taking a look at the pins on your Pinterest page, you might be

Techniques , CSS Grid , Css , Design

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 - 電調

我們來詳細解析AM32中 Minimum duty cycle, Percent（最小佔空比，百分比） 這個參數。這是一個非常基礎且關鍵的參數，它直接決定了電機能否順利啓動和低速平穩運行。 一、 核心概念：它是什麼？ 最小佔空比 定義了電調能夠輸出給電機的最低有效驅動功率。可以把它想象成發動機的怠速。 技術原理：電調通過PWM

參數設置 , 熱啓動 , 滑塊 , Css , 前端開發 , HTML

victor-ayomipo 頭像

Victor Ayomipo - How Developers Can Strengthen Their Mental Health Amidst High-Pressure Projects

I have had my fair share of projects that have given me life because of what I accomplished, as well as those that have cost me life when I reflect on the terrible stress they caused. I know I’m not

workflow , Mental Health , Inspiration

shuirongshui 頭像

水冗水孚 - 彈性盒佈局之從左往右，空間不夠換行繼續從左往右（從左往右，從上往下，between效果）

本文記錄一個css小技巧，不難，不過可能自己一時間想不到 問題描述 我們有這樣的需求，大容器中有很多的盒子，從左往右排列，空間不夠的話，然後換行，繼續從左往右排列，如下效果圖 看到這樣的需求，我們第一時間想到的就是彈性盒佈局，給大容器開啓彈性盒、允許換行，兩側分佈，於是會寫下如下代碼： display: flex; flex-wrap: wrap; justify-content: space-

佈局 , Css

cosima-mielke 頭像

Cosima Mielke - Waiting For Spring (March 2024 Wallpapers Edition)

March is here! With the days getting noticeably longer in the northern hemisphere, the sun coming out, and the flowers blooming, we are fueled with fresh energy. And even if spring is far away in yo

Wallpapers

cristian-diaz 頭像

Cristian Díaz - A Guide To Keyboard Accessibility: HTML And CSS (Part 1)

Keyboard accessibility is an important part of the user experience. There are multiple criteria in Web Content Accessibility Guidelines (WCAG) about this topic. Still, it’s somehow overlooked, affec

Guides , Accessibility , Css , HTML

geoff-graham 頭像

Geoff Graham - Meet Codux: The React Visual Editor That Improves Developer Experience

This article has been kindly supported by our dear friends at Wix who are known to give you the freedom to create, design, manage and develop your web presence exactly the way you want. Thank you

react , workflow , Tools

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序AI對話SSE流式輸出

微信小程序版本，主要針對AI對話的流式輸出，這裏主要有兩個要點 **1、如何流式渲染 2、如何建立SSE連接** 我們先從看得見的渲染開始着手，能渲染出來後再建立SSE做流式輸出 流式渲染 這裏使用uniapp插件市場的：zero-markdown-view 插件市場搜索直接下載導入到項目裏就可以用了 頁面使用： zero-markdown-view :theme-c

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

michelle-barker 頭像

Michelle Barker - Optimizing A Vue App

Single Page Applications (SPAs) can provide a rich, interactive user experience when dealing with real-time, dynamic data. But they can also be heavy, bloated, and perform poorly. In this article, w

Tools , Vue , Apps , Javascript

preethi-sam 頭像

Preethi Sam - In Search Of The Ideal Privacy Icon

I’ve been on the lookout for a privacy icon and thought I’d bring you along that journey. This project I’ve been working on calls for one, but, honestly, nothing really screams “this means privacy”

Icons , Design , ui

u_9849794 頭像

子丶不語 - 看完就會！解鎖CSS的花式邊框！

前言 邊框，在界面設計中是挺重要的，它不僅定義了界面元素的物理邊界，還可以影響用户的視覺感知，幫助用户區分不同的界面元素，起到視覺分隔、焦點引導、裝飾美化、保持一致等作用 那麼，在前端開發中，如何實現邊框捏？ 是的，只要給你的元素加上這一條樣式，你的元素就擁有了邊框，但是你會發現，這是一個實線邊框，如果我想實現其它邊框呢？只需要修改中間的solid值即可

縮放 , 框圖 , 圖片資源 , Css , 前端開發 , HTML