Web制作に役立つ情報一覧

今使用しているナビゲーションやタブやボタンにHTMLを汚さずにさまざまなアニメーションを適用できる -All Animation

2016/02/26(Fri) 07:37

ページ上のさまざまな要素やコンポーネントにclassを加えるだけで、CSS3アニメーションを適用できるスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/cross-browser-css-animation.html

大切なのはコンセプト！伝える相手を意識してWebサイトをつくろう

2016/02/25(Thu) 07:26

今回は、コンセプトをつくる上での手法というよりは、なぜLIGではコンセプトを決める工程を取り入れていて、大切にしているのかということをお話できたらと思います。

http://liginc.co.jp/244680

CSSグラデーションを使ったデザインパーツサンプル

2016/02/25(Thu) 07:25

わざわざ画像を使わなくても簡単にグラデーションを表現することができるCSSのlinear-gradient。未対応ブラウザをサポートすることもまだ完全になくなったとは言えませんが少しずつ減ってきてはいるので、利用頻度が増えたという人も多いと思います。

http://www.nxworld.net/tips/design-parts-using-css-gradient.html

デザインがグッと良くなる、すごい無料モックアップPSD素材まとめ

2016/02/25(Thu) 07:25

完成したウェブサイトやモバイルアプリを、より魅力的に仕上げたいと思ったことはないでしょうか。そんなときは、無料ダウンロードできるモックアップ素材を利用してみましょう。

http://photoshopvip.net/ultimate-mockup

三分割法をつかった、美しい構図レイアウトの早業デザインテクニック

2016/02/25(Thu) 07:24

もしあなたがクリエイティブな分野に携わっているのなら、「三分割法（英: Rule of Thirds）」というキーワードを聞いたことがあるかもしれません。

http://photoshopvip.net/archives/87258

[JS]レスポンシブ用の複数サイズの画像をHTMLの記述で簡単に配置できる超軽量スクリプト -lazySizes

2016/02/24(Wed) 07:33

スクリプトは外部ファイルを記述するだけ、レスポンシブ用画像の配置や設定はHTMLベースで記述できるスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/lazysizes-for-responsive-images.html

「コンテンツマーケティング1,000人実態調査」 他社の予算は？ 人員は？ 外注は？

2016/02/24(Wed) 07:31

ソーシャルメディアを中心にコンテンツマーケティングへ取り組むも、予算確保や内製による人手＆企画力不足が悩み

http://web-tan.forum.impressrd.jp/yahooads/2016/02/24/22140

Web進化論はネットからリアルへ、ベンチャー企業の変化にみるこれからの10年

2016/02/24(Wed) 07:31

ほんの数年前まで、話題のITベンチャーがネット空間でサービスを提供する企業ばかりだったことと比べると別世界です

http://web-tan.forum.impressrd.jp/e/2016/02/24/22228

UIデザインでサイト制作フローを改善！無料ダウンロードできる素材と使い方まとめ

2016/02/23(Tue) 07:30

ウェブサイトやモバイルアプリの骨組みとも言えるプロトタイプは、ウェブデザインを作成するうえで重要な要素のひとつです。しかしもっと手軽に、手早く作成できたらと思ったことはないでしょうか。

http://photoshopvip.net/archives/87190

写真やイラストの主題の周りに光や火や虹のオーラが溢れでているようなエフェクトをつけるPhotoshopの無料アクション

2016/02/23(Tue) 07:30

写真やイラストの主題の周りにオーラが溢れでているようなエフェクトをつけるPhotoshopのアクションを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-action-super-smoke-effects.html