リンクの入れ子は subgrid が最適解かもしれない
はじめに リンクの入れ子とは何かというと、以下のようなデザインです。 カード全体がリンクでクリッカブルになっていて、中のタグやカテゴリーもそれぞれがリンクになっています。ニュースやブログの投稿などでよく見るデザインだと思います。 しかし、以下のようにマークアップすることはできません。 <a href="https://example.com/posts/hello-world/"> <h2>Hello, World!</h2> <p>...</p> <a href="https://example.com/tag/hello/">#hello</a> <a href="https://example.com/tag/world/">#world</a> </a> HTML のルール的に <a> の入れ子はダメだからです。 Subgrid を使った方法 Subgrid がまだない時代からいろ
よろしければおすすめのマグカップ（珈琲用）を教えてください
口をつけるたびに「あぁ、このマグやっぱいいなあ」と感じるようなマグカップをご存知でしたら、ぜひ教えていただきたいです。 ずいぶん前に弟からもらったスタバの白いロゴマグ(Sサイズ 310ml)を「飲む時のカップの縁の口当たりがいいなあ。Sサイズだけど結構量が入っていいなあ」と思いながら使っておりました。しかし、これまでドリッパーを使っていれていた珈琲をドリップパックにかえたところ、このマグカップでは不都合になってきました。 コロンとかわいいフォルムが気に入っていたのですが、高さが足りないのです。ドリップパックをカップに設置してお湯を注いでいくと、ドリップパックがドリップされた珈琲に浸るような形になってしまうのです。そのため、ドリップされた珈琲が余裕をもって溜まっていける高さのあるマグカップを探しています。スタバのロゴマグで縦長のものがあれば理想なのですが、私の探した範囲ではありませんでした。
“ゲームの階段のぼり描写”が注目集める。結果、セガはやたら階段に強かった - AUTOMATON
ゲームの階段のぼり描写が、今注目を集めている。きっかけとなった経緯には「ゲームの階段のぼり描写」を特集するTwitterアカウントclimbing stairs in video gamingの存在があるようだ。さまざまなゲームの階段が、かつてないほど凝視されている。Polygonが報じている。 現実世界と同様に、さまざまなゲーム内に階段が存在する。その階段は種類もかたちもさまざまだ。そして、その階段をプレイヤーキャラが“どのようにのぼるか”も多種多様。Twitterアカウントclimbing stairs in video gamingでは、そうした階段をキャラがのぼる姿が紹介されている。 FINAL FANTASY XIV: Stormblood (PC/PS4, 2017) pic.twitter.com/2oC8TTtsER — climbing stairs in video g
マジ「Excelができる」は神スキルだからと、Excelのスキルをまとめたツイートが話題！
仕事でパソコンを使用する社会人にとって必須のスキルといっても過言ではないExcel。実際に使ってみると複雑な計算式に苦戦したり、表の見栄えを整えるのに時間がかかったりと、苦労している人も多いのではないだろうか。そんな慣れるまでに時間がかかるExcelのスキルについてまとめたあるツイートが話題を呼んでいる。 今回はそのツイートをもとに、Excelの中でも特に身に付けておいた方が良い知識について紹介する。 8万いいね超え、Excel医@デザイン勉強中さんのツイートとは？ 30代の内科医が独学で身に着けたエクセルのスキルを発信するツイッターアカウント「Excel医@デザイン勉強中」（@Excel_design_Dr）さんは11月4日、Excelスキルの必要性を訴えるツイートを投稿。「これから社会に出る若者へ。一つ忠告しておくが、マジで『Excelができる』ってのは神スキルだから勉強しとけ」と切り
スイス・チューリッヒの警察がパトカーの装備をテトリスみたいにきっちり並べた投稿から始まった #tetrischallange 色んな装備品きっちり並べチャレンジが楽しい
TOSHI兄ィ＠謎検2022秋【１級】 @Toshi_EXE 【 #今日知った言葉 】テトリスチャレンジ 世界の警察・消防・救急などの間で流行しているSNSのトレンド。緊急車両とそれに乗せる備品や乗務員を地面に並べ高所から撮影し投稿する。スイスの警察署がパトカーとコーンや警察官などを並べた写真をFacebookに投稿したのがキッカケ お国柄が出てて面白い 2019-10-11 16:30:08 ꪖꪑꪖ᭢ @Paktiawal111 If you have always wanted to know what is all in a patrol car of the traffic - here you go. #KantonspolizeiZürich #Police pic.twitter.com/IbLTwVKuHv 2019-09-08 00:59:55 リンク www.faceb
【追記あり】カネカ社は本当に育休ページを削除したのか。 - 笑顔を創りたいWeb屋の日常
いや、「削除したのか」の問いに対しては「削除した」ですね。間違いなく。 ただそれは「炎上騒動を受けて削除したのか」については、僕には「No」に見える。 そのことについて「ファクトを大事にする」という観点で書きたいんだけど、その前にちゃんと前提を伝えておきたい。 僕は、（今回の件が事実だと間違いないなら）お子さんが産まれたばかりの父親となった従業員を転勤させるということについては、どんな理由があっても受け入れられません。 同時に、企業側にも何らか事情があったり誤解があった可能性だって否めないので「どちらが悪だ」とも言いたくありません。ただただ「どんな事情があったか知らないけど、産まれたばかりのお子さんがいる人を転勤なんてさせないで欲しい」「（何の配慮も無くその辞令を出したしたなら）そんな会社は好きじゃない」だけです。 この前提なんよ。この前提だけは忘れないでね！ その上で、「該当ページをこの
課金 UI まとめてみた｜あき - 良いもの作って正しく届ける
売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい！ コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限
ユーザーインタフェースにおける視覚効果 - Frasco
われわれの目はとても奇妙な器官であり、ときどきわれわれ自身に嘘をつきます。ヒトの視知覚の特性を知っていれば、より親しみやすく、よりすっきりとしたデザインの作成が可能となるでしょう。視覚トリックを活用し、読みやすくてバランスのとれたフォントを制作するタイプフェイスデザイナーだけでなく、ユーザーマシンを作るインターフェースデザイナーにとっても役に立つ知識です。 １．整然としたビジュアルサイズ どちらが大きいでしょうか？：400ピクセル四方の正方形でしょうか？それとも400ピクセル四方の円でしょうか？幾何学的に言えば、どちらも幅と高さはまったく同じです。では、下図をご覧ください。われわれの目は、正方形の方が円より重い（大きい）と瞬時に捉えてしまうのです。余談ですが、ビジュアル効果を言い表す際には、重さに関係した単語の方が適切です。 この図形が正しく描かれていると信じられない方たちのために、ガイド
『Cuphead』の高難度なゲームデザインは排他的であるとの議論が勃発。創作の自由と楽しみ方の自由を天秤にかける - AUTOMATON
ホーム 全記事 ニュース 『Cuphead』の高難度なゲームデザインは排他的であるとの議論が勃発。創作の自由と楽しみ方の自由を天秤にかける Studio MDHRが開発した『Cuphead』は、全キャラクターのアニメーションをひとコマひとコマをすべて手書きで描き、ゲームに落とし込むという、膨大な作業量と情熱が注ぎ込まれたインディーシーンにおける異端児的作品である。その1930年代風カートゥーンアニメーションと楽曲、『ロックマン』や『魂斗羅』から影響を受けたという高難度な2Dアクション。これらを特色とした本作は、9月29日の発売から2週間足らずで、Steam版の45万セールスを達成（SteamSpy調べ）。Steamのユーザレビューは「圧倒的に好評」と、プレイヤーから厚い支持を得ている。 そんな中、一部海外メディアが、高難度モードしか用意しない本作のゲームデザインは閉鎖的であると唱えている。
Webデザインを「もっとかっこよくして！」と言われた時に試したいCSS小技5つ
2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね！ ↑私が10年以上利用している会計ソフト！ 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BOSSの新作カフェイン飲料、とんでもない量のカフェインが入ってるのに買いやすそうなパッケージデザインで不安になる
この冷蔵庫に入っているものは全部この方のデザインなのだ「すごい、見たことあるやつばっかり」佐藤卓展が話題
海外で流行りの「liminal space」と呼ばれる写真の構図の空虚さが素敵…「日本における『女神転生』」「backroomのこと？」など
「いい笑顔だね」 ディスカウント店従業員400人が「スマイルマスク」 東京・台東 | 毎日新聞
株式会社ポケモン ｜ The Pokémon Company株式会社ポケモン｜The Pokémon Company