サイト構築
Web制作にもAIが実用的になってきた！WebページのUIをリデザインできるオンラインサービス -Huula
Post on:2017年5月9日
ひと昔前まではデザインもコードも手作業が多かったですが、最近ではさまざまなタスクに自動化が取り入れられ、効率的に進めている制作者の人も多いと思います。 そしてここ1,2年の間で、Web業界にもAIが少しずつ進化し、実用的 […]
プレゼント企画！海外のデザイン素材やフォントを購入する時は、クーポンを利用して、激安で購入しよう
Post on:2017年5月8日
海外のデザイン素材やフォント、素敵なのやかっこいい、かわいいのがたくさんありますよね。そのまま購入するのもよいですが、クーポンを利用して更にお得に購入するのがオススメです。 Webデザインやアプリでも、同人誌やポスターな […]
レスポンシブの確認ツール、後発だけに便利！スマホ・タブレットの主要なデバイスでの表示確認が同時にできる -Sizzy
Post on:2017年5月8日
iPhone, iPad, Nexus, Galaxyなど、主要なスマホ・タブレットの表示確認が同時にできる、レスポンシブ用の確認ツールを紹介します。 最近リリースされたばかりで、現在の対応デバイスにあった便利なツールで […]
2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ
Post on:2017年4月27日
Flexboxで実装されたグリッドのみをはじめ、さまざまなコンポーネントが利用できるもの、ファイルがモジュール化されたもの、アクセシブルに特化されたものなど、2017年にチェックしておきたいCSSの軽量フレームワークを紹 […]
「position: sticky;」より便利！スクロールしたらヘッダやサイドバーがぴたっと貼り付くスクリプト -Fixed Sticky
Post on:2017年4月26日
HTMLは汚さずに、ヘッダ、ナビゲーション、サイドバー、ボタンなど、さまざまな要素をスクロールした際に指定した位置にぴたっと貼り付けるスクリプトを紹介します。 IE7+からサポートされており、「position: sti […]
最近のデザインで使われている、ロゴ・ブランディング・Webサイトのガイドラインのまとめ
Post on:2017年4月25日
Webサイトやスマホアプリのレイアウトの構成・展開、UIエレメントのバリエーション、カラーの使い方など、デザインの定義がまとめられたスタイルガイドを紹介します。 ロゴやブランディングも引き出しを増やすためにも参考にしたい […]
Web制作者がブックマークしておきたい、HTMLやCSSで困った時にチェックしたいリソースのまとめ
Post on:2017年4月24日
2017年4月11日、Windows Vistaのサポートが終了しました。 これによりIE9のサポートは必要なくなり、今まで躊躇していたHTMLやCSSを利用できるようになりました。 Flexboxでコンポーネントはどう […]
これは楽しい！本格的なピクセルアートが簡単に描けるPhotoshopの無料ブラシ
Post on:2017年4月21日
ピクセルアートを描く時に使うラインやドットで構成されたさまざまなイラストのパーツ・エレメントが収録されたPhotoshopのブラシ素材を紹介します。 ピクセルアートならではのギザギザの斜めのラインをはじめ、L字、Y字、矩 […]
デベロッパーツールの賢い使い方！テキストが多い少ないで崩れないかなど、デザインの検証や調整方法のまとめ
Post on:2017年4月20日
CSSについてあまり詳しくないデザイナーでも、デザインのさまざまな検証や調整ができるデベロッパーツールの使い方を紹介します。 テキストや要素が多い少ないでコンテンツのデザインが崩れないか、要素のデザインを簡単に比較したり […]
サイトやアプリの画面遷移を分かりやすく見せる、ユーザーフローを作成する要素が揃ったプラグイン -UserFlows
Post on:2017年4月19日
Webサイトやスマホアプリの画面遷移を伝えるフローチャートやユーザーフローを3つのショートカットで作成できるSketchのプラグインを紹介します。 ラインやアロー、条件付きロジック、フローダイアグラムなどが簡単に作成でき […]
sponsors
