tag Techniques

標籤
貢獻228
78
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 訂閱

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

收藏 評論

louis-lazaris 頭像

Louis Lazaris - Thinking Inside The Box With Vanilla JavaScript

During the past four or five years of blogging regularly and doing research for other writing projects, I’ve come across probably thousands of articles on JavaScript. To me, it seems that a big chu

Techniques , coding , HTML , Javascript

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 50 Useful New jQuery Techniques and Tutorials

jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax. To help you improve your skills, in this article we present 50 useful new jQuery

Techniques , coding , Resources , jquery

收藏 評論

juan-diego-rodriguez 頭像

Juan Diego Rodríguez - What Removing Object Properties Tells Us About JavaScript

A group of contestants are asked to complete the following task: Make object1 similar to object2. let object1 = { a: "hello", b: "world", c: "!!!", }; let object2 = { a: "hello", b

Techniques , Tools , Javascript

收藏 評論

paul-tero 頭像

Paul Tero - Introduction To URL Rewriting

Or else they spend thousands of dollars to purchase the one they really want, which just happened to be registered by a forward-thinking and hard-to-find squatter in 1998. Further Reading on Smas

Techniques , php , coding , url

收藏 評論

emily-storz 頭像

Alejandro Hernandez - An Introduction To Full Stack JavaScript

Nowadays, with any Web app you build, you have dozens of architectural decisions to make. And you want to make the right ones: You want to use technologies that allow for rapid development, constant

Techniques , Tools , coding , Javascript

收藏 評論

declan-chidlow 頭像

Declan Chidlow - Optimizing PWAs For Different Display Modes

Progressive web apps (PWA) are a fantastic way to turn web applications into native-like, standalone experiences. They bridge the gap between websites and native apps, but this transformation can be

optimization , Techniques , pwa , Apps

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - The Brand New Printed Smashing Book: “The Mobile Book”

Update (12.12.2012): The book is now officially released. If you’ve already pre-ordered the book weeks ago, then it’s really only a matter of days! Until then, the complimentary digital version is w

Techniques , Events , Smashing Books

收藏 評論

temani-afif 頭像

Temani Afif - Re-Creating The Pop-Out Hover Effect With Modern CSS (Part 2)

The last time we met, I demonstrated how newer CSS features — particularly trigonometric functions — can be leveraged to accomplish a “pop-out” hover effect. This is what we made together: See t

Techniques , Css , Design

收藏 評論

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Generating Unique Random Numbers In JavaScript Using Sets

JavaScript comes with a lot of built-in functions that allow you to carry out so many different operations. One of these built-in functions is the Math.random() method, which generates a random floa

Techniques , coding , Javascript

收藏 評論

ganesh-dahal 頭像

Ganesh Dahal - Exploring Enhanced Patterns In WordPress 6.3

Reusable blocks, introduced in WordPress 5.0, allow users to create and save custom blocks that can be used across different pages or posts. This increases efficiency and consistency by allowing use

wordpress , Techniques , Tools

收藏 評論

louis-lazaris 頭像

Louis Lazaris - Styling HTML Lists with CSS: Techniques and Resources

If you’re new to CSS, this article should provide a good overview of the different types of lists available, as well as some of the browser quirks that occur in relation to HTML lists, with some hel

Techniques , coding , Css , Essentials

收藏 評論

michelle-barker 頭像

Michelle Barker - Developer Decisions For Building Flexible Components

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for ho

Techniques , Content , Css , Design

收藏 評論

christian-heilmann 頭像

Christian Heilmann - Syncing Content With HTML5 Video

One of the main changes from HTML4 to HTML5 is that the new specification breaks a few of the boundaries that browsers have been confined to. Instead of restricting user interaction to text, links,

Videos , Techniques , coding , HTML , html5

收藏 評論

trevor-morris 頭像

Trevor Morris - Transparent CSS Sprites

Sprites are simply a collection of images which are merged together to create a single file. You then use CSS, changing the background-position the image, to display the correct part of the image yo

Techniques , coding , Css

收藏 評論

temani-afif 頭像

Temani Afif - Sliding 3D Image Frames In CSS

In a previous article, we played with CSS masks to create cool hover effects where the main challenge was to rely only on the img tag as our markup. In this article, pick up where we left off by “re

Techniques , Css , Design

收藏 評論

portia-burton 頭像

Portia Burton - How To Automate Documentation Workflow For Developers

To get the most out of this tutorial, you should be familiar with: Git, GitHub and Linux and the command line. Why Should You Care About High-Quality Documentation? Many teams struggle with writin

workflow , Techniques , Tools

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - Web Typography: Educational Resources, Tools and Techniques

In this post we present an extensive overview of educational resources, tools, articles, techniques and showcases all related to web typography. Please notice that the overview presents resources wh

Techniques , Typography , Tools , fonts , Resources , Design

收藏 評論

ruthjohn 頭像

Ruth John - Enhancing User Experience With The Web Speech API

It’s an exciting time for web APIs, and one to watch out for is the Web Speech API. It enables websites and web apps not only to speak to you, but to listen, too. It’s still early days, but this fun

Techniques , API , Accessibility , coding , Technology

收藏 評論

daniel-yuschick 頭像

Daniel Yuschick - Simplify Your Color Palette With CSS Color-Mix()

There’s a reason for all the new, experimental color features CSS is introducing. And there’s a reason for all the excitement they’re stirring up. Colors are hard. Defining a base color palette can

Techniques , Tools , Css , Design Systems

收藏 評論

olawale-oladunni 頭像

Olawale Oladunni - Mojo Motors’ Responsive Redesign With Fireworks: Visual Design Stage

We covered details on how to use Adobe Fireworks to set up a responsive design wireframe, reusable components, prototypes and ways to share designs. In this article, we’ll share how we used Adobe F

Tutorials , workflow , Fireworks , Techniques

收藏 評論

julianshapiro 頭像

Julian Shapiro - JavaScript Awesomeness — Or How To Animate Without jQuery

There’s a false belief in the web development community that CSS animation is the only performant way to animate on the web. This myth has coerced many developers to abandon JavaScript-based animati

Techniques , Tools , coding , jquery , Javascript

收藏 評論

davidberner 頭像

David Berner - Not An Imposter: Fighting Front-End Fatigue

I recently spoke with a back-end developer friend about how many hours I spend coding or learning about code outside of work. He showed me a passage from an Uncle Bob book, "Clean Code", which compa

workflow , Techniques , ux

收藏 評論

david-newton 頭像

Dave Newton - How To Avoid Duplicate Downloads In Responsive Images

The picture element is a new addition to HTML5 that’s being championed by the W3C’s Responsive Images Community Group (RICG). It is intended to provide a declarative, markup-based solution to enable

webp , Techniques , Responsive Design , mobile

收藏 評論