hostsファイルを1クリックで切り替え・管理ができるWin, macOS, Linux対応の便利な無料アプリ -SwitchHosts!
Post on:2018年7月12日
hostsファイルを書き換えたり、さらに同時に複数の管理をする必要があったり、そんな時に便利なWin, macOS, Linux対応の無料アプリを紹介します。 1クリックで切り替えることができ、設定をバックアップすること […]
デザインは気づきが大切！デザインを見る目をどのように養えばよいのか
Post on:2018年7月11日
UIのデザイナーをはじめ、デザイナーではない人でも、どのようにデザインのセンスを磨き、デザインを見る目をどのように養えばよいのかを紹介します。 How to develop an eye for Design
[CSS]marginの相殺を正しく理解しておこう！相殺はいつ起こるのか、相殺を回避するテクニック
Post on:2018年7月11日
marginの相殺について、まずはクイズ。 Aのdiv要素には「margin-bottom: 10px;」を、Bのdiv要素には「margin-top: 30px;」を指定した場合、それらを垂直に配置するとマージンはいく […]
不思議!? div要素一つで同じスタイルなのに、すべてのブラウザで見た目が異なるスタイルシート
Post on:2018年7月10日
div要素一つで同じスタイルなのに、IE, Edge, Chrome, Safari, Firefoxなどの各ブラウザで見た目が全く異なるスタイルシートを紹介します。
これは嬉しい！話題のOpenTypeのSVGフォントが期間限定で無料ダウンロードできます -Bluesky
Post on:2018年7月10日
当ブログでも何回かOpenTypeのSVGフォントを紹介してきましたが、そのほとんどが有料フォントでした。試しに使ってみたいと考えている人には、ちょっと手がだしにくかったと思います。 有料のSVGフォントが、1週間限定で […]
CSSの単位「rem」を使ったフォントサイズの計算を自動で一覧表示してくれる便利ツール -PxtoRem
Post on:2018年7月9日
フォントサイズの指定によく使用される単位は、相対値で指定できる単位が人気です。中でも、親要素に相対的なemより、常にルートに相対的なremの方が使い勝手がよいでしょう。emを使用すると複利計算になるため、深い階層の子要素 […]
[JS]Webアプリやページのツアーガイドを簡単に加えることができる軽量スクリプト -Shepherd
Post on:2018年7月9日
Webアプリやページにツアーガイドを簡単に加えることができる軽量スクリプトを紹介します。以前に紹介した時から、v.2に大きくバージョンアップされました。 既存ページに加えるのも簡単で、柔軟なカスタマイズにも対応しています […]
2018年用、日本語のフリーフォント332種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記
Post on:2018年7月6日
個人でも商用でも無料利用できる、日本語のフリーフォント332種類を紹介します（公開時より、3+18個増えました）。 ビジネスからプライベートまで、幅広く利用できる無料フォントが満載です！ 去年は260種類だったので、今年 […]
Chromeデベロッパーツールの機能が、すごく簡単で便利！ローカルサーバーを1分もかからずにすぐ構築できる
Post on:2018年7月6日
Chromeデベロッパーツールはいろいろ便利ですが、お手軽にローカルサーバーも構築することもできるんですね。簡易的なサーバーですが、HTML, CSS, JavaScriptのWebページであれば充分な機能を備えています […]
タブやナビゲーションがアクティブな時に、ハイライトのラインがすぅっーと移動するアニメーションを実装
Post on:2018年7月5日
タブがアクティブな時に、ハイライトのラインがすぅっーと移動するアニメーションを実装したデモを紹介します。リスト要素でシンプルに実装されているので、タブだけではなく、ナビゲーションなどにも利用できると思います。 下記は、デ […]
sponsors
