サイト構築 -制作

これなら簡単!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サイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツー

...記事の続きを読む

2019年、UIとUXデザインのトレンドを解説!デザインのテクニックやツール、ブラウザ、フォントも進化している

Post on:2019年1月8日

デザイン業界の現在の流れを把握し、それらがどこに向かって進んでいるのか、何ができるようになるのか、チェックしておきたいUIとUXデザインのトレンドを紹介します。 昨年まではスマホ中心のトレンドが多かったですが、今年のキー

...記事の続きを読む

2018年、日本国内を対象にしたブラウザのシェア、スマホや解像度やソーシャルメディアのシェア

Post on:2018年12月14日

2018年1月から11月までの日本国内のブラウザのシェア、スマホやタブレットなどのデバイス、解像度、OS、検索エンジン、ソーシャルメディアのシェアを紹介します。 こういった数字は自サイトのものが一番参考になりますが、一つ

...記事の続きを読む

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)など独自のショートカットもあります。

...記事の続きを読む

top of page

©2024 coliss