サイト構築 -実装
CSSだけでも実装できる！ページ内アンカーやページ上部にアニメーションでスクロールさせるCSS, JavaScriptのまとめ
Post on:2018年5月10日
ページ内のアンカーやページの上部にアニメーションで、スムーズにスクロールさせるCSS、単体のJavaScript、Vue.jsやjQueryのプラグインを紹介します。 現在では、CSSだけでも実装できるようになりました。 […]
CSS Gridで実装する際にはこの点に注意、IE11以下・Edge15以下をサポートするフォールバックのテクニック
Post on:2018年5月9日
CSS Gridは非常に便利ですが、唯一の欠点はIE11以下・Edge15以下のユーザーをサポートする必要がある場合に期待通りに機能しないことです。 CSS Gridでページのレイアウト・グリッド・コンポーネントを実装す […]
ブックマークしておきたい！WebサイトやスマホアプリのUIデザインのアイデアに困った時に、参考になるサイトのまとめ
Post on:2018年4月27日
WebサイトやスマホアプリなどのUIデザインのアイデアに困った時に、参考になる、そして勉強になるサイトを紹介します。 ランディングページ・プロダクトページのレイアウト、UIのさまざまなコンポーネント、アニメーションが気持 […]
めちゃ楽しい！この世界には存在しない異世界の地図を作り出すオンラインツール -Fantasy Map Generator
Post on:2018年4月26日
この世界には存在しない異世界のファンタジーな地図を簡単に作成できるオンラインツールを紹介します。 創作活動のインスピレーションにいいですね。 地図はカラーで、フルスクリーンの解像度に対応。SVGやPNGでの書き出しもでき […]
ロゴに適したフォントはこれ！有名ブランドから学ぶ、ロゴのデザインに使用されているフォントのまとめ
Post on:2018年4月25日
知名度の高い有名ブランドのロゴについて調査をおこない、ロゴに使用されているフォントや最終結果を得るために修正されたフォントをまとめた資料を紹介します。 英字ばかりですが、日本人デザイナーによるフォントもいくつかあります。 […]
便利すぎる！さまざまなデバイスのサイズを同時に確認しながら作業できる、Web制作の連携支援ツール -Solis
Post on:2018年4月23日
最近のWeb制作では、異なるスクリーンサイズでの確認が欠かせません。 スマホ、タブレット、デスクトップ、それぞれに異なるスクリーンサイズが多数あり、これらを一つ一つ確認するのはなかなか大変です。 そこで作業しながら、同時 […]
びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール
Post on:2018年4月20日
さくっと短時間で、慣れれば1分！ デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをド […]
SVGフォントはもう試した？透明感のある美しい文字表現ができるフォント -Opulent Font + SVG
Post on:2018年4月19日
フォントの色というか、塗りはベタが常識でした。 手書き風のフォントでも、隙間があるだけで、ベタ塗りです。 そんな今までのフォントの常識を打ち破る、SVGフォントを紹介します。 SVGフォントの塗りには高精細な水彩テクスチ […]
人工知能で、写真やイラストの顔の表情をアニメーションで動かせるぞ！ -Realistic 3D Avatars
Post on:2018年4月19日
人工知能（AI）で写真画像から人物の顔だけを取り込み、アニメーションで動く高度な3Dのアバターが作成できるオンラインサービスを紹介します。 Realistic 3D Avatars
Adobe XDの使い方をマスターしておこう！基本的な操作が10分で身につくAdobe公式のチュートリアルファイル
Post on:2018年4月17日
今年になってからのAdobe XDのアップデートは機能がどんどん強化され、デザインツールとしてより完成されてきました。実際に仕事に採用しているシーンも多く見かけます。 Adobe XD初心者向けに、基本的な使い方が身につ […]
sponsors
