A well-designed user interface can make a significant difference in the success of a product. I’ve compiled a list of 30 tips to help you improve your user interface design skills. These tips cover everything from layout and colour to typography etc.., and they’re suitable for both beginners & experienced designers looking to enhance their skills. So, let’s dive in 1. Linear gradient to show contr
Web development, especially what you can do with CSS, has become increasingly complex. With the added capabilities of CSS Grid, it is now possible to achieve layouts that look like they were laid out by hand. Let’s tackle a practical example of how to do something like that. In this article, I want to talk about the amazing possibilities of a CSS grid and how it allows for complex layouts that are
Webサイトにおけるエラー画面は多くの場合、構築されたWebサイト自体からではなく使用しているWebサーバーからHTMLが返されることが多いため、デザインを準備しないとデフォルトの味気ないものになってしまいます。エラー画面の中でも有名なものには、URLに該当するページがない場合に表示される404エラー画面がありますね。一時期404エラー画面に凝ったデザインを準備することが流行したため、404画面はデザインされることも多いかもしれません。 404エラー以外にも、発生頻度は低いものの重要度が高いものとして、サーバー側で何かしらの問題があって正常にページが表示できない場合に返される500エラーがあります。404エラーでは「ホーム画面に戻る」ボタンなどで、ユーザーを別ページに誘導すれば良いですが、500エラーではユーザー側での解決が難しい場合が多いため、ユーザーに対してより強い不安感を与えることに
IBM UX Communityを愛してくださる読者の皆様！ こんにちは。 IBMのUXデザイナー、ヒョンミンです。 最近「デザイン倫理」という言葉に深く興味を持ち、IBM UX DAY!で「デザイン倫理」について発表し、深める時間を持ちました。その一部の内容をご紹介したいと思います。 UXをやって行く者としてユーザー体験をいかに良くするのかを常に考えていますが、倫理的な観点から見た時どうなのか？についてはUXほど深く考えたことがあまりないと思ったので、非常に重要な時間でした。 既にデザイン倫理について研究をしている方もいらっしゃると思いますが、この記事を通じて是非デザイン倫理について考えて見るきっかけになれば良いかなと思います。 人を配慮するデザイン倫理まず、デザイン倫理って何でしょうか。この方はデザイン倫理の第一人者であるミュールデザインの創業者でもあるマイクモンテイロさんですが、彼は
Developers often feel discouraged from editing SVG markup and experimenting with SVG animations, thinking it’s a significant time investment or they need to use a complex animation library to do so. In this article, Adrian showcases his favorite tricks, which make the process streamlined and fun. Scalable Vector Graphics (SVG) have been a staple in Web Development for quite some time, and for a go
When you think about building fluid layouts these days isn’t about having fixed-width breakpoints anymore. Instead, the layouts we build today need to work on nearly any device size. To my surprise, I still see websites follow the adaptive design pattern, where it has a container that gets a new max-width value as per the viewport width. The term “responsive” means a lot of things now. We have med
Fast native apps with icons, illustrations and photos
Penpot is the web-based open-source design tool that bridges the gap between designers and developers.
Inc.：人間の認知バイアスを列挙したリストを見ると、その長さに驚きます。「利用可能性ヒューリスティック」から、「ツァイガルニク効果」まで、このリストに並んだものをざっと見ただけで、「私たち人間には論理的な決断は下せない」とか「合理的な計画など立てられるはずがない」と絶望してしまうでしょう。 でも、案ずることはありません。私たちの脳は得体の知れないマシンかもしれませんが、その特性を知ることで、こうしたバイアスの多くを、良いほうにも悪いほうにも利用できるのです。もしかしたら、公共政策の領域でバイアスを活用した有名な事例を読んだことがある方もいらっしゃるのではないでしょうか。たとえば、臓器提供に関してオプトイン型ではなくオプトアウト型を採用した例があります（臓器提供をはっきり拒否した場合のみ摘出を断念するのが「オプトアウト型」、提供をはっきりと認めた場合のみ摘出するのが「オプトイン型」。日本は
We’ve seen some incredible websites in 2022. There have been more than the usual number of sites with a political mission, and plenty that made us want to travel. The big design trends were brutalism, huge typography, and bold positive color. We’re looking forward to what the web will bring in 2023, but in the meantime, take a look back at the best 50 websites of 2022. Enjoy! Justice Reskill Justi
2022年のGAADは、5月19日（木曜日）！ 毎年5月の第3木曜日は、GAAD（Global Accessibility Awareness Day）の日。 世界各地で デジタル分野（Web、ソフトウェア、モバイルなど） の「アクセシビリティ」を考える一日です。 昨年に続き、全国各地のどこからでも、そして海外からでも参加できるオンラインセミナー「GAAD Japan 2022」が開催されました。 また、全てのセッションで「UDトーク」を使用した字幕を画面上で提供しました！ ※ちなみに、GAADは[「ギャード」]と発音します。 GAAD Japan 🇯🇵 @GAAD_jp 【本日5/19（木）9:45〜20:00】 YouTubeでライブ配信 着席・離席はいつでも自由 youtu.be/9BJdg_c93ig UDトーク字幕（ウェブブラウザで見る） live.udtalk.jp/073
この記事は アクセシビリティ Advent Calendar 2021 アイコン別ウィンドウで開きます の第1日目の記事です。 この記事は PowerCMS X Advent Calendar 2021 アイコン別ウィンドウで開きます の第1日目の記事です。 この記事は やさしい日本語 Advent Calendar 2021 アイコン別ウィンドウで開きます の第10日目の記事です。 ※ Advent Calendar用に新規記事の作成も考えましたが、ルビをフル活用した ウェブコンテンツに関する実装ノウハウとして纏まっているほうが後の役に立ちそうだったので大幅に加筆して、改訂版としました。 「やさにちウォッチ」 アイコン別ウィンドウで開きますは私たち(アルファサード株式会社) アイコン別ウィンドウで開きますが運営する「やさしい日本語の情報をやさしい日本語で発信する」オウンドメディアです。す
今回から数回に分けて_s（underscores）を利用してWordPressテーマを作成する手順をご紹介していこうと思います。 とはいっても、僕も学習しながらそれらをまとめていく形になりますので、記事の内容に関して間違いもあるかもしれません。ご指摘やご感想などいただければと思います。 なんで_s（underscores）を使ってみようと思ったのか 今までWordPressに関するお仕事をする際には大きく分けて２つの流れがありました。１つは、既存のテーマをカスタマイズして利用する方法。そして、もう一つはゼロベースでテーマを開発する方法です。 多いのはどちらかというと後者の方なのですが、作業の大まかな流れとしては以下のようになります。 デザインを確定する（IllustratorもしくはPhotoshopなどを用いて） それらをコーディングする（HTML/CSS/jQueryなど） ブラウザに
Having recently had the pleasure of doing most of my internet interactions on a tablet or a smartphone because my laptop was ‘hors de combat,’ I was able to further reflect on the state of the modern web.1 With Web 2.0 being already passé, Web 3.0 being not the latest fad any more, and talks of Web 4.0, 4.5, and 5.0, my own website seems to follow a strange and anachronistic vision. I like to call
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
