サイト構築 -実装
Adobe XDの使い方をマスターしておこう！基本的な操作が10分で身につくAdobe公式のチュートリアルファイル
Post on:2018年4月17日
今年になってからのAdobe XDのアップデートは機能がどんどん強化され、デザインツールとしてより完成されてきました。実際に仕事に採用しているシーンも多く見かけます。 Adobe XD初心者向けに、基本的な使い方が身につ […]
[JS]タッチ操作にも対応した快適なスライダー・カルーセルを実装する軽量スクリプト -Glide.js
Post on:2018年4月16日
jQueryなどのスクリプトやアニメーションのCSSに依存せずに、レスポンシブ対応の快適なスライダー・カルーセルを実装する軽量のスクリプトを紹介します。 スライダーは最後を表示した際に1枚目に巻き戻し、カルーセルは最後を […]
現在主流のすべてのデバイス用のグリッドが収録されたPhotoshopとSketch対応の無料テンプレート素材
Post on:2018年4月16日
さまざまなスクリーンサイズに対応したiOS、Android、Bootstrap用のグリッドが収録された、PhotoshopとSketch対応の無料テンプレート素材を紹介します。 デスクトップのワイドスクリーンから、通常の […]
フリーランスの人も知っておきたい！メールで要件やスケジュール、修正の内容をやり取りする時のガイドライン
Post on:2018年4月11日
Web制作に限らず、制作業界すべてのマネジメントにおいて、要件やスケジュールの確認、変更や修正内容の確認は、非常に重要なプロセスです。 広告関係4団体によって策定された、それらの内容を明確にし、確認書としてメールの書面を […]
Web制作者がチェックしておきたい、最近のWebサイトで注目されているデザインのトレンド -2018年3,4月
Post on:2018年4月10日
デザインや実装で悩んだ時には、世界のクリエイターの間で注目されている新鮮なトレンドを見てみると良いインスピレーションに出会うことができます。最近のWebサイトで注目されているデザインのトレンドを紹介します。 自分にはない […]
指定したWebページから、PhotoshopやSketchのカラーパレットを生成できるChromeの機能拡張 -Site Palette
Post on:2018年4月9日
指定したWebページから、使用されているカラーを抽出し、カラーパレットを生成するChromeの機能拡張を紹介します。 Photoshop, Illustrator, Sketch用のスウォッチも作成できるので、かなり便利 […]
IEでも大丈夫！CSS Gridを使用する時の注意点と実装方法
Post on:2018年4月6日
CSS Gridはブラウザに2次元のレイアウトを作成できるCSSの素晴らしい機能です。今までの実装方法に比べて、HTMLはより簡単で、CSSはより堅牢に実装することができます。 そんなCSS Gridの唯一の問題点は、ブ […]
InVisionだけじゃない！国内産デザインツール「Studio」はモックアップもWeb・スマホサイトも簡単に作成できる
Post on:2018年4月5日
海外ではInVisionが注目されていますが、国内産のデザインツールも負けていません。 Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 こういったツールは英語 […]
[CSS]文字に含まれる上下の余白を取り除いて、アイコンや画像とぴったり同じ高さにするスタイルシート
Post on:2018年4月3日
文字に含まれる上下の余白を取り除いて、矩形ぴったりの高さに、アイコンとぴったり同じ高さに、画像とツラが揃うようにするスタイルシートを生成するオンラインツールを紹介します。 「line-height」が影響して、ぴったりに […]
Web制作にすぐに役立つ、Chrome デベロッパーツールの便利な機能・使い方のまとめ
Post on:2018年4月2日
Web制作者にとって、Chrome デベロッパーツールは欠かせません。Web制作にすぐに役立つ、便利な機能・使い方を紹介します。 Cool Chrome DevTools tips and tricks you wish […]
sponsors
