tag Techniques

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

joas-pambou 頭像

Joas Pambou - A Simple Guide To Retrieval Augmented Generation Language Models

Suppose you ask some AI-based chat app a reasonably simple, straightforward question. Let’s say that app is ChatGPT, and the question you ask is right in its wheelhouse, like, “What is Langchain?” T

Techniques , Tools , AI

收藏 評論

lars-kappert 頭像

Lars Kappert - Facing The Challenge: Building A Responsive Web Application

We are talking and reading a lot about responsive Web design (RWD) these days, but very little attention is given to Web applications. Admittedly, RWD still has to be ironed out. But many of us beli

Techniques , Responsive Design , mobile , Apps

收藏 評論

soh-tanaka 頭像

Soh Tanaka - 5 Useful Coding Solutions For Designers And Developers

This post is the the next installment of posts featuring “Useful Coding Solutions for Designers and Developers”, a series of posts focusing on unique and creative CSS/JavaScript-techniques being imp

Techniques , coding , Css , Javascript

收藏 評論

adrian-bece 頭像

Adrian Bece - Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

In Part 1, we’ve covered the side effects of low-quality CSS codebase on end-users, development teams, and management. Maintaining, extending, and working with the low-quality codebase is difficult

Refactoring , Techniques , testing , Css

收藏 評論

shawn-jansepar 頭像

Shawn Jansepar - Building A First-Class App That Leverages Your Website: A Case Study

Mark Zuckerberg once said, “The biggest mistake that we made, as a company, is betting too much on HTML5 as opposed to native… because it just wasn’t there. And it’s not that HTML5 is bad. I’m actua

Techniques , mobile , Apps

收藏 評論

brecht-de-ruyte 頭像

Brecht De Ruyte - Transitioning Top-Layer Entries And The Display Property In CSS

Animating from and to display: none; was something we could only achieve with JavaScript to change classes or create other hacks. The reason why we couldn’t do this in CSS is explained in the new CS

animation , Techniques , Tools , Css

收藏 評論

martin-gittins 頭像

Martin Gittins - How To Build A Portable Design Toolkit

It’s easy to get overwhelmed by the staggering array of resources and options available to designers. In this article, we’ll explore the idea of consciously restricting yourself to a set of core too

Graphic Design , Techniques , Tools , Inspiration , Design

收藏 評論

philip-braunen 頭像

Philip Braunen - Sticky Headers And Full-Height Elements: A Tricky Combination

I was recently asked by a student to help with a seemingly simple problem. She’d been working on a website for a coffee shop that sports a sticky header, and she wanted the hero section right undern

Techniques , Tools , Css

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

This is where we come in. We are always looking to collect such articles for our posts so that we can deliver the most useful and relevant content to our readers. In this post, we present an overvie

Techniques , Layouts , coding , Css

收藏 評論

geoff-graham 頭像

Geoff Graham - Running A Page Speed Test: Monitoring vs. Measuring

This article has been kindly supported by our dear friends at DebugBear who help optimize web performance to improve user experience. Thank you! There is no shortage of ways to measure the

performance , optimization , Techniques , Tools

收藏 評論

drewminns 頭像

Drew Minns - PostCSS – A Comprehensive Introduction

The development of CSS, like all languages, is an iterative process. With every major release, we get new features and syntaxes that help us write our styles. CSS Level 3 introduced features that en

Techniques , Preprocessors , coding , Css

收藏 評論

nafees-nehar 頭像

Nafees Nehar - Modifying Headers In HTTP(s) Requests In UI Automation Testing

There are various methods to modify headers. You can modify headers by using browser extensions or proxy apps (such as Charles and Proxyman) that intercept the request and let you modify the respons

Techniques , HTTPS , Apps , testing , ui

收藏 評論

temani-afif 頭像

Temani Afif - Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images

We all agree that 3D effects are cool, right? I think so, especially when they are combined with subtle animations. In this article, we will explore a few CSS tricks to create stunning 3D effects!

animation , Techniques , Css , Design

收藏 評論

sean-fioritto 頭像

Sean Fioritto - The Future Of Video In Web Design

Federico was the only other kid on the block with a dedicated ISDN line, so I gave him a call. It had taken six hours of interminable waiting (peppered with frantic bouts of cursing), but I had just

Techniques , coding , Css , HTML , Javascript

收藏 評論

marc-edwards 頭像

Marc Edwards - Pixel Perfection When Rotating, Pasting And Nudging In Photoshop

When creating Web and app interfaces, most designers slave over every single pixel, making sure it’s got exactly the right color, texture and position. If you’re not careful, though, some common fun

Photoshop , Techniques , Graphics

收藏 評論

amit-sheen 頭像

Amit Sheen - Combining CSS :has() And HTML <select> For Greater Conditional Styling

Even though the CSS :has() pseudo-class is relatively new, we already know a lot about it, thanks to many, many articles and tutorials demonstrating its powerful ability to conditionally select elem

Techniques , Css , Design

收藏 評論

adam-fard 頭像

Adam Fard - From Good To Great In Dashboard Design: Research, Decluttering And Data Viz

Even if it’s a blessing in disguise, discarding elements of your work is no fun. Tossing out suboptimal parts of our design can be a daunting task, especially after you’ve invested hours of work int

Design Patterns , Techniques , ux , Data Visualization

收藏 評論

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

收藏 評論

ahmad-shadeed 頭像

Ahmad Shadeed - A Deep Dive Into object-fit And background-size In CSS

We’re not always able to load different-sized images for an HTML element. If we use a width and height that isn’t proportional to the image’s aspect ratio, the image might either be compressed or st

Techniques , Tools , Css , Browsers

收藏 評論

vailrodrigues 頭像

Vailancio Rodrigues - 50 Beautiful Examples Of Tilt-Shift Photography

Tilt-shift photography is a creative and unique type of photography in which the camera is manipulated so that a life-sized location or subject looks like a miniature-scale model.Below we present 50

Photography , Techniques , Graphics

收藏 評論

marc-edwards 頭像

Marc Edwards - Designing for iPhone 4 Retina Display: Techniques and Workflow

The iPhone 4 features a vastly superior display resolution (614400 pixels) over previous iPhone models, containing quadruple the 153600-pixel display of the iPhone 3GS. The screen is the same physic

workflow , Techniques , mobile , iphone , ios , Business

收藏 評論

kirill-myshkin 頭像

Kirill Myshkin - Primitive Objects In JavaScript: When To Use Them (Part 2)

Writing programs in JavaScript is approachable at the beginning. The language is forgiving, and you get accustomed to its affordances. With time and experience working on complex projects, you start

Techniques , Tools , Javascript

收藏 評論

nickschaeferhoff 頭像

Nick Schäferhoff - WordPress Full-Site Editing: A Deep Dive Into The New Feature

Full-Site Editing is one of the main improvements added to the WordPress platform with version 5.9. It allows users to make sweeping changes to their website design and layout via a graphic interfac

wordpress , Techniques , Tools

收藏 評論

vitaly-friedman 頭像

Vitaly Friedman - CSS: Innovative Techniques and Practical Solutions

Although CSS isn’t that difficult, useful CSS techniques are not easy to find. Sometimes finding a cross-browser solution might take time, but you don’t have to reinvent the wheel every single time.

Techniques , coding , Css , Resources

收藏 評論