サイト構築 -実装
色の組み合わせ方の参考にいい！Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color
Post on:2019年2月4日
指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。 カラーパレットは、Webサイトやスマホアプリに特化されており、コンテンツに使用されるさまざ […]
商用でも完全無料！Webサイトやスマホアプリをプレゼンで魅せるためのベクター素材 -Vector Mockups Library
Post on:2019年2月4日
Webサイトやスマホアプリのプレゼンテーション用に便利な無料のベクター素材を紹介します。iPhone, Androidをはじめ、スマホ・タブレット・デスクトップ・ブラウザなど、さまざまなデバイスが揃っています。 Vect […]
CSS Flexboxのレイアウトで起きる厄介な問題をJavaScriptを使用せずに、解決するテクニック
Post on:2019年1月31日
CSS Flexboxの利点は柔軟なレイアウトを行えることです。しかし、そのフレキシブルさがネックになってしまうことがあります。 ここ数ヵ月の間、あちこちのブログやコミュニティで議論されていたFlexboxのレイアウトで […]
あなたはデザインを見る目と判断する知識を備えているか、勉強にもなるUIデザイン検定問題 -Can't Unsee
Post on:2019年1月30日
面白くて勉強になるUIデザイン検定問題を見つけたので、紹介します。 2つのUIデザインが表示され、どちらが正しいデザインかを選択するゲームです。 デザインは、見る目を養うことも大切です。1pxのライン、文字詰め、ツラ合わ […]
デザイナーはコーディングを学ぶべきか？ 2019年変わりつつあるデザイナーとコードの在り方
Post on:2019年1月29日
デザイナーはコーディングを学ぶべきか？ デザインやプロトタイプ、エディタなど、最近のツールの進化に伴い、この問題を見直す時期がきたようです。 2019年変わりつつあるデザイナーとコードの在り方、ワークフローについて紹介し […]
デバッグ作業が快適に！VS Codeにブラウザのプレビュー機能を加える機能拡張 -Browser Preview for VS Code
Post on:2019年1月28日
エディタで作業しながらデバッグをしたい人にぴったりな、VS Code内にChromeをプレビューとして表示させることができる機能拡張を紹介します。 ブラウザで単に表示するだけでなく、デベロッパーツールと連携させることも可 […]
これなら簡単！SVG対応、アイコンを組み合わせてWebフォントのセットを作成できる無料ツール -Webfont
Post on:2019年1月28日
複数のアイコンを自由に組み合わせて、SVG対応のWebフォントにできるmacOS対応の無料ツールを紹介します。 ソーシャルメディア用のアイコンで作成したり、自分のサイト用のアイコンで作成したり、自分だけのオリジナルのWe […]
Adobe XDの自動アニメーションとドラッグジェスチャー機能を使って、UIのインタラクションを実装したまとめ
Post on:2019年1月24日
Adobe XDの2018年10月のアップデートで使えるようになった新機能「自動アニメーション」「ドラッグジェスチャー」を使用して、Webサイトやスマホアプリで見かけるUIのさまざまなアニメーションやインタラクションの実 […]
コーディング作業はもう一切不要！2.0でものすごい進化を遂げた、国産の無料デザインツール -STUDIO 2.0
Post on:2019年1月23日
去年当ブログで紹介した際にも評判が高かったSTUDIOが、満を持して2.0にアップデートされました！ STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツー […]
これは便利！CSSの指定した機能のフォールバックがうまく機能しているか確認できるツール -CSS Feature Toggle
Post on:2019年1月22日
CSSの新しい機能は便利で魅力的なものばかりですが、ネックになるのがサポートブラウザです。レイアウトではCSS GridやFlexbox、また@supportsによる機能検出、画像をレスポンシブ対応にするためにobjec […]
sponsors
