オリジナルフォント「F5.6」について｜佐賀野 宇宙
昨日試験的に公開してみた新フォント「F5.6」に思った以上の反響があったので、連載の方をちょこっとお休みしてこちらでもう少し詳しく解説します。 コンセプト ライカのレンズなどに使用されている書体や機械彫刻用標準書体のような、機械的制約の中から生まれた独特の雰囲気の書体に、SF映画やアニメ作品などに出てくる直線な書体の要素を組み合わせ、自分なりに解釈・再構築してみよう。 という目標のもと作成しました。ようするに趣味全開です。 ちなみに書体名「F5.6」はカメラの絞り値が由来。 デザイン 全体的にはライカの書体に倣って文字幅や線幅が（なるべく）均一に見えるようにしました。縦横の比率は大文字の「O」を基準にちょうど3:2のバランスにしています。APS-Cイメージセンサーと同じ比率ですね。 縦長気味なので組んでも間延びしません。 線幅は横幅のちょうど1/5の太さに。小サイズでの視認性向上のため一般
もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita
HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか？ モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。 「日本語、文字詰めできないかな？ほら、このカタカナとかキモい。。」 「Webで文字詰めだと？無理なんだよあきらめな！」なんていう時代はもうとうに過ぎ去っています。OpenTypeのフォントであれば、日本語でもちゃんと文字詰めできるんです。 .class { -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } ↓こんなかんじで
これなら簡単！Bootstrap 4.0のデザインがカスタマイズできる商用でも無料のオンラインツール -Bootstrap Magic
Bootstrap 4.0のテンプレートやコンポーネントのデザインを確認しながら、定義されている変数を簡単にカスタマイズできるオンラインツールを紹介します。 BootstrapでWebサイトやブログを作成する時に、BootstrapのUIコンポーネントを利用する時に、Bootstrapのテーマを作成する時に、便利なオープンソースの無料ツールです。 Bootstrap Magic Bootstrap Magic -GitHub Bootstrap Magicの特徴 Bootstrap Magicの使い方 Bootstrap Magicの特徴 Bootstrap 4.0対応 最新のBootstrap 4.0のすべてのテンプレート・コンポーネントに対応しています。 Sass対応 BootstrapはSassにも対応しているので、Bootstrap Magicでも同様にSassの変数が利用できます
これを見ておけば脱初心者！Adobe XD, Photoshop, Illustratorでデザインの作り方の手順がよく分かる1分動画
CC 2018でついに正式版としてリリースされたAdobe XD CCをはじめ、CC 2018ではPhotoshop, Illustrator, Premiereなど、数多くのアプリが機能を強化してバージョンアップされました。 それらのアプリでどんなことが具体的にできるのか、どのような手順なのか、1分で分かる動画を紹介します。 それぞれの動画は1分ほどですが、数があるのでブックマークしておいて、時間のある時にじっくり見てみてください。 いつもの作業にも新しい発見があるかもしれませんよ。
あまり知られていない、フォームをCSSでスタイルするために役立つ便利なセレクタとその使い方
フォームをCSSでスタイルするのは難しいと思われていました。しかし、input要素とそれに関連する要素をスタイルするためのあまり知られていないセレクタがあります。いくつかは比較的新しいセレクタですが、昔から存在するセレクタもあります。 フォームの見た目だけでなく、機能も強化するCSSの便利なセレクタとその使い方を紹介します。 Advanced CSS-Only Form Styling by Jonathan Harrell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 フォームにスタイルを適用したデモ :placeholder-shown :required :optional :disabled :read-only :valid :invalid :in-range/:out-of-range :checked フォーム
エンジニアはどのように他のアプリのUXを参考にすべきか
問題意識エンジニアのタイプを分けるとき、大雑把に「サービス志向」と「技術志向」みたいな分け方をすることが、僕の周りではよくあります。 個人的にはこの分け方は必ずしも良いものとは言えないと思います。少しエンジニアのことをサービスと距離のある人種として捉えてるように感じるからです。 技術志向だからってサービスのことを考えてないということではなく、「よりセキュアな技術を採用する」「効率的で安全なデプロイができるフローを構築する」などなど、技術向上を通じてユーザー体験をよくしよう、としているはずです。 ただ、デザインを良くしたり読み込みスピードを早くしたりなど、「目に見える範囲で改善する施策」を考え、実行しなければ、プロデューサー的な人からすれば「何やってんだろうな〜」と、エンジニアはブラックボックス的な人に見えてしまうこともあると思います。 じゃあ他のアプリをいじってみたりして、サービス勘みたい
白人至上主義でいてほしかった
ヴィクトリアズシークレット（めんどいので以下VS）という有名下着ブランドがある。その有名モデルはとくに「エンジェル」と呼ばれていて、かのミランダ・カーさんもここのエンジェルとして有名になった。VSのモデルは、もともと白人だらけだった。白人の健康的で美しく、セクシーな女性を芸術的に飾り立てるブランドだった。有色人種モデルも中にはいたが、もちろんごく少数で脇役だった。なんというか、同じものだと飽きるのでたまにスパイスを入れることで引き立たせるみたいに使われていた。 VSは毎年恒例のファッションショーをやっていて、今年は上海で行われたのだが、これが本当にがっかりだった。人種多様性を軽視することが命取りになりかねない昨今アメリカでは、白人至上主義的な世界観はなりを潜め、モデルには黒人とアジア人が前より多く登場するようになった。私はこれが本当にショックで、VSは死んだと思った。もちろん間違っているの
ユーザーのブックマーク一覧ページのシステムリニューアルを行いました - はてなブックマーク開発ブログ
はてなブックマークでは現在、システム全体の抜本的なリニューアルに向けた開発を進めております。 本日、その一環として、ユーザーページ内のブックマーク一覧ページを新システムに移行いたしました。 今回リニューアルしたのは以下のページです。 ユーザーのブックマーク一覧ページ ユーザーのマイブックマーク検索ページ 「あとで読む」のブックマーク一覧ページ また、以下の機能については、仕様を変更しました。 ブックマーク一覧ページのタグ一覧に、非公開ブックマークにつけたタグを表示させないようにしました ブックマーク一覧ページで1ページごとに表示される記事件数を20件に固定しました 他のユーザーのブックマーク一覧のコメントの下部に、そのユーザーのお気に入りユーザーが表示されていましたが、自分のお気に入りユーザーが表示されるようにしました グローバルヘッダーをページ上部に固定しました なお、ご利用状況等を鑑み
「ラウンドアバウト」なぜふたつ？ 日本初、高速道路ICで 逆走防止効果も？ | 乗りものニュース
円形の交差点「ラウンドアバウト」がふたつ近接するという「ダブルラウンドアバウト」が、高速道路ICと一般道の接続地点に誕生します。日本初の構造で、逆走防止にも効果があるそうです。 直進の場合も2度「回る」？ 山陰地方を縦貫する高速道路として計画されている山陰道で、日本初という「ダブルラウンドアバウト」なる構造を採用したICが建設されています。島根県大田市の朝山IC（仮称、以下略）です。 ダブルラウンドアバウトが導入される山陰道 朝山ICのイメージ（画像：松江国道事務所）。 そもそも「ラウンドアバウト」とは信号のない円形の交差点のことで、日本では2014年の道路交通法改正によって通行ルールが明確になり整備が本格化しました。交差点の中心に「中央島」などと呼ばれるスペース、その外周を取り囲むドーナツ型の通行路「環道」があり、そこから放射状に道路が伸びるという構造で、以下のような通行ルールがあります
「政治的なアート」揺れる地域 米軍機題材で公開中止：朝日新聞デジタル
星条旗の図柄を用い、「落米（らくべい）のおそれあり」と米軍機の墜落に注意を促す――。沖縄県うるま市のアートイベントで、美術家の岡本光博さん（４９）＝京都市＝が商店のシャッターに描いた作品に反対意見が出て、市が公開を取りやめた。政治的なテーマの美術表現を地域社会の中でどう扱うか。問題が浮かび上がった。 自治会「人を呼びたいのに…」 那覇から車で約９０分。人口２６５人の伊計（いけい）島で日用品や食品が買える唯一の商店という「共同スーパー」のシャッターに、岡本さんが描いた作品があった。 １７日、絵は市の判断でベニヤ板などで覆われた。スーパーを所有・運営するのは伊計自治会で、自治会長の男性（６０）は「誰もが素晴らしいと感動する絵ではなく、政治的な主張をする作品」と憤る。 市の担当者は「『消して欲しい』という自治会の強い要望に沿って対応する」。イベントは過疎が進む島嶼（とうしょ）部の活性化が目的で、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
