ブックマーク / webya.opdsgn.com (15)

  • 怒涛のサイトナビゲーション総まとめ!事例、チュートリアル、参考サイト、僕の知る何もかもを紹介! | バンクーバーのうぇぶ屋

    レスポンシブデザイン、パララックススクローリング、そういったレイアウトに関する変化に伴い、サイト内を誘導するナビゲーションの種類も多様化してきていますね。 元々、縦、横、ドロップダウン、固定、メガメニュー等、サイトの構造によって様々なナビゲーションを提案してきたわけですが、最近サイトのレイアウトを考える時、話に上がるナビゲーションの呼び方とか、種類とか、大量多量過ぎてもう分け分けらなくなってきたので、ちょっと僕自身の復習と、参考サイトやらチュートリアルやらないかを全部まとめてしまいたかったので、僕と、僕の周りのデザイナーさん達の役にたてるよう、今回記事にさせてもらうことにしました! 実際にWEB制作に携わる中で、聞いたことのある物を分類させて頂くので、僕の勝手な分け方になってしまい申し訳ない限りなんですが、何かナビゲーションやレイアウトに悩んだ時にでも参考か何かにしていただければ嬉しい限り

    怒涛のサイトナビゲーション総まとめ!事例、チュートリアル、参考サイト、僕の知る何もかもを紹介! | バンクーバーのうぇぶ屋
    ryumagazine
    ryumagazine 2012/05/09
    ナビゲーションフェチには、悶絶モノ。 / 怒涛のサイトナビゲーション総まとめ!事例、チュートリアル、参考サイト、僕の知る何もかもを紹介! - バンクーバーのWEB屋
  • 配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々! | バンクーバーのうぇぶ屋

    この前日に一時帰国していてWEB制作の学校とか顔出す機会があったんですが、日だろうが、海外だろうが『色』に関する悩みはやっぱ万国共通のようですね。 配色一つでセンスが問われますし、配色一つの為に膨大な時間を使ったりする、デザインをする上で考える『色』についてはセンスも時間も必要な非常にデザイナーとして神経使うとこなんじゃないでしょうか? しっかし、僕がそうだったんですが、配色って当に意識していないと何が良くて何が悪いのか中々判断つかない、デザインしていても一つの色ばかり見ていたらその色が何か気にわなくなってきて、違う色を試してみたり。いくつかの色を併用してみたり、でもやっぱり戻してみたり。行ったり来たりで何が”良い配色”なのかがわからなくなったりすることが多いんですね。 んなことしていたら、『色』について悩む時間だけで丸一日過ごすなんてこともざらにあったりしたわけです。デザインしだ

    配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々! | バンクーバーのうぇぶ屋
    ryumagazine
    ryumagazine 2012/04/11
    これは助かります。 / 配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々! | バンクーバーのWEB屋
  • Google Analyticsのカスタムレポートを使い倒す為の第一歩!時間/日付/曜日、各時間軸のカスタムレポートを作ってみる! | バンクーバーのうぇぶ屋

    Google Analyticsのカスタムレポートを使い倒す為の第一歩!時間/日付/曜日、各時間軸のカスタムレポートを作ってみる! | バンクーバーのうぇぶ屋
    ryumagazine
    ryumagazine 2012/02/29
    勉強になる。試行錯誤してみます。 / Google Analyticsのカスタムレポートを使い倒す為の第一歩!時間/日付/曜日、各時間軸のカスタムレポートを作ってみる!
  • Chromeと過ごした3年間!日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選! | バンクーバーのうぇぶ屋

    Chromeと過ごした3年間!日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選! | バンクーバーのうぇぶ屋
    ryumagazine
    ryumagazine 2012/02/23
    知らないものが、いくつかありました。 / Chromeと過ごした3年間!日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選!
  • 『文字/タイポグラフィ』を知る、学ぶ、見る、活用する、作る!様々な場面で役立つサイト達の大まとめ! | バンクーバーのうぇぶ屋

    今やタイポグラフィを見る、学ぶ、知る、活用する、作る。それらすべてのことが様々なサイトやツールを使って実現することが可能です。 ここ1ヶ月くらい、僕のFacebookで投稿させて頂くネタ/書かせて頂く記事の内容がタイポグラフィに偏っていたのですが、実はちょっとタイポグラフィに関するお話をさせて頂く機会があったので、ずーーっと調べていました。 それこそ、作ってみたり、動画みたり、チュートリアル見たり…あれやこれやとまぁ、よくやったわと自分で自分を褒めてみたり… とは言っても、僕はタイポグラフィを学校や専門で勉強したことは無いので、その辺りは別の人にお話頂き、僕はとにかくWEB上での活用、情報収集面に注力させて頂いたのですが、当に色々あってびっくら仰天。 とういわけで、今日はその時話しさせてもらった内容を。あーんど!僕が以前からお世話になっている物を加えてご紹介! かなり、がっつりしたボリュ

    『文字/タイポグラフィ』を知る、学ぶ、見る、活用する、作る!様々な場面で役立つサイト達の大まとめ! | バンクーバーのうぇぶ屋
    ryumagazine
    ryumagazine 2012/02/18
    フォント関連のサイト、本当に助かります。 / 『文字/タイポグラフィ』を知る、学ぶ、見る、活用する、作る!様々な場面で役立つサイト達の大まとめ!
  • 『こんな部屋にしたい!』時間の経過を忘れてしまう程美しいインテリアを紹介しまくってるサイト色々! | バンクーバーのうぇぶ屋

    将来、家族を持ったらどんな家にしよう… 次引越ししたらどんな部屋にしよう… フリーランスならどんなホームオフィスにしよう… パーティーするならどんな部屋だと良いだろう… 僕自身、何千回、何万回こんなことを考えたか見当も付きませんが、皆さんの中にもきっとそんなことを思い描くのが大好きな人はきっと多いはず。 ついこの間、Facebookの方で『DESK』というクリエイターのデスクを紹介しまくっているサイトを投稿させてもらった時の反応の多さに、「あぁ、やっぱり僕だけじゃないんだな」と改めて思いました。 僕もインテリアを眺めるのが大好きで、以前に僕の記事でも紹介させて頂きましたIDSに行って来た時から、とにかく色んなインテリアというインテリアを眺めては、将来自分が住んでみたい部屋を妄想し続けている毎日です。 …誰に向けた言い訳でも無いのですが、たまにはWEB以外のデザインを眺めて新しいインスピレー

    『こんな部屋にしたい!』時間の経過を忘れてしまう程美しいインテリアを紹介しまくってるサイト色々! | バンクーバーのうぇぶ屋
    ryumagazine
    ryumagazine 2012/01/28
    これは興奮する! / 『こんな部屋にしたい!』時間の経過を忘れてしまう程美しいインテリアを紹介しまくってるサイト色々!
  • 目指せ爆速WEB屋!過去2年間かけて知ったリソースを駆使して作るサイトの制作手順! | バンクーバーのうぇぶ屋

    『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい(汗) さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル/スピード上がったかなぁと僕自身が感じられたら良しとしてます(笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に

    目指せ爆速WEB屋!過去2年間かけて知ったリソースを駆使して作るサイトの制作手順! | バンクーバーのうぇぶ屋
    ryumagazine
    ryumagazine 2012/01/06
    勉強になります。 / 目指せ爆速WEB屋!過去2年間かけて知ったリソースを駆使して作るサイトの制作手順!
  • 「WEBデザイナー」ってなんぞや?至極当然かもしれないけど何万回と伝えてきた絶対の5ヶ条 | バンクーバーのうぇぶ屋

    WEBを作れる人と、WEBデザイナーって何が違うんですかね?WEBサイトを作れる人がWEBデザイナーなのであれば、今やぶっちゃけ誰でもWEBデザイナーになれちゃうことになりますよね。 僕の妹も以前プロフィールサイト(?)的なウェブページらしき物を作っていたのですが(お、お兄ちゃんはそんなもの作るだなんて聞いてないんだからね!!)、そんなやんちゃな妹がWEBデザイナーかと言えばやっぱ違うわけですよね。 じゃぁ、何がいったいWEBデザイナーなのか、PhotoshopやらDreamweaverやらといった類のツールを使えればWEBデザイナーなのか、お金もらえばWEBデザイナーなのか、かっこいいサイトを作ることができればWEBデザイナーなのか。 この記事自体、僕の考えが全て正しいと言うつもりは毛頭無い駄文記事ですが、少なくとも僕がディレクターとしてデザイナーに何を求めているのかという視点で今日は記

    ryumagazine
    ryumagazine 2011/12/31
    大事、大事。 / 「WEBデザイナー」ってなんぞや?至極当然かもしれないけど何万回と伝えてきた絶対の5ヶ条
  • WEB屋の“メンドクサイ”は多事多難!今年遭遇したメンドクサイの数々、そして対処法色々! | バンクーバーのうぇぶ屋

    なるべく口にしないようにしていますが、正直言って僕はかなりの頻度で”メンドクサイ”と思うことが多いです。何か面倒な作業が目の前に立ち塞がったら、とにかく”メンドクサイ”と思うように心がけています。 というのも、僕にとって”メンドクサイ”という言葉は口にしたらアウトですが、思う分には誰にも咎められることはありません。おまけに、その瞬間僕が“メンドクサイ”と感じたことは、解消できれば僕の作業効率は絶対に上がることを意味しているから、別に誰になんと言われても僕にとっての“メンドクサイ”は良い言葉です。 大事なのは”メンドクサイ”で終わらせないこと。”メンドクサイから解消しなきゃ!”で口癖(思い癖?)にできれば一番でしょうか? というわけで、今日は僕自身が「あー、もうほにゃにゃらら(メンドクサっ)!!」と思った時に、そのメンドクサイを解消してきたサービスやツールなど、遭遇したシチュエーションにも分

    ryumagazine
    ryumagazine 2011/12/27
    メンドクサイの、レベルが高い…。 / WEB屋の“メンドクサイ”は多事多難!今年遭遇したメンドクサイの数々、そして対処法色々!
  • これが2011年WEB屋に必要とされた厳選情報の数々!今年注目されたWEB屋ネタベスト20! | バンクーバーのうぇぶ屋

    さて、今回の記事は僕自身当に楽しみにしていた記事のひとつです。 今日は僕が毎日色々な所から集める厳選したWEB制作ネタを投稿し続けている、FacebookやTwitter、そして周囲のWEB屋のオススメ、RSSで毎日読んでいる情報等、僕がWEB制作に携わる上で見てきた情報を、ゼーンブ集めてFacebookのLike数やTwitterのRTなどを参考にしつつ、ランキング形式でご紹介させて頂きます! それでは、前置きなんかどうでもいいので、さっさと下記からバンクーバーのうぇぶ屋がまとめた、2011年最も注目されたWEB屋情報ランキングとしてご紹介させて頂こうと思います! ※このランキングはあくまでバンクーバーのうぇぶ屋が運営するサイトやSNSを元にして集計した物になり、その他団体、企業に属するものではありません。 ※2011年リリースされたサイトや記事だけではありません、2010年とかに公開

    ryumagazine
    ryumagazine 2011/12/19
    熟読ならぬ、熟覧必須。 / これが2011年WEB屋に必要とされた厳選情報の数々!今年注目されたWEB屋ネタベスト20!
  • 2011年を振り返り、人として腐らんばかりの「ありがとう!」を伝えたい記事、サイトの数々【Part 2】 | バンクーバーのうぇぶ屋

    ryumagazine
    ryumagazine 2011/12/16
    素晴らしすぎるまとめのまとめ、Part 2。 / 2011年を振り返り、人として腐らんばかりの「ありがとう!」を伝えたい記事、サイトの数々【Part 2】
  • 2011年を振り返り、WEB屋として腐らんばかりの「ありがとう!」を伝えたい記事、サイトの数々【Part 1】 | バンクーバーのうぇぶ屋

    ryumagazine
    ryumagazine 2011/12/13
    ふむふむ。 / 2011年を振り返り、WEB屋として腐らんばかりの「ありがとう!」を伝えたい記事、サイトの数々【Part 1】
  • 「公開一週間で10000PV」ダメブログを見直し月間10万PVのブログにするまでの激闘 | バンクーバーのうぇぶ屋

    僕を昔から知っている人はご存知かもですが、僕が以前書いていたブログはゼンッゼンだっれも見てくれないブログでした。その時のPVは覚えてませんが、確か月間1000PV無かった気がします。 確かに、このブログを立ち上げたのは7月。傍目からすればわずか5ヶ月しか経っていないように見え、「勢いあるねーっ」と言っていただけることが多いわけですが、別に技術力が何か特筆してすごいわけでも無い、ましてや職種はディレクターだけど経験が豊富なわけでも無い。そんな僕がブログを今の状態にするまでには、実は約1年以上の歳月を費やしてきました。 今日は、よくある記事になるかもしれませんが、その1年の歳月を使って自分が何をしてきたのか。さらにタイトルにあるよう、どうやって公開から一週間でPV1万超えさせることができたのかについて、僕なりの方法を一度まとめておこうかなと思います。 ちなみに、このブログは作って5か月が経ち、

    ryumagazine
    ryumagazine 2011/12/04
    分析します。 / 「公開一週間で10000PV」ダメブログを見直し月間10万PVのブログにするまでの激闘
  • ここまで教えてくれていいの?!WEB屋のテンションと底力を上げる厳選チュートリアル色々! | バンクーバーのうぇぶ屋

    WEB制作のチュートリアルって当に多いですよね。 でも、当に役に立っている、制作に生かせてるチュートリアルって少なくないですか?チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし!僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ!マジテンション上がるWA!』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介! 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります!コードなら、Demoとか多いので見ながらついていけば理解できます!是非参考までに流し読みして見

    ここまで教えてくれていいの?!WEB屋のテンションと底力を上げる厳選チュートリアル色々! | バンクーバーのうぇぶ屋
    ryumagazine
    ryumagazine 2011/11/28
    これは、ゴイスー。 / ここまで教えてくれていいの?!WEB屋のテンションと底力を上げる厳選チュートリアル色々!
  • 「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々 | バンクーバーのうぇぶ屋

    最近やたらWEB屋さん達からの留学相談が増えてきましたが、やっぱり多いのは実際にこっちに来て仕事をしたい、移民したい、WEB業界の交流を持ちたい、というようなお話。 もちろん、人によって留学に求める物は違うので、都度色々お話させてもらっていて僕自身刺激になることも当にすごく多いのですが、たまに聞かれるのが「どんなブログやサイトを見て情報収集しているのか?やっぱり英語なのか?」というお話。僕自身もちろん純日人なので、英語とか読もうとすると未だに発狂しそうになりますが(Steve Jobsも全然進んでないorz)。確かに、日語のサイトから情報を収集することは少なくなった気がします。 当然、僕が尊敬する人のブログは誰であろうと逐一チェックしますが、デザインや技術面での情報収集は英語記事を読んでいることが多いです。 でも、正直デザインや技術面の記事って英語分かんなくっても、なんとなく分か

    ryumagazine
    ryumagazine 2011/11/15
    まずは会話より、英語の読み書きができるようになりたい。 / 「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々
  • 1