Introduction The <dl>, or description list, element is underrated. It's used to represent a list of name–value pairs. This is a common UI pattern that, at the same time, is incredibly versatile. For instance, you've probably seen these layouts out in the wild… Each of these examples shows a list (or lists!) of name–value pairs. You might have also seen lists of name–value pairs to describe lodging
これは何 Figmaを触っていてたまたま見つけた、ちょっと変わった(?)仕様について書いた記事です また、記事投稿イベント「3000文字Tips - 知ると便利なTipsをみんなへ届けよう」への投稿記事でもあります そもそも「幅や高さを0にした要素」って? FigmaではWやHに0と打ち込んでも勝手に1になってしまいますが、0.001とでも打ち込めば0を実現できます1 私はこれを利用して、Auto layout内でも一部はみ出したようなレイアウトのUIを作るときがあります。 2022年5月27日追記 以前はこれを利用してAuto layout内で絶対配置を実現していましたが、2022年5月11日のアップデートにより不要なテクニックとなりました。 この記事の内容自体は変わっていませんが、今となっては考慮せずとも良い内容と言えます。 詳細をこちらの記事をご覧ください。 https://qiit
「さらに詳しく」というフレーズをその場しのぎのリンクラベルとして利用することが増えている。しかし、このテキストは情報の匂いが弱く、アクセシビリティも悪い。このフィラー的な文言に少し工夫をして、次に出るページの内容をユーザーが自信を持って予測できる説明的ラベルにしよう。 “Learn More” Links: You Can Do Better by Katie Sherwin on December 13, 2015 日本語版2016年3月2日公開 トレンドには他のトレンドに比べて目立たないものもある。低コントラストのテキストもそうだが、独立型リンクラベルとして「さらに詳しく」を利用することが静かなトレンドになっている。Webには今、この汎用的なリンクがあふれており、その大部分が、重要度が二次的、三次的な情報をリンク先としている。(Googleで検索すると、この用語の使用例は14億個も出て
The options for font design are vast. There are typefaces that were created specifically for coding, for academic texts, to provide better number systems for engineering documents or as bespoke one-offs for public lettering. Only when you know what your typeface will actually be used for can you really get started on the design. 02. Make your fundamental font design choicesFont design involves a n
コーポレートサイト ブランドサイト・サービスサイト ECサイト・オンラインショップ キャンペーン・特設・プロモーションサイト ポータルサイト・メディア・情報サイト プラットフォーム・コミュニティサイト 採用サイト・採用ページ ポートフォリオサイト スタイリッシュ オーソドックス ユニーク 遊び心がある・作り込まれている イラストを使用 3D表現・3Dイラストを使用 シズル感・訴求力のある写真・動画使用 写真少なめ・写真以外のビジュアル表現 さりげない動き・動きなし やや動きあり ダイナミック・印象的・細やかな動き 日本語メイン ノーコードツール「STUDIO」で制作 スマホ特化・モバイルファースト Web・IT・AI・デジタル・テクノロジー・通信関連 サービス・アプリ・ツール 病院・クリニック・歯医者・医療・薬 学校・教育・幼稚園・保育園・スクール 金融・投資・保険・士業 カフェ・飲食店・
mul·ti·di·men·sion·al: of or involving several dimensions or aspects; exhibiting many diverse characteristics. I started thinking about writing about gender diversity in design when I noticed how Facebook, Google+, OkCupid, Tinder and a few others have adapted their registration forms to be more inclusive of trans and gender non-conforming (GNC) people. Why isn’t everyone doing this, I thought? As
Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts. Font loading has long been a bugbear of web performance, and there really are no good choices here. If you want to use web fonts your choices are
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く