UIパーツにメイリオを指定しないほうがいい理由
はじめに 前提として本記事は特定のフォントを貶める意図はなく役割として使い分けることを推奨する記事です。 フォントにあるのは役割であり、優劣ではないということを念頭にご一読いただけると幸いです。 注意事項 メイリオという特殊なフォント まず具体的な問題点を挙げる前にメイリオというフォントについて軽く紹介させていただきます。 といってもWeb開発者にとっては馴染み深いフォントでありご存じの方が大半だと思います。 Windows Vistaより搭載されたこのフォントは未だに根強い人気があります。 記事にもあるように、このフォントは和文と英文の調和を重視して作られ英文のベースラインという考え方を取り込んでいます。 そこでメイリオでは和文を縦方向に95％に圧縮した形にして下部にスペースを開けた。こうすることで和文・欧文が混じったときに、それぞれのベースラインを合わせつつ、文字が上下に踊って見えると
MacのFinderでWebP画像を見れるようにしよう！｜WebP編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
健全なソースコードは健全な開発環境に宿る。こんにちは、フロントエンドのザワです。 私がWebPを扱い始めたのはここ最近の話です。JPG画像などを見るのと同じようにFinderを眺めていたとき気づきました。 FinderでWebPが見れないじゃないか！ そんな苦い経験から、WebP画像をFinderで見る方法をここに記すことにします。対応はものすごく簡単なので、「まだやってないよ」という方はぜひ試してみてください！ ではさっそく始めます！ LIG技術研究会って？ 日頃感じているWeb技術に関する疑問や不明な点を、研究員（LIG社員）がそれぞれのアプローチによって紐解いていく会。まだまだ謎が多い。 やってみよう！ 動作確認（Before） まずはFinderで画像を見た場合の正常動作を確認しましょう。 たとえばJPG画像をFinderで見ると、このように表示されると思います。 うん、ブルーライ
MiddleClick Catalina - ミドルクリック操作をトラックパッドやマジックマウスにも MOONGIFT
マウスを使っている人であれば当たり前の機能であるスクロールボタンのクリック（ミドルクリック）。Webブラウザなど、マウスをよく使うソフトウェアには機能が実装されています。例えばタブをバックグラウンドで開いたり、お気に入りフォルダ内のURLをまとめて開いたりできます。 そんな機能をmacOSでも使いたい方はMiddleClick Catalinaをインストールしてみましょう。 MiddleClick Catalinaの使い方 起動するとメニューバーに常駐します。3本指でクリックまたはタップした操作がミドルクリック相当になります。 例えばSafariであれば、ミドルクリックでリンク先のタブを新しいタブ（かつバックグラウンド）で開いてくれます。Google Chromeだと、バックグラウンドにあるタブをミドルクリックすると閉じてくれます。ちょっとした機能ですが、マウスやパッドのクリック操作だけで
Figmaがこれからの人にも、すでに使用中の人にもいい！公式より快適に動作するmacOS用アプリ -Figmac
Figmaがこれからの人にも、すでに使用中の人にもお勧めです。macOS対応の公式より快適に動作するFigmaアプリを紹介します。 .figファイルはもちろん、.sketchファイルを編集したり、.pdfに書き出したり、共同作業やバージョン管理なども簡単にできます。 Figmaは無料で利用でき、Figmacも無料で利用できます。 Figmac Sketchファイルを開きたいけど、Sketchがない人にも便利です。 Windowsの場合は、下記をご覧ください。 SketchファイルをWindowsで開いて、編集・保存できる無料アプリが登場 -Lunacy Figmacの特徴 Figmacのダウンロード Figmaとは Figmacの使い方 Figmacの特徴 Figmacは、BlocsやSolisなどのmacOS用のUIデザインツールを開発したNorm氏の新しいアプリで、Figmaの公式アプ
murashun.jp
murashun.jp は、色のコレクションサイトです。日本の伝統色やJIS慣用色のカラーコードや詳細な説明を提供します。デザイナーやアーティスト、そして色に興味を持つすべての方に役立つ情報を紹介しています。
GitKraken - Git Flowにも対応したGitリポジトリクライアント
GitはCLIで使う派なのですが、普段使わないコマンドを使おうと思うと一旦手を止めて調べたりします。その点、デスクトップクライアントであればメニューから選ぶだけで実行できたりします。 GitHubはデスクトップクライアントをリリースしていますが、今回はその代替となるGitKrakenを紹介します。GitHub以外のプロジェクトでも使えます。 GitKrakenの使い方 GitKrakenのメイン画面です。左がブランチなど、中央がツリーになっています。 Git Flowにも対応しています。 Git Flowのブランチを作成することもできます。 GitKrakenはGitHubのオクトキャットに対抗して作られたソフトウェアになります。便利なのはGitHubに依らず、Gitリポジトリで使いこなせる点でしょう。ぜひ使ってみてください。 GitKrakenはWindows/Mac OSX/Linux
imagemin-app – ドロップして画像ファイルを最小化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトやアプリで多くの画像リソースを使うことが増えています。どんどん数が増えていくと、それだけWebサイトの表示やアプリの肥大化につながっていくでしょう。小さければ小さいほどベターです。 画像を小さくするコマンドもありますが、エンジニアでないと使い勝手が悪いでしょう。そこで使ってみたいのがimagemin-appです。 imagemin-appの使い方 imagemin-appはとてもシンプルなアプリケーションで、起動するとウィンドウが一つ表示されるだけです。 そこに画像ファイルをドロップすると自動的に最適化されます。専用のフォルダが作られるので、オリジナルが上書きされる訳ではありません。 実際に適用したところ。25KBが10KBまで減っています。 imagemin-appは
Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks（10
フォントのフォーマットを変換できるオンラインサービス -Free Online Font Converter
フォントをWindows、Mac、Linuxでも使用できるように、TrueType, PostScript, OpenTypeなどにフォントのフォーマットを変換できるオンラインサービスを紹介します。 Free Online Font Converter [ad#ad-2] 対応しているフォントのフォーマットは下記のようになっています。 フォントの対応フォーマット pfa, pfb, pt3, sfd, ttf, otf, otb, t42, cef, cff, gsf, ttc, svg, ik, mf, dfont, bin, suit and bd Free Online Font Converterの使い方 使い方は簡単です。 登録など面倒なことはありません。 「Select a file to convert:」にフォントファイルを指定して、アップロードします。 「Select a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
