收藏 / 列表

andy-croxall 頭像

Andy Croxall - Image Manipulation With jQuery And PHP GD

One of the numerous advantages brought about by the explosion of jQuery and other JavaScript libraries is the ease with which you can create interactive tools for your site. When combined with serve

php , coding , Responsive Images , 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

philip-tellis 頭像

Philip Tellis - Analyzing Network Characteristics Using JavaScript And The DOM, Part 1

In this article, we’ll look at some methods of manipulating JavaScript to determine various network characteristics from within the browser — characteristics that were previously available only to a

performance , coding , Javascript

atila-fassina 頭像

Atila Fassina - SolidStart: A Different Breed Of Meta-Framework

The current landscape of web tooling is increasingly more complex than ever before. We have libraries such as Solid, Vue, Svelte, Angular, React, and others that handle UI (User Interface) updates i

Frameworks , API , Javascript

david-bushell 頭像

David Bushell - In Search Of The Best CAPTCHA

CAPTCHAs, or Completely Automated Public Turing Tests to Tell Computers and Humans Apart, exist to ensure that user input has not been generated by a computer. These peculiar puzzles are commonly us

CAPTCHA , Techniques , coding , Essentials

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 - 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 - The Smashing Guide To Moving The Web Forward

Modernizr, HTML5 Boilerplate and jQuery are just a few examples of well known projects which were born from a desire to put something out there that could help others on the Web do more. These proje

Community , Tools , Opinion Column , Javascript

jhey-tompkins 頭像

Jhey Tompkins - The Path To Awesome CSS Easing With The linear() Function

To paraphrase a saying that has always stuck with me: “The best animation is that which goes unnoticed.” One of the most important concepts of motion design on the web is making motion “feel right.”

animation , coding , Css

dmitry-dragilev 頭像

ZURB - Case-Study: Deconstructing Popular Websites

In our past articles, we’ve experimented with better ways to engage users on web pages with CSS3. We love getting into the nuts and bolts of web design by showing off some nifty coding tricks. In th

Security , Case Studies , Opinion Column , Design

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

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 - Coding Q&A With Chris Coyier: Responsive Sprites And Media Query Efficiency

Howdy, folks! Welcome to more Smashing Magazine CSS QA. It works like this: you send in questions you have about CSS, and at least once a month we’ll pick out the best questions and answer them so t

Responsive Design , Media Queries , coding , Css

sven-lennartz 頭像

Sven Lennartz - Smashing Highlights 2007

Although Smashing Magazine is quite young, a number of things happened in 2007. Aside from dozens of articles, we’ve organized few contests, re-designed our weblog and we also have released two Word

Highlights , Events , Smashing

rachel-mccollin-2 頭像

Rachel McCollin - Responsive Images With WordPress’ Featured Images

In this article, we’ll look at how to use WordPress’ built-in featured images capability to deliver different-sized image files to different devices. “Featured images,” sometimes referred to as thum

wordpress , Responsive Design , mobile , Media Queries

vitaly-friedman 頭像

Vitaly Friedman - Photoshop Techniques And Professional Tutorials

This overview features a hand-picked and organized selection of the most useful and popular Photoshop techniques, articles and tutorials published on Smashing Magazine over the past few years. Quic

Photoshop , Tutorials