サイト構築 -制作

CSSだけでも実装できる!ページ内アンカーやページ上部にアニメーションでスクロールさせるCSS, JavaScriptのまとめ

Post on:2018年5月10日

ページ内のアンカーやページの上部にアニメーションで、スムーズにスクロールさせるCSS、単体のJavaScript、Vue.jsやjQueryのプラグインを紹介します。 現在では、CSSだけでも実装できるようになりました。

...記事の続きを読む

ブックマークしておきたい!WebサイトやスマホアプリのUIデザインのアイデアに困った時に、参考になるサイトのまとめ

Post on:2018年4月27日

WebサイトやスマホアプリなどのUIデザインのアイデアに困った時に、参考になる、そして勉強になるサイトを紹介します。 ランディングページ・プロダクトページのレイアウト、UIのさまざまなコンポーネント、アニメーションが気持

...記事の続きを読む

便利すぎる!さまざまなデバイスのサイズを同時に確認しながら作業できる、Web制作の連携支援ツール -Solis

Post on:2018年4月23日

最近のWeb制作では、異なるスクリーンサイズでの確認が欠かせません。 スマホ、タブレット、デスクトップ、それぞれに異なるスクリーンサイズが多数あり、これらを一つ一つ確認するのはなかなか大変です。 そこで作業しながら、同時

...記事の続きを読む

びっくりするほど簡単!HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール

Post on:2018年4月20日

さくっと短時間で、慣れれば1分! デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをド

...記事の続きを読む

人工知能で、写真やイラストの顔の表情をアニメーションで動かせるぞ! -Realistic 3D Avatars

Post on:2018年4月19日

人工知能(AI)で写真画像から人物の顔だけを取り込み、アニメーションで動く高度な3Dのアバターが作成できるオンラインサービスを紹介します。 Realistic 3D Avatars

フリーランスの人も知っておきたい!メールで要件やスケジュール、修正の内容をやり取りする時のガイドライン

Post on:2018年4月11日

Web制作に限らず、制作業界すべてのマネジメントにおいて、要件やスケジュールの確認、変更や修正内容の確認は、非常に重要なプロセスです。 広告関係4団体によって策定された、それらの内容を明確にし、確認書としてメールの書面を

...記事の続きを読む

InVisionだけじゃない!国内産デザインツール「Studio」はモックアップもWeb・スマホサイトも簡単に作成できる

Post on:2018年4月5日

海外ではInVisionが注目されていますが、国内産のデザインツールも負けていません。 Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 こういったツールは英語

...記事の続きを読む

[CSS]「display: contents;」がすごい便利!ラッパーを使った実装が大きく変わるこれからのテクニック

Post on:2018年4月4日

例えばカードで、見出しが1行・3行、本文の量が多かったり少なかったりする場合、それぞれの高さを揃えるのは非常に難しく、かなりトリッキーな実装が必要でした。もしくは、JavaScriptを使用しなくてはできなかった実装です

...記事の続きを読む

Web制作にすぐに役立つ、Chrome デベロッパーツールの便利な機能・使い方のまとめ

Post on:2018年4月2日

Web制作者にとって、Chrome デベロッパーツールは欠かせません。Web制作にすぐに役立つ、便利な機能・使い方を紹介します。 Cool Chrome DevTools tips and tricks you wish

...記事の続きを読む

日本語にも対応!自分で書いた文字からフォントを簡単に作成できる無料オンラインツール -Calligraphr

Post on:2018年3月30日

Windowsからでも、macOSからでも、手書きのオリジナルのフォントが簡単に作成できる無料オンラインツールを紹介します。フォントはTrueTypeもOpenTypeも作成できます。 日本語はじめ、英語、ドイツ語、フラ

...記事の続きを読む

top of page

©2019 coliss