サイト構築 -実装
プログレスバーの実装もこれなら簡単！複数ファイルにも対応した超軽量JavaScriptライブラリ -preload-it
Post on:2018年11月8日
動画ファイル、音楽ファイル、画像ファイルなど、大容量のファイルを使用したコンテンツでは、プログレスバーがあると非常に便利です。さまざまなタイプのファイルをプリロードするための超軽量（1kb）JavaScriptライブラリ […]
Web制作者が備えておきたい最新版チートシートのまとめ
Post on:2018年11月7日
あれはどうだったかな？ という時にすぐ分かる、Web制作の実装や勉強に役立つチートシートを紹介します。 iPhone 8やXsのスクリーンサイズはいくつだったかな？ CSS FlexboxやGridの挙動がまとめて知りた […]
あまり知られていないかもしれない、CSS-in-JSを実装するライブラリでできる5つの便利なテクニック
Post on:2018年11月6日
CSS-in-JSはJavaScriptを使用してコンポーネントをスタイルするテクニックです。 Reactには従来のCSSに加えて、スタイリングのオプションとして、インラインスタイルとCSS-in-JSがあります。 CS […]
Google Fonts + 日本語を使用して、Webサイトやブログがどのように表示されるか試すことができるツール -Fonty
Post on:2018年11月5日
2018年9月にGoogle Fontsは日本語が正式にサポートされ、既に利用されている人、検討されている人も多いと思います。当ブログでも早期アクセスから使用しています。 日本語の正式サポートに伴い、Google Fon […]
[CSS]これは知らなかった！セレクタを使った条件分岐のテクニック
Post on:2018年11月2日
古いブラウザ用のスタイルシートとモダンブラウザ用のスタイルシートは、どのように分けて記述していますか？ CSSのセレクタだけを使用して、古いブラウザ用とモダンブラウザ用にスタイルシートを条件分岐させるテクニックを紹介しま […]
こういうのを待ってた！Photoshopやエディタで作業しながら、別ウインドウを重ねて表示できるアプリ -Pennywise
Post on:2018年11月1日
エディタで作業しながら何かを表示したり、Photoshopで作業しながら何かを表示できる、macOS, Win, Linux対応の無料アプリを紹介します。 チートシートを表示したり、チュートリアルを表示したり、動画を表示 […]
UI用のカラーシステムを構築する新しい方法とツール
Post on:2018年10月30日
少人数で一回限りのプロジェクトであれば、カラーシステムは割と簡単に構築できます。しかし、大人数や長期間のプロジェクトになると、そう簡単ではありません。 Webサイトやスマホアプリで、長期的に使用でき、拡張性があり、アクセ […]
スマホアプリの実装が簡単に！実用的なコンポーネントを簡単に利用できるReact Nativeのフレームワーク -Galio
Post on:2018年10月29日
最近のスマホアプリで使用されているさまざまなコンポーネントをそのまま、カスタマイズして、簡単に利用できるReact Nativeのフレームワークを紹介します。 Photoshop, Sketchのファイルもダウンロードで […]
Zeplinがかなり便利！Adobe XDやPhotoshopからデザインの指示書やスタイルガイドを簡単に自動作成できる
Post on:2018年10月26日
Webサイトやスマホアプリのデザインの指示書やスタイルガイドをわざわざ作成するのは時間がかかり、なかなか面倒です。Adobe XDやPhotoshopなどで作成したファイルから、Zeplinでこれらを自動生成する方法を紹 […]
便利なのが登場！フォームのバリデーションをシンプルな記述で実装できる超軽量JavaScriptライブラリ -v8n
Post on:2018年10月24日
Webサイトやスマホアプリのどの部分にでもフォームに入力された値を検証するバリデーションを簡単に実装できる、わずか2.29kBの超軽量ライブラリを紹介します。 バリデーションでよく使用されるルールもデフォルトで30個以上 […]
sponsors
