tag coding

標籤
貢獻348
335
08:02 AM · Nov 05 ,2025
anselm-hannemann 頭像 vitaly-friedman 頭像 christian-heilmann 頭像 louis-lazaris 頭像 zack-grossbart 頭像 paul-tero 頭像 heydon-pickering 頭像 rachel-andrew 頭像 chris-coyier 頭像 cameron-chapman 頭像 sven-lennartz 頭像 addy-osmani 頭像

@coding / 博客 RSS 訂閱

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

收藏 評論

dmitriy-fabrikant 頭像

Dmitriy Fabrikant - A Front-End Developer’s Ode To Specifications

In the physical world, no one builds anything without detailed blueprints, because people’s lives are on the line. In the digital world, the stakes just aren’t as high. It’s called “software” for a

workflow , Techniques , Graphics , Tools , ux , coding , Design

收藏 評論

joseph-zimmerman 頭像

Joseph Zimmerman - A Thorough Introduction To Backbone.Marionette (Part 1)

To help you tap the full potential of Marionette, we’ve prepared an entire eBook full of useful hands-on examples which is also available in the Smashing Library. — Ed. Backbone.js is quickly becom

Frameworks , coding , Javascript

收藏 評論

sven-lennartz 頭像

Sven Lennartz - 20 Useful WYSIWYG Editors Reviewed

When it comes to coding editors, it’s damn hard to a get a clear overview of all the benefits and functionalities different editors have to offer. However, in the end everybody needs one, so it’s im

Software , Tools , Downloads , coding , Reviews , Dreamweaver , Development

收藏 評論

heydon-pickering 頭像

Heydon Pickering - Classes? Where We’re Going, We Don’t Need Classes!

It would be no revelation to you to say that HTML elements can be styled without recourse to the class attribute, but have you considered the multitude of benefits that come from forgoing classes al

coding , Css , Opinion Column , HTML

收藏 評論

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

收藏 評論

mat-marquis 頭像

Mat Marquis - JavaScript For Everyone: Iterators

Hey, I’m Mat, but “Wilto” works too — I’m here to teach you JavaScript. Well, not here-here; technically, I’m over at Piccalil.li’s JavaScript for Everyone course to teach you JavaScript. The follow

Techniques , coding , Javascript

收藏 評論

myriam-frisano 頭像

Myriam Frisano - Decoding The SVG path Element: Line Commands

In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon (a

Techniques , coding , svg

收藏 評論

aaronladage 頭像

Aaron Ladage - Form Inputs: The Browser Support Issue You Didn’t Know You Had

The lowly form input. It’s been a part of HTML for as long as HTML has had a formal specification; but before HTML5, developers were hamstrung by its limited types and attributes. As the use of smar

Forms , coding , Browsers

收藏 評論

janko-jovanovic 頭像

Janko Jovanovic - Designing CSS Buttons: Techniques and Resources

Buttons, whatever their purpose, are important design elements. They could be the end point of a Web form or a call to action. Designers have many reasons to style buttons, including to make them mo

Buttons , Techniques , coding , Css , Essentials

收藏 評論

matt-ward 頭像

Matt Ward - The Poetics Of Coding

That’s an interesting metaphor. I’ve written about the relationship between these coding languages and proper human language (specifically, English). As someone who graduated from university with a

workflow , coding , Css

收藏 評論

jeremywagner 頭像

Jeremy Wagner - Next Generation Server Compression With Brotli

Chances are pretty good that you’ve worked with, or at least understand the concept of, server compression. By compressing website assets on the server prior to transferring them to the browser, we’

performance , backend , node.js , HTTPS , coding

收藏 評論

philipwalton 頭像

Philip Walton - Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of

Have you ever wanted to use a particular CSS feature but didn’t because it wasn’t fully supported in all browsers? Or, worse, it was supported in all browsers, but the support was buggy, inconsisten

Techniques , coding , Css

收藏 評論

lee-munroe 頭像

Lee Munroe - An Introduction To Building And Sending HTML Email For Web Developers

I’ve spent the past several years building development tools — two of those years as product design lead at Mailgun, an email service for developers, where I learned a lot about how email works and

Emails , coding , HTML

收藏 評論

matthew-haworth 頭像

Matthew Haworth - How To Create Custom Shipping Methods In Magento

In this tutorial, we will use Magento’s powerful shipping-method code abstraction to create a shipping carrier. We will create three shipping methods that provide a fixed shipping price, allow for f

Techniques , php , Magento , coding

收藏 評論

alexander-makarov 頭像

Alexander Makarov - The Big PHP IDE Test: Why Use One And Which To Choose

Everyone wants to be more productive, make fewer mistakes and write good code. Of course, that all depends on you, but in most cases integrated development environments (IDEs) can help you achieve t

php , coding

收藏 評論

jd-graffam 頭像

JD Graffam - Introducing Responsive Web Typography With FlowType.JS

*It’s our great pleasure to support active members of the Web design and development community. Today, we’re proud to present FlowType.JS that allows a perfect character count per line at any screen

workflow , coding , jquery , Javascript

收藏 評論

peter-gasston 頭像

Peter Gasston - Adventures In The Third Dimension: CSS 3D Transforms

This proposal was called 3D Transforms, and it was soon implemented in Safari for Mac and iOS. About a year later, support followed for Chrome, and early in 2011, for Android. Outside of WebKit, how

css3 , coding , Css

收藏 評論

heydon-pickering 頭像

Heydon Pickering - Semantic CSS With Intelligent Selectors

“Form ever follows function. This is the law.” So said the architect and “father of skyscrapers” Louis Sullivan. For architects not wishing to crush hundreds of innocent people under the weight of a

Semantics , coding , Css , HTML

收藏 評論

geir-wavik 頭像

Geir Wavik - Table Layouts vs. Div Layouts: From Hell to… Hell?

This article covers common problems with layout structure in web design. The first part goes through what table and div hells are, including lots of examples. The next section shows how to write cle

Tables , Layouts , coding

收藏 評論

cameron-chapman 頭像

Cameron Chapman - 50 New CSS Techniques For Your Next Web Design

One of the best parts of CSS is that it’s so simple once you know the basics. Where tables used to make incredibly complex and sometimes impossible-to-decipher code, CSS keeps things clean and simpl

Techniques , coding , Css , Resources

收藏 評論

christian-heilmann 頭像

Christian Heilmann - The Vanilla Web Diet

Editor’s note: *This is an introductory article about a book idea to be published by Smashing Magazine with Chris Heilmann. Check out what we propose as an idea — explaining a way to reconsider how

performance , Tools , coding

收藏 評論

lars-kappert 頭像

Lars Kappert - ECMAScript 6 (ES6): What’s New In The Next Version Of JavaScript

In this article, we’ll discuss a hand-picked selection of ES6 features that you can use in your everyday JavaScript coding. Please note that support for these new ECMAScript 6 features is well under

Web Development , coding , Javascript

收藏 評論

aarongustafson 頭像

Aaron Gustafson - Developing Dependency Awareness

I’m sure you’ve heard the proverb, “A chain is only as strong as its weakest link,” probably many times. Its written origin dates back to the 18th century, but I wouldn’t be surprised if it was much

coding , Css , jquery , Javascript

收藏 評論