收藏 / 列表

ahmad-shadeed 頭像

Ahmad Shadeed - Using HSL Colors In CSS

From my experience, most of the colors I see people using in CSS are hex and RGB. Recently, I’ve started seeing more usage of HSL colors, however, I still think that the full potential of HSL is ove

Techniques , Tools , Css , Colors

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

newsletter-team 頭像

The Smashing Newsletter Team - Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?

This article discusses the pros and cons of each type of layout. Either one can be used to make a successful website layout, as long as you keep usability in mind. Why all the debate? Web page desi

Layouts , coding , Css

u_16116809 頭像

wx6464351503832 - 測試內容json

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

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

stephanie-eckles 頭像

Stephanie Eckles - A Guide To CSS Debugging

We’ve all been there, at the end of completing CSS for a layout and — what’s that? Ah! An extra scrollbar! Or maybe an element is an unexpected color. And on some browsers, that new feature just doe

workflow , Techniques , Tools , Css

u_16213657 頭像

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

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

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

u_12226 頭像

小蝌蚪 - C# SDK實現百度雲OCR的文字識別功能

為了驗證Dify對票據識別的正確率，博主開發了一個批量調用Dify API 完成OCR識別工具，在RPA項目上測試樣本數據識別的正確率。只需要點一下按鈕，程序就放出10次請求，然後把AI智能體OCR識別的結果全部返回。感謝zoujiawei提供的DifyWebClient類庫，我們只需要直接調用就行，不過還是有一些地方需要博主説

API , ocr , 後端開發 , dify , c , Python

sven-lennartz 頭像

Sven Lennartz - Online Converters

Online converters always come in handy. Once you need to perform some operation with your files, they can save your time achieving the same results online, without installing some specific software.

workflow , Tools

u_14540126 頭像

最多選5個技能 - 系統架構設計師高階難題解析與深度思考

一、分佈式系統深度難題 1.1 一致性協議進階應用 難題1：Multi-Paxos優化實現 考慮一個需要高吞吐的分佈式配置管理系統，採用Multi-Paxos協議。已知網絡延遲RTT=50ms，每個提案大小1KB，客户端請求速率2000QPS。求： 理論上最大吞吐量是多少？ 如何通過批處理和流水線優化提升性能？ 在節點

架構設計 , 數據中心 , 緩存 , 後端開發 , Python

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

u_13539 頭像

jowvid - 【圖論——第一講】圖論基礎以及圖的儲存

文章目錄 圖論理論基礎（1） 1. 圖的基本概念 1.1 基本術語 2. 圖的分類 2.1 有向圖 vs 無向圖 2.2 加權圖 vs 無權圖 2.3 度（Degree） 3. 圖的連通性

數據結構 , 算法 , 寬度優先 , Css , 廣度優先 , 前端開發 , HTML , 圖論

u_12891 頭像

gjnet - pes 2021 editor

在引入某個外部框架/功能件的 時候, 通常是 先引入css, 後引入js. css的必要屬性是rel和href, js的必要屬性是charset和src. js都是用javascript的,所以 css和js都不需要寫type了. k-indeditor 版本是4.1.11,其示例文檔不是根目錄下的demo.html而是根據你使用的後台語言放在對應的php

php , 架構 , 後端開發 , pes 2021 editor , Css , Json

cameron-chapman 頭像

Cameron Chapman - Color Theory for Designers, Part 1: The Meaning of Color

There are few things in design that are more subjective—or more important—than the use of color. A color that can evoke one reaction in one person may evoke the opposite reaction in another, due to

Graphic Design , Color Theory , Design Principles , Colors , Design

chris-coyier 頭像

Chris Coyier - Ask SM: CSS Quick-Question Edition

This is our sixth installment of Ask SM, featuring reader questions about Web design focusing on HTML, CSS and JavaScript. These entries are not all questions, but rather quick Twitter responses to

coding , Css

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 - A Roundup Of WCAG 2.2 Explainers

WCAG 2.2 is officially the latest version of the Web Content Accessibility Guidelines now that it has become a “W3C Recommended” web standard as of October 5. The changes between WCAG 2.1 and 2.2 a

Roundup , Accessibility

shuirongshui 頭像

水冗水孚 - 實現el-table中輸入框單元格的上下左右鍵快捷切換

需求描述 最近有一個需求，就是用户説，不習慣使用tab鍵做輸入框input的光標切換 （tab鍵盤沒法回到之前的input光標，只能走了一圈後再回到原點那種） 用户喜歡使用上下左右鍵，來進行輸入框切換 基於這個需求下，便有了本篇文章的示例 示例演示網站：http://ashuai.work:8890/30 github：https://github.com/shuirongshuif

vue.js , element-plus , Javascript

michelle-barker 頭像

Michelle Barker - Developer Decisions For Building Flexible Components

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for ho

Techniques , Content , Css , Design

preethi-sam 頭像

Preethi Sam - How To Draw Radar Charts In Web

I got to work with a new type of chart for data visualization called a radar chart when a project asked for it. It was new to me, but the idea is that there is a circular, two-dimensional circle wit

Techniques , Css , Data Visualization

inayaili-de-leon 頭像

Inayaili de Leon - Take Your Design To The Next Level With CSS3

So why is it that, when it comes to CSS, we’re stuck in the past and so afraid of experimenting? Why is it that we still use inconvenient CSS hacks and JavaScript-dependent techniques for styling? W

css3 , Techniques , coding , Css

u_9849794 頭像

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

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

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

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 深度解讀前端包管理器：npm、cnpm、yarn、pnpm 的技術博弈與選型指南

引言：被依賴包支配的前端日常 "為什麼我本地能運行的項目，到服務器就報錯？" "node\_modules 文件夾怎麼佔用了 10GB 磁盤空間？" "安裝依賴為什麼要等 5 分鐘？" 這些前端開發中的經典靈魂拷問，都指向同一個核心問題 —— 包管理器的選擇與使用。從 2010 年 npm 誕生至今，前端包管理生態經歷了多次技術迭代，形成了 npm、cnpm、yarn、pnpm 四分天下的格局。它

yarn , 知識 , npm , 前端 , Javascript

dmitry-dragilev 頭像

ZURB - The New Hotness: Using CSS3 Visual Effects

Previously in this series on CSS3, we talked not only about how to create scalable and compelling buttons but about how to effectively use new CSS3 properties to speed up development and quickly cre

css3 , coding , Css