サイト構築 -制作

サイトやアプリの画面遷移を分かりやすく見せる、ユーザーフローを作成する要素が揃ったプラグイン -UserFlows

Post on:2017年4月19日

Webサイトやスマホアプリの画面遷移を伝えるフローチャートやユーザーフローを3つのショートカットで作成できるSketchのプラグインを紹介します。 ラインやアロー、条件付きロジック、フローダイアグラムなどが簡単に作成でき

...記事の続きを読む

なかなか気付かれにくいけれど、見つけたら「おおっ!」となるSVGアニメーションのテクニック

Post on:2017年4月12日

ヘッダに配置されたハンバーガーメニュー。 まぁ、ハンバーガーメニューでなくてもいいのですが、スクロールするとヘッダから流体のようにちゅるんと分離するアニメーションを紹介します。 実装しても気付かれにくいですが、見つけたら

...記事の続きを読む

こんな便利なのがあったとは!Web制作者やデザイナー向け、macOS用のアプリとツール 総まとめ

Post on:2017年4月5日

Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。

...記事の続きを読む

線を引くSVGアニメーションの作り方 -文字や図形を一筆書きのように線・ラインで描く

Post on:2017年4月4日

文字や図形、そしてイラストやロゴなどを一筆書きのように、線・ラインで描くSVGのアニメーションが驚くほど簡単に作成できるオンラインツールを紹介します。 下記のように一つずつ順番に描いたり、3つを同時に描いたり、タイミング

...記事の続きを読む

Web業界は進化が速い!自分がHTML, CSS, JavaScriptで何を知らないか、スキルをチェックができる -Know it all

Post on:2017年4月3日

HTML, CSS, JavaScriptをはじめ、Web制作に必要とされる知識で何を知らないかが分かり、自分のスキルをチェックできる「Know it all」を紹介します。 自分の現状を知ることで、次に何をすべきかに役

...記事の続きを読む

神は細部に宿る、デザインの徹底的なこだわりがすごいクリエイターたちのポートフォリオサイトのまとめ

Post on:2017年3月30日

Webデザインのセンスを磨く方法の一つは、優れたデザインを数多く見ること。 デザインの細部に至るまでの徹底的なこだわり、気持ちのいいインタラクションやアニメーション、素晴らしいアイデア満載のUIを備えたWebサイトを紹介

...記事の続きを読む

最近のWebを象徴するカード型コンポーネントをデザインする時のポイントまとめ

Post on:2017年3月24日

ここ1, 2年で、カードのコンポーネントを採用しているWebサイトは非常に増えました。レスポンシブとも相性がよく、情報を分かりやすく整理でき、テキストや画像だけでなく、動画などのマルチメディアも要素として配置することがで

...記事の続きを読む

簡単なのにかっこいい!ポートフォリオサイトが作成できる、HTMLベースのテンプレート -Dev Portfolio Template

Post on:2017年3月23日

自分の職歴や関わったプロジェクト、スキルなどをプレゼンするポートフォリオを0から作ろうとすると面倒かもしれません。ポートフォリオに必要なコンテンツをコンポーネント化し、追加や削除も簡単に行えるHTMLベースのテンプレート

...記事の続きを読む

より重要になった、HTMLのアクセシビリティに関する問題を解決するChromeの拡張機能 -Alix

Post on:2017年3月22日

先週の記事「HTMLの潜在的な問題を見つける、少し高度なCSSのセレクタ」をブラウザで簡単に利用できるChromeの機能拡張を紹介します。 まだリリースされたばかりですが、早くも利用者が1,000人を超えようとしています

...記事の続きを読む

1クリックでSVGのデバッグが可能!SVGのパスをアウトラインに変換、アンカーやポイントやハンドルを表示 -xvg

Post on:2017年3月15日

Webページで使用しているSVGのパスをアウトラインに変換し、アンカー、コントロールポイント、ハンドルを表示してデバッグができるChromeの拡張機能「xvg」を紹介します。

 Prev 1 2 3 4 5 ... 42 43 Next

top of page

©2017 coliss