收藏 / 列表

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 - CSS Intelligence: Speculating On The Future Of A Smarter Language

Once upon a time, CSS was purely presentational. It imperatively handled the fonts, colors, backgrounds, spacing, and layouts, among other styles, for markup languages. It was a language for looks,

Techniques , coding , Css

u_16116809 頭像

wx6464351503832 - 測試內容json

[ [ "wrb.fr", "hNvQHb", [ [ [ [ "c_197ce1069b081dc2", "r_2e7621f2277efc20" ], [

ico , MySQL , Augmented , 數據庫 , ide , Json

stephanie-eckles 頭像

Stephanie Eckles - Level Up Your CSS Skills With The :has() Selector

Using :has() gives us the ability to “look ahead” with CSS and style a parent or ancestor element. Then, we can broaden the selector to target one or more siblings or children. By considering elemen

workflow , Tools , Css , Browsers

u_16213657 頭像

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

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

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

sven-lennartz 頭像

Sven Lennartz - Splash Pages: Do We Really Need Them?

Yes, sometimes we do. Should we use them? No, we probably shouldn’t. Splash screen (or splash page) is a front page of a web-site that don’t provide the actual content, but offers visitors some kind

Flash , Navigation , ux , Usability

victor-ayomipo 頭像

Victor Ayomipo - Previewing Content Changes In Your Work With document.designMode

So, you just deployed a change to your website. Congrats! Everything went according to plan, but now that you look at your work in production, you start questioning your change. Perhaps that change

devtools , Tools , testing , debugging , Browsers

u_13539 頭像

jowvid - OpenAI的新型強化學習算法PPO-讀PAPER-02

核心概念解析 簡而言之，強化學習是關於智能體（agent）以及它們如何通過試錯來學習的研究。它將這樣一種理念形式化：對智能體的行為進行獎勵或懲罰，會使它在未來更有可能重複或放棄該行為。 強化學習能做什麼？ 強化學習方法近年來在多個領域取得了廣泛的成功。例如： 它被用於教計算機在模擬環境中控制機器。 也能在現實世界中控制機器 它還因

強化學習 , 數據 , 標準差 , Css , 前端開發 , HTML

u_12891 頭像

gjnet - get request 為什麼有長度限制

微軟説："Maximum URL length is 2,083 characters in Internet Explorer" 我們在Pricing系統開發中挑戰了一下這個長度，結果以失敗告終！...... 問題描述：系統中通過一個QLookUp選取Vendor相關信息，包括vendor code, vendor name, vendor

text , 架構 , 後端開發 , SQL , ci

chris-coyier 頭像

Chris Coyier - 12 Principles For Clean HTML Code

Beautiful and clean HTML is the foundation of a beautiful website. When I teach people about CSS, I always begin by telling them that good CSS can only exist with equally good HTML markup. A house i

workflow , Characters , Principles , coding , Validation , Css

cosima-mielke 頭像

Cosima Mielke - On The Edge Of November (2022 Desktop Wallpapers Edition)

November tends to be a rather gray month in many parts of the world. So what better remedy could there be as some colorful inspiration? To bring some good vibes to your desktops and home screens, ar

Wallpapers

cristian-diaz 頭像

Cristian Díaz - A Guide To Keyboard Accessibility: JavaScript (Part 2)

In the previous article, we talked about how to improve accessibility for keyboard users using HTML and CSS. Those languages can do the job most of the time, but certain design requirements and the

Guides , Accessibility , Css , HTML , Javascript

geoff-graham 頭像

Geoff Graham - Answering Common Questions About Interpreting Page Speed Reports

This article has been kindly supported by our dear friends at DebugBear, who help optimize web performance to improve user experience. Thank you! Running a performance check on your site is

performance , optimization , Techniques , Tools

shuirongshui 頭像

水冗水孚 - Ubuntu服務器上使用docker-compose部署 gitlab（圖文並茂記錄）

為何使用docker-compose進行GitLab的部署安裝 原因：docker-compose便於對GitLab 容器進行資源控制進行（如優化節省服務器資源、便捷刪除等） GitLab本身是一個笨重的應用服務，一般來説，需要4核CPU和8GB內存才能正常運行，再低一些也行，不過需要把gitlab自帶的一些功能服務給進行優化，比如有： Puma Worker Processes

docker-compose , docker-images , gitlab , Docker

michelle-barker 頭像

Michelle Barker - Building A Dynamic Header With Intersection Observer

The Intersection Observer API is a JavaScript API that enables us to observe an element and detect when it passes a specified point in a scrolling container — often (but not always) the viewport — t

performance , API , Javascript , ui

preethi-sam 頭像

Preethi Sam - Gradients, Blend Modes, And A Really Cool Hover Effect

Do you know how box-shadow is sometimes used as a hover effect? It adds depth to something, like a button, and can create the impression that it is being pressed into the page. See the Pen [Unti

Techniques , coding , Css

u_9849794 頭像

子丶不語 - Vue3 動態佈局躺贏！這個「拖拽縮放神器」幫我省了80%開發時間

做前端佈局時，你是不是也遇到過這些糟心事兒？想做個可自定義的儀表盤，自己寫拖拽邏輯卡到崩潰；適配不同屏幕時，元素大小調得手麻；好不容易弄好佈局，刷新後又得重新排…… 直到我挖到Grid Layout Plus這個寶藏，這些問題居然一次性全解決了！作為專為 Vue3 設計的柵格佈局系統，它把動態佈局的「難」和「繁」全扛了下來，今天必須把它安利給所有前端小夥伴。

vue.js , 柵格 , 拖拽 , 前端開發 , Layout

linyuyizhizou_678b9fdc436f1 頭像

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

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

css3 , Css , 前端

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序長按功能

現在要實現一個按鈕長按的功能，大概有如下幾個要點： 1、長按按鈕，按鈕覆蓋整個輸入框 2、長按的過程中移動手指，判斷手指移動的位置是否在按鈕內 3、長按鬆開，按鈕還原 按鈕結構如下： view id="audio-full" :class="[ 'audio-full', isLongpress 'touch-longpress'

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