博客 RSS 訂閱

Alma Hoffmann - Typographic Hierarchies

Simply defined, the concept of typographic hierarchies refers to the visual organization of content in terms of their relative importance. In other words, the manner in which we organize the text, t

Guides , Art , Typography , Design

收藏 評論

Yaphi Berhanu - Motion Controls In The Browser

In this article, I’m going to explain how to implement motion controls in the browser. That means you’ll be able to create an application where you can move your hand and make gestures, and the elem

API , Apps , Browsers , Javascript

收藏 評論

老司機 - 從SRS項目看現代C++最佳實踐:高性能實時流媒體服務器的設計智慧

從SRS項目看現代C++最佳實踐:高性能實時流媒體服務器的設計智慧 前言 SRS (Simple Realtime Server) 是一個高性能的實時視頻服務器,支持RTMP、WebRTC、HLS、HTTP-FLV、SRT等多種協議。作為一個擁有200萬行代碼、在生產環境廣泛應用的開源項目,SRS展現了許多值得學習的現代C++設計思路和最佳實踐。本文將深入解析SRS項目的C++代碼架構,探索其在

音視頻 , c++ , rtmp , 多媒體 , 流媒體

收藏 評論

Yosra Emad - How To Create Advanced Animations With CSS

We surf the web daily, and as developers, we tend to notice subtle details on a website. The one thing I take note of all the time is how smooth the animations on a website are. Animation is great f

animation , Css

收藏 評論

Cosima Mielke - On The Edge Of November (2022 Desktop Wallpapers Edition)

November tends to be a rather gray month in many parts of the world. So what better remedy could there be as some colorful inspiration? To bring some good vibes to your desktops and home screens, ar

Wallpapers

收藏 評論

William Lyon - Putting The Graph In GraphQL With The Neo4j GraphQL Library

This article has been kindly supported by our dear friends at Neo4j who are known to be the clear performance leaders in graph technology. Thank you! GraphQL enables an API developer to mod

Techniques , API , graphql , Tools , coding

收藏 評論

Vitaly Friedman - Designing Navigation for Mobile: Design Patterns and Best Practices

When it comes to complex navigation on mobile, we often think about hamburger menus, full-page overlays, animated slide-in-menus, and a wide range of nested accordions. Not all of these options perf

Design Patterns , Navigation , ux

收藏 評論

Iris Lješnjanin - New Smashing Front-End & UX Workshops

You might know it already, but perhaps not yet: we regularly run friendly online workshops around front-end and design. We have a couple of workshops coming up soon, and we thought that, you know, y

Workshops , Smashing

收藏 評論

Siobhan McKeown - Practical Steps To Build Transparency In Your Remote Business

It used to be the norm that businesses were opaque, with employees only having access to what they needed to get their work done. Over the past twenty years, though, there has been an increase in tr

workflow , Communication , Business

收藏 評論

Atila Fassina - What’s New In Next.js 13?

October has come and gone, and with it, Next.js has released a new major version packed (pun intended) with tons of new features — some of which can be seamlessly adopted from your Next.js 12 app, w

API , next.js , coding , Javascript

收藏 評論

愛分享技術的小文 - Swift 應用加密工具的全面方案,從源碼混淆到 IPA 成品加固的多層安全實踐

Swift 項目的安全工作常被誤解為“編譯器已經做了優化,不會輕易被逆向”。 現實是:Swift 二進制仍然保留大量可讀符號、類名、屬性名以及可追蹤的結構信息。 只要拿到 IPA,逆向人員仍能通過 Hopper / IDA / Frida 快速還原業務邏輯。 因此,對 Swift 應用進行加密/加固需要建立在“多工具組合、多層防護”的基礎上,而非依賴單一方案。 本文以工程實踐為核心,

yyds乾貨盤點 , 移動開發 , ios

收藏 評論

Cosima Mielke - Design Systems: Useful Examples and Resources

Design systems ensure alignment, reusability, and consistency across a project or brand. And while we have gotten very good at breaking down UIs into reusable components, a lot of design systems are

Round-Ups , Inspiration , Resources , Case Studies , Design Systems

收藏 評論

Andrew Stetsenko - How To Search For A Developer Job Abroad

Many millions of people dream of flying the coop and spending time working abroad. The opportunity to work abroad is a popular prospect, one undimmed by the years of restriction due to the pandemic

Guides , Career , Communication , Business

收藏 評論

Favour Ogbonda - A Guide To Test-Driven Development Using Node.js

In this guide, you’ll understand what Test-Driven Development is, we’ll look at the different processes involved in Test-Driven Development, and each one will be explained. Sometimes as we develop s

Guides , node.js , Techniques , testing

收藏 評論

Cristian Díaz - A Guide To Keyboard Accessibility: HTML And CSS (Part 1)

Keyboard accessibility is an important part of the user experience. There are multiple criteria in Web Content Accessibility Guidelines (WCAG) about this topic. Still, it’s somehow overlooked, affec

Guides , Accessibility , Css , HTML

收藏 評論

Noah Mashni and Mark Steadman - Using Automated Test Results To Improve Accessibility

A cursory google search will return a treasure trove of blog posts and articles espousing the value of adding accessibility checks to the testing automation pipeline. These articles are rife with tu

Tools , Accessibility , testing , ui

收藏 評論

Alba Silvente - A Guide To Image Optimization On Jamstack Sites

This article has been kindly supported by our dear friends at Storyblok, a friendly headless CMS with a visual editor, nested components, and customizable content blocks for websites and apps. Th

performance , optimization , Jamstack

收藏 評論

Drew McLellan - Smashing Podcast Episode 54 With Stéphanie Walter: What Is User Journey Mapping?

This podcast episode has been kindly supported by our dear friends at Deque who help us all make websites and mobile apps accessible. Thank you! In this episode we’re talking about User Jou

Smashing Podcast

收藏 評論

Cristian Díaz - A Guide To Keyboard Accessibility: JavaScript (Part 2)

In the previous article, we talked about how to improve accessibility for keyboard users using HTML and CSS. Those languages can do the job most of the time, but certain design requirements and the

Guides , Accessibility , Css , HTML , Javascript

收藏 評論

Michelle Barker - Optimizing A Vue App

Single Page Applications (SPAs) can provide a rich, interactive user experience when dealing with real-time, dynamic data. But they can also be heavy, bloated, and perform poorly. In this article, w

Tools , Vue , Apps , Javascript

收藏 評論

Pearl Akpan - Document Object Model (DOM) Geometry: A Beginner’s Introduction And Guide

If you’ve been working with JavaScript for a while, you may be fairly familiar with DOM (Document Object Model) and CSSOM (CSS Object Model) scripting. Beyond the interfaces defined by the DOM and C

Guides , API , coding , Javascript

收藏 評論

Cosima Mielke - Endings And New Beginnings (December 2022 Desktop Wallpapers Edition)

2022 is slowly but surely coming to an end. And, well, could there be a better way to welcome the last few weeks of the year than with some beautiful, wintery desktop wallpapers? To get you in the r

Wallpapers

收藏 評論

Fabienne Bielmann - FabUnit: A Smart Way To Control And Synchronize Typo And Space

What if we were able to implement the sizes of designer’s contribution without hassle? What if we could set custom anchor points to generate a perfectly responsive value, giving us more options as t

Techniques , Responsive Design , Tools , Css

收藏 評論

Dan Donald - The Anatomy Of Themed Design System Components

Before we start with a deep dive into the details and the anatomy of a component, let’s start at a higher level and see what we’re working on within our design system. Laying It All Out Whether we

Guides , ux , Design Systems

收藏 評論