タグ Smashing Magazine
人気順 10 users 50 users 100 users 500 users 1000 usersDesigning Better Breadcrumbs — Smashing Magazine
Quick summary ↬ In this series of articles, we highlight design patterns and techniques to design better interfaces. You can find more examples in “Smart Interface Design Patterns”, a 6h-video course with 100s of hand-picked examples, curated by Vitaly. Nobody gets particularly excited about brea... 続きを読む
Compound Components In React — Smashing Magazine
Meet Image Optimization, Addy Osmani’s brand new practical guide to optimizing and delivering high-quality images on the web. From formats and compression to delivery and maintenance: everything in one single 528-pages book. Jump to table of contents ↬ Applying Compound Components In React This s... 続きを読む
HTTP/3 From A To Z: Core Concepts (Part 1) — Smashing Magazine
Quick summary ↬ After almost five years in development, the new HTTP/3 protocol is nearing its final form. Earlier iterations were already available as an experimental feature, but you can expect the availability and use of HTTP/3 proper to ramp up over in 2021. So what exactly is HTTP/3? Why was... 続きを読む
The Humble <img> Element And Core Web Vitals — Smashing Magazine
Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from Addy’s new book (... 続きを読む
An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine
How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Let’s figure it out. Google has announced that from May 2021 (edit: the date was just moved to June 2021), they will start to consider “Page Experie... 続きを読む
ウェブサイトのパフォーマンスを劇的に改善した詳細な方法が公開中 - GIGAZINE
ウェブサイトのユーザー体験を表す指標「コアウェブバイタル」がGoogleの検索結果ランキングに反映されることから、ウェブサイトは内容の充実とともにパフォーマンスもますます重視されるようになっています。ウェブ関連の情報を扱うSmashing Magazineのヴィタリー・フリードマン氏は、低下していたSmashing Magazineの... 続きを読む
Front-End Performance Checklist 2021 — Smashing Magazine
Let’s make 2021… fast! An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and front-end techniques. Updated since 2016. Ah, you can also get useful front-end tips... 続きを読む
Setting Up Redux For Use In A Real-World Application — Smashing Magazine
Redux is an important library in the React ecosystem, and almost the default to use when working on React applications that involve state management. As such, the importance of knowing how it works cannot be overestimated. This guide will walk the reader through setting up Redux in a fairly compl... 続きを読む
New JavaScript Features That Will Change How You Write Regex — Smashing Magazine
There’s a good reason the majority of programming languages support regular expressions: they are extremely powerful tools for manipulating text. Text processing tasks that require dozens of lines of code can often be accomplished with a single line of regular expression code. While the built-in ... 続きを読む
Form Design Patterns Book Excerpt: A Registration Form — Smashing Magazine
Let’s start with a registration form. Most companies want long-term relationships with their users. To do that they need users to sign up. And to do that, they need to give users value in return. Nobody wants to sign up to your service — they just want to access whatever it is you offer, or the p... 続きを読む
アクセシビリティを意識した CSS の書き方 - Frasco
私は約一年前から Web アクセシビリティについて注目し始めました。私にとって何かを学ぶこと最も効率的な方法は他人に教えることなので、 ミートアップやカンファレンス などで発言したり、このトピックに関する記事を書いているわけです。 Progressive Enhancement については Smashing Magazine で、Web アクセシビリティに関しては Medium で書いています。こ... 続きを読む
無限スクロールの課題とは!縦長サイトのデザイン手法 | TechAcademyマガジン
TechAcademyマガジンはオンラインのプログラミングスクール TechAcademy [テックアカデミー] が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。 本稿は、Smashing magazineの ブログ記事 を許可を得て日本語翻訳し掲載した記事になります。 本記事は、UXデザイナーのNick Babich氏によって投稿されました... 続きを読む
実務でかなり役立つ!コーダー必携の書「コーディングWebアクセシビリティ」の無料版が公開中 | コリス
以前紹介した「コーディングWebアクセシビリティ」の電子書籍版が、ようやくリリースされました! リリースに伴って無料版が公開されており、これがなかなかのボリュームです。Web制作に携わる人、特にコーディング関係者はこの機会に読んでおくことをお勧めします。 電子書籍版コーディングWebアクセシビリティ 本書は Smashing Magazine のアクセシビリティ担当: ヘイドン・ピカリング 著「A... 続きを読む
SketchとFigma!デザインツールとして優れているのはどちらか | TechAcademyマガジン
TechAcademyマガジンはオンラインのプログラミングスクール TechAcademy [テックアカデミー] が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。 本稿は、Smashing Magazineの ブログ記事 を了解を得て日本語翻訳し掲載した記事になります。 本記事は、WebデザイナーであるChristian Krammer氏によ... 続きを読む
実際のアプリに学ぶ!モバイルデザインにおける配色の重要性 | TechAcademyマガジン
TechAcademyマガジンはオンラインのプログラミングスクール TechAcademy [テックアカデミー] が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。 本稿は、Smashing Magazineの ブログ記事 を了解を得て日本語翻訳し掲載した記事になります。 本記事は、エンジニアのNick Babich氏によって投稿されました。 ... 続きを読む
1900年代のデザインの歴史から学ぶ!デザインの基本とは | TechAcademyマガジン
TechAcademyマガジンはオンラインのプログラミングスクール TechAcademy [テックアカデミー] が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。 本稿は、Smashing Magazineの ブログ記事 を了解を得て日本語翻訳し掲載した記事になります。 本記事は、Dmitry Fadeyev氏によって投稿されました。 近年人... 続きを読む
Revisiting Firefox’s DevTools – Smashing Magazine
If you do any kind of development for the web, then you know how important tools are , and you like finding tools that make your life easier. Developing and testing new browser features, however, take... 続きを読む
“There Are More Bugs In Mobile Than... Particles In The Universe!” | Smashing Magazine
Mobile is a difficult, unpredictable beast. If you run into technical problems in mobile, then you’ll know how annoying fixing them can be. That’s why we’ve teamed up with Peter-Paul Koch to create Th... 続きを読む
アイデアを手描きすることのメリット | ライフハッカー[日本版]
99u:新しいアイデアを試しに描いてみるとき、Photoshopを活用する方は多いと思います。しかし、『Smashing Magazine』の著者であるLaura Buscheさんによると、実際に自分の手を使ってスケッチすることにより、デジタル・スケッチにはないメリットを味わえるようです。 記憶力アップ:「頭の中のイメージを紙にうまく描き出せるようになると、結果として、いろいろな枝葉を自分で可視化... 続きを読む
Faster UI Animations With Velocity.js | Smashing Magazine
From a motion design perspective, Facebook.com is phenomenally static. It’s purposefully dumbed down for the broadest levels of compatibility and user comfort. Facebook’s iOS apps, on the other hand, ... 続きを読む
Smashing Node.js に書いてあるEffective Node.jsなこと(第一部を翻訳してみて) - from scratch
Smashing Node.js: JavaScript Everywhere (Smashing Magazine)作者: Guillermo Rauch出版社/メーカー: Wiley発売日: 2012/09/11メディア: ペーパーバックこの商品を含むブログを見る本ブログは東京Node学園祭2012 アドベントカレンダーの1日目の記事です。さてさて、Smashing Node.jsを読んでます... 続きを読む
Japanese, A Beautifully Complex Writing System | Smashing Magazine
As a Japanese person living in Europe, I’m sometimes asked: “Japanese is a difficult language, isn’t it?” Those asking are often surprised when my answer is a simple: “No, actually, it’s not.” While i... 続きを読む
ウェブ制作者は持っていて損はないebook『Professional Web Design, Volume 2』が期間限定で無料ダウンロードできますよ | コリス
海外で有名なウェブ制作系サイト『Smashing Magazine』がリリースしているebook『Professional Web Design, Volume 2』が、期間限定で無料ダウンロードできるので紹介します。 [...] 続きを読む
ハイクオリティなフリーフォント集2012:phpspot開発日誌
New High-Quality Free Fonts (2012 Edition) - Smashing Magazine ハイクオリティなフリーフォント集2012がSmashing Magazineさんでまとまっています。 かなりカッコいいフォントが多いです。年のはじめなのでフォントを入れておいて好きな時に使えるようにしておくといいかもしれませんね 関連エントリ 個性的なものから汎用まで色々フ... 続きを読む
Free Icon Set For Web Designers: Aroma (250+ PNG Icons) - Smashing Magazine
Today we are delighted to release another freebie for our design community. There are many free icon sets out there, and there are quite many commercial ones as well. Yet a good, consistently designed... 続きを読む