收藏 / 列表

andy-croxall 頭像

Andy Croxall - 10 Oddities And Secrets About JavaScript

JavaScript. At once bizarre and yet beautiful, it is surely the programming language that Pablo Picasso would have invented. Null is apparently an object, an empty array is apparently equal to false

Errors , Mathematics , coding , Essentials , Javascript

soh-tanaka 頭像

Soh Tanaka - Helpful JavaScript & jQuery Tools, Libraries & Plugins

Recently we’ve been receiving more requests for carefully selected, useful round-ups. We try to avoid round-ups on Smashing Magazine, but sometimes the format is useful and — if the resources are re

Tools , templates , coding , jquery , Javascript

philip-tellis 頭像

Philip Tellis - Common Security Mistakes in Web Applications

Web application developers today need to be skilled in a multitude of disciplines. It’s necessary to build an application that is user friendly, highly performant, accessible and secure, all while e

php , Security , coding

atila-fassina 頭像

Atila Fassina - Remix Routes Demystified

Around six months ago, Remix became open source. It brings a lovely developer experience and approximates web development to the web platform in a refreshing way. It’s a known tale that naming is th

react , Frameworks , Tools , Apps

david-bushell 頭像

David Bushell - Understanding The Copyright License

The Web is full of creative and practical resources that we can use to improve our projects. Photography, fonts, music and code are perfect examples. Finding stock objects and existing implementatio

workflow , Privacy , Copyright , Licenses , Design

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

glenstansberry 頭像

Glen Stansberry - 10 Weblog Engines Reviewed

Choosing blogging software can be a scary process, especially if you are new to blogging. There are many different types of engines and content management systems (CMS) that could be used. Picking t

cms , Reviews , Resources , Blogging

lea-verou 頭像

Lea Verou - Optimizing Long Lists Of Yes / No Values With JavaScript

Very frequently in Web development (and programming in general), you need to store a long list of boolean values (yes/no, true/false, checked/unchecked… you get the idea) into something that accepts

Techniques , coding , Javascript

addy-osmani 頭像

Addy Osmani - Using Modern Image Formats: AVIF And WebP

We’ve recently published Addy’s Image Optimization book with everything you need to know about images, how to compress, serve and maintain images. Now, shipping with a hand-written personal messa

performance , Images , optimization , Browsers , Smashing Books

jhey-tompkins 頭像

Jhey Tompkins - What If Our Sliders Actually Slid?

One of my main mantras is using “Creative Coding” to level up your skills. It’s one of the main reasons I have gotten to where I am. But when so much of the web is very “set in its way”, it takes a

Techniques , coding , HTML

dmitry-dragilev 頭像

ZURB - Pushing Your Buttons With Practical CSS3

CSS3 is the partially implemented sequel to the CSS2 spec we all know and love. It’s already popping up in new browsers such as Firefox 3.5, Safari 4 and Chrome. In this article, the first of the ar

Buttons , css3 , Techniques , coding , Css

inayaili-de-leon 頭像

Inayaili de Leon - Taming Advanced CSS Selectors

The best way to avoid these plagues spreading in your markup and keep it clean and semantic is by using more complex CSS selectors, ones that can target specific elements without the need for a clas

coding , Css

newsletter-team 頭像

The Smashing Newsletter Team - Photoshop-Inspired Techniques with 100% CSS

In this article, we’re going to take a look at some design solutions that are now possible with CSS, whether it be with the new, more advanced CSS3 or with prior versions. Everything from small deta

Photoshop , css3 , coding , Css

chris-coyier 頭像

Chris Coyier - [Ask SM: CSS] Equal Spacing, CSS Font Replacement

This is our fourth installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS, and JavaScript. In this post we’ll cover how you can distribute the horizontal space bet

coding , Css

sven-lennartz 頭像

Sven Lennartz - The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

And if you haven’t heard of CSS sprites before, now is probably a good time to learn what they are, how they work and what tools can help you create and use the technique in your projects. What Are

Techniques , coding , Css , Essentials

frank-puscher 頭像

Frank Puscher - Optimizing Conversion Rates: It’s All About Usability

In this article you’ll learn what to consider when preparing a perfect landing page for your product, how to focus user’s attention on the most important parts of your sites and also how you can use

optimization , ux , Usability , E-Commerce , Conversion

eduard-kuric 頭像

Eduard Kuric - What Makes A Great Toggle Button? (Case Study, Part 1)

In this first part of a two-part article, we will analyze the characteristics of effective toggle buttons. These characteristics serve as visual cues for helping users recognize which of the button’

ux , Usability , Case Studies , ui