tag Techniques

標籤
貢獻228
85
11:04 PM · Nov 16 ,2025
vitaly-friedman 頭像 temani-afif 頭像 louis-lazaris 頭像 adrian-bece 頭像 joas-pambou 頭像 brecht-de-ruyte 頭像 geoff-graham 頭像 jhey-tompkins 頭像 christian-heilmann 頭像 preethi-sam 頭像 daniel-pataki 頭像 juan-diego-rodriguez 頭像

@Techniques / 博客 RSS 訂閱

stephen-shaw 頭像

Stephen Shaw - Absolute Horizontal And Vertical Centering In CSS

This article was updated on January 31, 2019 to update the below provided information. The old information is not wrong, however is the newest version less hacky and does make use of Flexbox, one of

flexbox , Techniques , Tables , Css

收藏 評論

marco-kunz 頭像

Marco Hengstenberg - Mobile Navigation For Smashing Magazine: A Case Study

Since we started plodding around on this rock in space, human beings have always been dissatisfied with their environment — which is (mostly) a good thing. Otherwise we might still live in caves, fe

Techniques , Navigation , coding , Css , Case Studies

收藏 評論

doug-sillars 頭像

Doug Sillars - Better Video Streaming With imgix

This article has been kindly supported by our dear friends at imgix who build tools that make images and video on the Internet more beautiful, more performant, more valuable, and safer. Thank you

performance , Techniques , Tools , Video

收藏 評論

newsletter-team 頭像

The Smashing Newsletter Team - CSS Ideas And Wishlist: Debates and Solutions

CSS will get a number of new changes. Among them are alternative syntaxes, CSS programming concepts and the ability to allow more common design techniques without using images. In this article, we’l

Techniques , coding , Css

收藏 評論

thierry-koblentz 頭像

Thierry Koblentz - Styling Elements With Glyphs, Sprites and Pseudo-Elements

Today, on the shoulders of giants, we’ll try to push the envelope. We’ll discuss how you can style elements with no extra markup and using a bidi-friendly high-contrast proof CSS sprite technique. T

Techniques , Typography , coding , Css

收藏 評論

paul-tero 頭像

Paul Tero - How To Find Out Why Your Website Stopped Working

Today we are happy to present to you the second part of the sample chapter from Smashing Book #4. You might want to read the first part of this chapter beforehand — if you haven’t already. Just a l

backend , Techniques , php , coding

收藏 評論

ichoku-chinonso 頭像

Ichoku Chinonso - Compound Components In React

Compound components help developers build more expressive and flexible APIs to share state and logic within components. This tutorial explains how this can be achieved with the help of using the Con

react , Techniques , API , Tools

收藏 評論

vlad-gerasimov 頭像

Vlad Gerasimov - Batch Resizing Using Command Line and ImageMagick

If you deal with images, sooner or later you will want to automate the repeating process of saving different sizes from one source image. If you own Adobe Photoshop and do not save too many output

Techniques , Freebies , coding

收藏 評論

adrian-bece 頭像

Adrian Bece - Delightful UI Animations With Shared Element Transitions API (Part 2)

In the first part of this article, we covered Shared Element Transitions API (SET API) and how we can use it to effortlessly create complex transitions for various UI elements, which would usually r

animation , Techniques , API , Css , ui

收藏 評論

vailrodrigues 頭像

Vailancio Rodrigues - 45 Beautiful Examples Of Motion Blur Photography

Photos taken with a camera do not represent a single moment of time. Due to technological constraints these shots stand for some scene over a brief period of time. This time frame depends on the cam

Photography , Techniques , Graphics

收藏 評論

dirk-metzmacher 頭像

Dirk Metzmacher - Useful Photoshop Tips And Tricks For Photo Retouching

I’ll be covering some of the useful techniques and tricks which I’ve learned from my experience. You may know some of them, but hopefully not all of them. All images used in this article were purcha

Photoshop , Techniques , Graphics , Retouching

收藏 評論

nathan-carnes 頭像

Nathan Carnes - Removing Interface Elements: Should You Ask The User Or Their Browser?

The history of the Internet has been a steady march towards websites that are richer, bigger and more interactive. As websites have become more robust, we — as designers and developers — have often

Techniques , ux , Design

收藏 評論

henry-bley-vroman 頭像

Henry Bley-Vroman - Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript

Many modern websites give users the power to set a site-specific color scheme preference. A basic implementation is straightforward with JavaScript: listen for when a user changes a checkbox or clic

Techniques , Css , Design , Javascript

收藏 評論

kris-niles 頭像

Kris Niles - Useful Fireworks Techniques And Features For Large Design Teams

While Fireworks can be a useful and powerful tool for any screen designer, several aspects of it make it really shine in an enterprise environment when used by both small and large design teams. Wh

Fireworks , Techniques , Tools

收藏 評論

maksim-chemerisuk 頭像

Maksim Chemerisuk - CSS-Driven Internationalization In JavaScript

Writing front-end code often requires developers to address the problem of internationalization at some level. Despite the current standard, which introduces a bunch of new tags, simply adding suppo

Techniques , coding , Css , Javascript

收藏 評論

hannah-milan 頭像

Hannah Milan - Designing Accessible Text Over Images: Best Practices, Techniques And Resources (Part 2)

What is the text over images design pattern? How do we apply this pattern to our designs without sacrificing legibility and readability? The text over images design pattern is a design technique us

Techniques , Typography , Accessibility , Design

收藏 評論

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

收藏 評論

godstime-aburu 頭像

Godstime Aburu - CSS Gamepad API Visual Debugging With CSS Layers

When you plug in a controller, you mash buttons, move the sticks, pull the triggers… and as a developer, you see none of it. The browser’s picking it up, sure, but unless you’re logging numbers in t

Techniques , Tools , debugging , Css

收藏 評論

rachel-andrew 頭像

Rachel Andrew - Controlling The Cache: Using Edge Side Includes In Varnish

I’m a firm believer that the best way to optimize for fast-loading mobile sites is to optimize for everyone. We don’t know when someone is on a non-mobile device but tethered to their phone, or just

performance , optimization , Techniques , mobile , coding

收藏 評論

jason-demeuse 頭像

Jason Demeuse - Introduction To Polygonal Modeling And Three.js

When the third dimension is introduced into an entertainment medium, it forever changes the way that medium is presented and consumed. The photorealism of the CGI dinosaurs in Jurassic Park opened t

Techniques , Tools , coding , Javascript

收藏 評論

harry-roberts 頭像

Harry Roberts - Technical Web Typography: Guidelines and Techniques

Editor’s Note: This article is a bit out of date — please proceed reading with caution. The Web is 95% typography, or so they say. I think this is a pretty accurate statement: we visit websites lar

Techniques , Typography , coding , Css

收藏 評論

benjamin-ajibade 頭像

Benjamin Ajibade - Kubernetes For Frontend Developers

Kubernetes, also known as k8s, was coined by a Google engineer in mid-2014 and is now widely used throughout the developer ecosystem. According to the Kuberenetes Documentation: “Kubernetes is an o

Techniques , Tools , Apps

收藏 評論

davidtucker 頭像

David Tucker - Putting Mobile Back End As A Service Into Practice (Part 1)

In a previous article I introduced mobile back end as a service (MBaaS) which aims at giving app developers the ability to create seamlessly new feature-complete cross-platform native and web applic

swift , Techniques , mobile , Apps , Web Development

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 70 Expert Ideas For Better CSS Coding

CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being appl

workflow , Techniques , coding , Css

收藏 評論