サイト構築 -制作
円グラフや棒グラフをわずか数クリックで、簡単に作成できる無料オンラインツール -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対応の無料アプリを紹介します。 チートシートを表示したり、チュートリアルを表示したり、動画を表示
スマホアプリの実装が簡単に!実用的なコンポーネントを簡単に利用できる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でこれらを自動生成する方法を紹
Chrome 70 デベロッパーツールが便利になってる!Web制作者がチェックしておきたい新機能のまとめ
Post on:2018年10月19日
10月16日にリリースされたChromeではログインしただけで勝手に設定が同期される機能が改善され、新機能として指紋認証、PWAのサポート、非HTTPSページで「保護されていない通信」がレッドに表示されるようになりました
1分で分かる!Adobe Sensei, XD, Photoshop, Illustrator CC 2019の新機能のまとめ(ワークフロー効率化が中心)
Post on:2018年10月17日
Adobe MAX 2018が開催され、Adobe Senseiをはじめ、XD, Photoshop, Illustrator CC 2019にさまざまな新機能が実装されました。 今回のアップデートは「ワークフロー効率化
コーディング作業は無しで、デスクトップ・スマホ向けのテンプレートをすぐに構築できる次世代ツール -GrapesJS
Post on:2018年10月9日
HTMLやCSSのコーディング作業は無しで、デスクトップ・スマホ向けのさまざまな種類のテンプレートをすぐ簡単に構築できるフレームワークを紹介します。 ランディングページはもちろんのこと、CMSにも使用できるように設計され
sponsors