Web制作に役立つ情報一覧

UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説

2018/03/13(Tue) 09:47

普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。

https://coliss.com/articles/build-websites/operation/work/good-to-great-ui-animation-tips.html

もう縦スクロールって疲れません？進化する私たちの指と視野

2018/03/12(Mon) 09:56

こんにちは！現役女子大生二人組による若者の今を伝えるメディア「ワカモノのトリセツ」です。春休み満喫中の私たちは、自然と携帯を見る時間が増えました。

https://note.mu/yumeme_honami/n/nd280673bf9c1

EメールとDMの併用販促でCVRは2.5倍、売上1.9倍――AOKIグループの調査事例

2018/03/08(Thu) 09:48

紳士服大手のAOKIはファッションブランド「ORIHICA（オリヒカ）」で、Eメールとダイレクトメール（DM）を併用した販促を実施、Eメールのみと比べて販売件数（CVR）が2.5倍、売上金額が1.9倍となった

https://webtan.impress.co.jp/n/2018/03/08/28595

px, %, em, rem, vw, vhなど、CSSの異なる単位が互いにどのように変換されているかが分かる便利ツール

2018/03/07(Wed) 09:48

絶対単位のpxをはじめ、%, em, remなどの相対単位、vw, vhなどのビューポートの幅と高さに基づいた単位などが、お互いにどのように変換されているかが分かる便利ツールを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-unit-conversion.html

【本当は教えたくないCSSコピペ】ページを開くとスーッてスライドするアニメーション

2018/03/06(Tue) 09:50

この記事を発見したあなた、おめでとうございます。今回は、あえて今まで黙っていた、秘蔵のCSSテクニックを1つご紹介しよう。今まで、1人でシメシメとひた隠しにしていたこのテクニックだが、あまりにも「やり方教えんかい！ゴルァ！」というお問い合わせを多数いただくので、泣く泣く解禁する次第だ。

http://www.okuni.me/entry/css-slide-animation-keyframes

続・ビジネスオーナーになったら、Google マイビジネスを活用しよう！

2018/03/05(Mon) 09:51

みなさん、Googleの活用はできていますか？　前回もご説明しましたが、Googleは単なる検索ツールではありません。ビジネスに活用しようと思ったらいろいろなことができるんです。ビジネスオーナーであれば、活用しない手はありません。

https://liginc.co.jp/373669

[CSS]要素を天地左右の中央に配置、最近主流になっている実装方法のまとめ

2018/03/02(Fri) 10:11

子要素を親要素の左右中央に配置するのは、簡単です。インライン要素は「text-align: center;」で、ブロック要素であれば「margin: 0 auto;」で中央に配置できます。

http://coliss.com/articles/build-websites/operation/css/absolute-centering-with-css.html

リガチャが楽しめる！疾走感のあるストロークがかっこいい走り書きのフリーフォント -Highlander

2018/03/01(Thu) 09:56

手書きフォントはかわいい系が多く、かっこいい系が見つからない！ と探している人に朗報です。疾走感のあるストロークがかっこいいフリーフォントを紹介します。

http://coliss.com/articles/freebies/free-font-highlander.html

こういうのを待ってた！日本語フォントで、レスポンシブ用の文字の指定を調整できる無料ツール -Archetype

2018/02/28(Wed) 09:50

文字の指定をいろいろ調整できる無料ツールは他にもありますが、ようやく日本語フォントに対応したものがリリースされていたので、紹介します。

http://coliss.com/articles/build-websites/operation/css/digital-typography-design-tool-archetype.html

手の込んだテキストエフェクトを作成できる、すごいPhotoshopデザイン素材32個まとめ【2018年版】

2018/02/27(Tue) 10:04

フォントを入力して、ほんの数クリックで魅力的なテキストエフェクトを作成できる、最新のPhotoshop無料デザイン素材をまとめています。多くの素材は、スマートオブジェクト機能を利用しているので、フォントを編集するだけで手軽にデザインを完成させることができるので、ブログのアイキャッチやポスター、フライヤーデザインなどにもオススメです。

http://photoshopvip.net/107585