收藏 / 列表

andy-croxall 頭像

Andy Croxall - Commonly Confused Bits Of jQuery

All of which means that, unless you have some odd grudge against jQuery, those days are gone — you can actually get stuff done now. A script to find all links of a certain CSS class in a document an

coding , Essentials , jquery

soh-tanaka 頭像

Soh Tanaka - Mastering CSS Coding: Getting Started

If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tutorial as we cover the most common and practical uses of CSS. We’

coding , Css , Essentials

paul-tero 頭像

Paul Tero - Speeding Up Your Website’s Database

However, the focus of the discussion is generally on minimizing file sizes, improving server settings and optimizing CSS and Javascript. The discussion glosses over another important factor: the sp

Speed , performance , coding

atila-fassina 頭像

Atila Fassina - Databases For Front-End Developers: The Rise Of Serverless Databases (Part 1)

As front-end developers, we understand the foundational role data plays in our daily jobs. It may come from an external API, a CMS, or even a spreadsheet. But god forbid we need to talk about settin

API , Apps , cms , Browsers , serverless

myriam-frisano 頭像

Myriam Frisano - SVG Coding Examples: Useful Recipes For Writing Vectors By Hand

Even though I am the kind of front-end engineer who manually cleans up SVG files when they are a mess, I never expected to become one of those people. You know, those crazy people that draw with cod

Guides , coding , svg

glenstansberry 頭像

Glen Stansberry - How Simple Web Design Helps Your Business

Many e-commerce sites these days tend to be loaded down with too much information on their landing pages. The reasoning for cluttered e-commerce sites is simple: the more information you can cram on

Minimalism , Usability , Web Design , E-Commerce , Business

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

jhey-tompkins 頭像

Jhey Tompkins - 3D CSS Flippy Snaps With React And GreenSock

Naming things is hard, right? Well, “Flippy Snaps” was the best thing I could come up with. 😂 I saw an effect like this on TV one evening and made a note to myself to make something similar. Altho

react , Techniques , Tools , Apps , Css

inayaili-de-leon 頭像

Inayaili de Leon - The Future Of CSS Typography

There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it’s not a surprise that text is treated w

Typography , coding , Css

newsletter-team 頭像

The Smashing Newsletter Team - Five Useful Design Techniques and Coding Solutions For Web Designers

As designers, we have to create an intuitive user experience, solve design problems and provide a beautiful and functional user interfaces. Unlike print design, we don’t have the luxury of designing

Techniques , coding

cameron-chapman 頭像

Cameron Chapman - Finding Inspiration In Uncommon Sources: 12 Places To Look

To some extent, looking at established website designs can also be somewhat limiting, especially if you’re looking for a fresh solution to a problem. Further Reading on SmashingMag: Offline Ins

music , Inspiration

sven-lennartz 頭像

Sven Lennartz - On-Stage: Free Vector PSD Icon Set

You can find our previous releases in our section Freebies. Today we are glad to release a icON Stage icon set. The set contains 49 free vector icons including PSD which can be useful for both co

Downloads , Icons , Freebies

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

vitaly-friedman 頭像

Vitaly Friedman - 50 Stunning Free High-Quality Icon Sets

Please notice that we do know that round-ups of icon sets are getting old; but because these round-ups are always useful and handy, we are keeping doing them. Most of the icons featured below are a

Graphics , Icons , Freebies

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - 前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼

前端設計模式深度解讀：從混沌到有序，寫出可維護的代碼 前言：你是否也被這些代碼問題折磨過？ "這個彈窗組件改一處就崩三處，到底誰寫的？" "為什麼同樣的表單驗證邏輯，每個頁面都要複製粘貼？" "狀態管理越來越亂，新增功能要改五六個地方？" "接手的項目像一團亂麻，根本不敢動核心邏輯？" 前端開發中，"能跑就行" 的代碼在初期或許能快速交付，但隨着項目迭代，維護成本會指數級增長。設計模式不是銀彈，卻

設計模式 , 前端

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端H5錄音實時幀回調-波形配置- Recorder.js

在H5端我們必須使用canvas作為容器來顯示波紋效果，這在官網上有詳細説明 這裏我定義了一個waveConfig變量用作波形的配置，具體的參數下文寫的很詳細，需要注意一點，compatibleCanvas參數綁定的是canvas容器，而且得是在canvas掛載後才能綁定。 // 創建音頻可視化圖形繪製對象 waveConfig.compatibleCanvas = recw

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