サイト構築 -制作
Web制作者がチェックしておきたい、Chrome 71 デベロッパーツールの新機能のまとめ
Post on:2018年12月11日
先週、アップデートされたChrome 71 デベロッパーツールの新機能を紹介します。 ブラウザのアップデートと共に、デベロッパーツールも便利になっていきますね！ What's New In DevTools (Chrom
Chromeの新しい機能拡張が便利すぎる！デザイナーやディレクター向けの新しいデザインツール -VisBug
Post on:2018年11月29日
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更
デザインの参考になる！最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ
Post on:2018年11月22日
最近のスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利ですね。
Chrome Dev Summit 2018が開催！Web制作者がチェックしておきたい、CSSとJavaScriptの最新情報
Post on:2018年11月20日
先週、サンフランシスコで開催された「Chrome Dev Summit 2018」から、Web制作者が特に注目しておきたいハイライトを紹介します。 ナビゲーションの新しい遷移方法、Squooshの開発秘話、新しいPage
Adobe公式の最新版！Adobe XDで使用できるすべてのショートカットが一枚にまとめられたチートシート
Post on:2018年11月13日
Adobe XDで使用できるすべてのショートカットが一枚にまとめられたチートシートを紹介します。 基本操作は他のAdobe系アプリのと同じですが、リピートグリッド（command+R）など独自のショートカットもあります。
円グラフや棒グラフをわずか数クリックで、簡単に作成できる無料オンラインツール -Chartify
Post on:2018年11月13日
数字のデータを見せたい時は数字を並べるだけでなく、グラフやチャートを使用すると、分かりやすく、非常にインパクトがあります。プレゼンをはじめ、ソーシャルメディアでの共有にもさくっと作成できる無料のオンラインツールを紹介しま
head内に記述するソーシャルメディア・検索エンジン用のmetaタグを簡単に生成できる無料ツール -Meta Tags
Post on:2018年11月12日
head内のmetaに記述するTwitterカードやFacebookのOGPなどのソーシャルメディア用のコード、Googleなどの検索エンジン用のコードを簡単に作成できる無料のオンラインツールを紹介します。 公式のデバッ
Web制作者が備えておきたい最新版チートシートのまとめ
Post on:2018年11月7日
あれはどうだったかな？ という時にすぐ分かる、Web制作の実装や勉強に役立つチートシートを紹介します。 iPhone 8やXsのスクリーンサイズはいくつだったかな？ CSS FlexboxやGridの挙動がまとめて知りた
Google Fonts + 日本語を使用して、Webサイトやブログがどのように表示されるか試すことができるツール -Fonty
Post on:2018年11月5日
2018年9月にGoogle Fontsは日本語が正式にサポートされ、既に利用されている人、検討されている人も多いと思います。当ブログでも早期アクセスから使用しています。 日本語の正式サポートに伴い、Google Fon
こういうのを待ってた！Photoshopやエディタで作業しながら、別ウインドウを重ねて表示できるアプリ -Pennywise
Post on:2018年11月1日
エディタで作業しながら何かを表示したり、Photoshopで作業しながら何かを表示できる、macOS, Win, Linux対応の無料アプリを紹介します。 チートシートを表示したり、チュートリアルを表示したり、動画を表示
sponsors
