Web制作に役立つ情報一覧

CSSの作業効率がアップする、少し高度な使い方のまとめ

2018/03/19(Mon) 09:55

Webページやスマホアプリをはじめ、レスポンシブ対応ページなどで役立つ、CSSのあまり知られていない仕様や少し高度な使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-quirks-oddities-and-advanced-tips.html

Webサイトのコンテンツ制作コストを計算する方法

2018/03/16(Fri) 09:51

コンテンツの作成は、Webサイトプロジェクトの一部に過ぎず、作成のためには、計画やワークフローの決定、適切な人材の獲得、時間、お金が必要であり、さらに異なるチームステークホルダーや分野の専門家との協力が求められます。

http://uxmilk.jp/70700

フリーフォントとは思えないほどかわいい！スタンプ風にデザインされたロゴの無料素材

2018/03/15(Thu) 09:51

フリーフォントを使用して、スタンプ風にデザインされたかわいいロゴを簡単に作成できる無料のデザイン素材を紹介します。Photoshop, Illustrator両対応で、PSD, AIの他、EPS, PDFも揃っています。

https://coliss.com/articles/products/stamp-premade-logo-templates.html

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