『Web制作に便利な情報を集めたまとめサイト【Webデザ...』 の新着エントリー
-
国内のFlashライクなJSのアニメーションを使用したサイトをまとめま... webdesignmatome.com
最近はjsのスクリプトやCSS3のアニメーションを使用してFlashに近い動きを実現しているサイトを最近よく見かけます。 サイトを企画・提案・設計する上で、案件によってFlashとjsどちらを実装するのかは変わりますが、まずはjsでどの程度の動きが可能なのか実例を知っておくことが重要です。 そ... 続きを読む
-
最新の国内のパララックス効果を使用したサイトをまとめました | Web... webdesignmatome.com
Flashを使わずにJavascriptやCSS3ののアニメーションを使って、スクロール時に奥行きがある視覚効果を生み出す「パララックス効果」。 最近では国内の企業サイトなどでも使われているのを数多く目にするようになってきました。 今回はそんなパララックス効果(parallax)を使用した最新... 続きを読む
-
PCサイトとスマートフォンサイトをどのように扱うか?国内のレスポン... webdesignmatome.com
海外の企業サイトではレスポンシブルウェブサイトもだんだんと浸透しております。 Responsive Web Design を利用している企業サイトリスト 毎日更新したり、記事コンテンツの多いサイトでは、全デバイスのソース管理や更新が1ソースでできるレスポンシブウェブサイトの導入は一つの選択肢と... 続きを読む
-
もうすぐOPEN!スカイツリーに関連するサイトをまとめました | Webデ... webdesignmatome.com
東京スカイツリーサイトがOpenに先駆けてサイトをリニューアルしていました。 調べてみるとスカイツリーを運営している「東武鉄道」関連のサイトも続々とサイトリニューアルしていましたので、東京スカイツリーに深く関わっているサイトをまとめてみましたので、デザインも含めて色々チェックしてみるのはいかが... 続きを読む
-
タイムライン表示に対応された企業のFacebookページまとめました【34... webdesignmatome.com
3/31までで現在のFacebookページがタイムライン化されまます。それに先立ってタイムライン化した企業サイトのページがでてきましたので「飲食」「ファッション」「自動車」「情報」などカテゴリにわけてまとめてみました。 いきなりの仕様変更が多いFacebookですが今回のタイムライン化でいまま... 続きを読む
-
企業・団体が運営している「診断・検定」系のfacebookアプリまとめま... webdesignmatome.com
最近「診断・検定」系のFacebookアプリが増えてきたので、一度まとめてご紹介したいと思います。 Facebookアプリといっても個人で作ったものだとセキュリティ面が少々不安な場合もありますので今回は、企業・団体が運営しているFacebookページで展開しているFacebookアプリをまとめ... 続きを読む
-
無料で使えるCSS3のwebフォント・Google web fontからシンプルでカッ... webdesignmatome.com
Google Web Fontとは 通常、ブラウザで表示する文字に適用できるフォントは、そのパソコンにインストールされているものだけです。 ところが、Web上のサーバー側にあるフォントを利用して、オシャレなフォントが手軽にデバイスフォントとして利用できてしまうのがWebフォントです。 中でも“... 続きを読む
-
flashを使わないでギャラリーサイトや写真ブログを制作する際のデザ... webdesignmatome.com
今回は写真をメインにしたダイナミックなサイトや、グリットをうまく使った見やすく整理されたサイトをファッション関係・フォトグラファー・デザイン制作会社を中心に30サイト集めました。 クオリティー高い写真を使用しているので見た目のデザインがかっこいいことは言うまでもないのですが、それだけでなく、H... 続きを読む
-
Flashを使わなくてもここまでできる!HTML5で制作された国内外サイト... webdesignmatome.com
以前「HTML5でサイトを作ろう」のブログの方で“HTML5で制作された国内企業のサイト”をご紹介いたしましたが、最近WEB業界でも大変注目されているということもありここ数ヶ月の間だけでもHTML5化されたサイトが増えております。 そこで今回また新たに見つけた印象的なデザインと動きのあるHTM... 続きを読む
-
グラフィック作成の参考になる化粧品業界のデザインがキレイなWebサ... webdesignmatome.com
国内外の化粧品業界のサイトを厳選して集めてみました。女性をターゲットにしているだけあって各社ともモデルの写真を大胆に使った洗練されたデザインが多く、デザインの参考にもなります。また今回調べた17サイトの中でフラッシュサイト・HTMLサイト・モバイル対応しているサイト・SNSボタンがついているサ... 続きを読む
-
最近話題のパララックス効果を利用したアニメーションとデザインのキ... webdesignmatome.com
パララックス効果とは・・ スクロール時に平面で重なり合う画像を異なる速さで上下や左右に動かすことで奥行きがあるように見せる視差効果を「パララックス効果」と呼びます。css3やjavascriptで実装されているものが多く、このパララックス効果をうまく取り入れることでちょっとユニークなアニメーシ... 続きを読む
-
いままでまとめたHTML5の勉強をしたさいに作成したまとめ ~HTML5の... webdesignmatome.com
HTML5+CC3 を勉強しながら調べたサイト情報やサンプルの作成。そのほかweb 制作に役立つ情報をまとめました。 http://www.html5-memo.com/ デザイン作成のヒントになるサイトや制作に便利な無料素材、かっこいい映像やアプリなどをまとめました。 http://webd... 続きを読む
-
いままでまとめたHTML5の勉強をしたさいに作成したまとめ ~HTML5の... webdesignmatome.com
今回は僕がHTML5を勉強するにあたりもう一つのブログ「HTML5でサイトをつくろう」でまとめたページをまとめました。初めて作るならここからやるといいかなとおもったHTML5の新要素、コンテンツモデルやアウトラインについて、xhtmlとHTML5で同じフォーマットをマークアップして違いを比べた... 続きを読む
-
iPhone・iPadでも動画コンテンツを見れるようにするHTML5 Video Play... webdesignmatome.com
一昔前はPCで動画というとFlashで作成されたプレイヤーが主流でした。(今でもPCサイトの動画はフラッシュの動画が多いですが) しかしiPhone、iPadなどがFlashプレイヤーを搭載しなかったことと、昨今の携帯がスマートフォンが主流になってきたことから各企業もiPhone、iPadでも... 続きを読む
-
日本のソーシャルメディア活用企業トップ50のリストから話題となった... webdesignmatome.com
TwitterやFacebookに代表されるソーシャルメディアの普及が進み最近では企業が公式Twitterアカウントから情報を発信したり、Facebookページを立ち上げたりするなど、新たな顧客獲得のためにソーシャルメディア対応への動きが活発化しています。 そこで今回は2011年8月アジャイル... 続きを読む
-
いままで集めたFacebook関連のまとめ ~Facebookページ作成方法から... webdesignmatome.com
いままで集めたFacebook関連のまとめ ~Facebookページ作成方法から企業のFBページのまとめ~ 企業から個人まで爆発的に増えたFacebookページですがただウォールだけ作るのもよいですが、他のと差別化として「TOPをオリジナルのデザインにしたい」「SSLが使えない環境でもFace... 続きを読む
-
サイトのメイングラフィックを活かすレイアウトを学ぼう!写真関連ス... webdesignmatome.com
サイトデザインをする場合にトップページの制作から行っていくことが多いと思いますが、その際に重要になってくる要素の一つがメインのグラフィックだと思います。 メイングラフィックの素材はもちろんですが、その素材をどう活かしてサイトのイメージを伝えるかに多くの時間を費やすことも多いと思います。そんな時... 続きを読む
-
クリスマスカードやクリスマス用サイトの装飾に役立つ無料のクリスマ... webdesignmatome.com
12月のイベントといえばクリスマス。 グーグルは記念日やイベントによってロゴをいろいろ変えたり、以前GAPなどもクリスマス期間はサイトのデザインがクリスマス仕様になったりと印刷物と違ってWEBならではの気軽さってありますよね。 そんなことでうちのブログのアイコンもクリスマス仕様にしてみました。... 続きを読む
-
僕がWEB製作の仕事やブログの記事をまとめる際に情報収集している方... webdesignmatome.com
僕の仕事はWEB製作の企画制作、WEBスクールでの講師、セミナーや記事執筆などしておりますが、WEBの世界は技術の変化が激しいので常に勉強ということで、今なにが行われているか追っていかないとすぐに仕事にならなくなってしまいます。ここ数年あれほどリッチコンテンツの主流だったFlashでのサイト制... 続きを読む
-
企画のアイディアがおもしろい!美容業界のSNSと連動したキャンペー... webdesignmatome.com
最近、顧客のロイヤリティ向上や情報を拡散させるというという目的でmixi,Twitter,Facebookをはじめとするソーシャルメディアを活用したキャンペーンサイトをよく目にします。 制作の仕事をしているとSNSを活用した事例の提案してくださいという依頼もよく聞くようになりますがリアルタイム... 続きを読む