タグ

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

  • 魔導師になって兵士を操作してJavascriptを覚えよう!っていうCodeCombatが面白い | バンクーバーのうぇぶ屋

    僕は色々勉強しなきゃ行けないのは分かってるんだけど、勉強しなきゃなーとか言いながらズルズルとしてしまう人で、気づけばゲームばっかしてるような人間なんです。 もはや、WEB屋兼ゾンビキラーとか名乗った方がいいんじゃないかとこのまえ友人に冗談半分で言われましたが、そのくらいゲームは結構好きなんですね。(先月はCOD2のOriginsやりこんで、今はGTAVやってます…) そんな、学ぶの面倒だけどゲームは好きって人に、もしかしたらオススメできるかもしれない、CodeCombatというJavascriptを学ぶサイトを今日はご紹介させて頂ければと思います! 内容は至って簡単で、ゲームをすすめる為にはJavascriptでコードを書かなきゃならないって感じの物。それっぽいのはいくつかありましたが、ちょっととりあえずやってみましょう。 とりあえず、PLAY! どうやら僕はウィザードとしてプレイするよう

    魔導師になって兵士を操作してJavascriptを覚えよう!っていうCodeCombatが面白い | バンクーバーのうぇぶ屋
    kiti-net
    kiti-net 2013/11/01
  • WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介! | バンクーバーのうぇぶ屋

    WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ

    WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介! | バンクーバーのうぇぶ屋
  • パララックスサイトを作る時必要だったリソースと使い方のご紹介!制限時間12時間で調べあげた情報色々! | バンクーバーのうぇぶ屋

    ちょっと遅くなりましたが皆様あけましておめでとうございます! さて、新年一発目は先日こそっとあけおめコンテンツとして公開させて頂いた『 バンクーバーな僕ら – 新年あけましておめでとう巨大4コマ』で遊びで作ったパララックスページの作り方に関するお話です。 このパララックス漫画作る事になった時、実は こんな状況だったのでとにかく完全に時間との勝負だったんですが、日々パララックスに関する情報には目を通すようにしてたおかげ?もあって、リソース関係には困らなかったのでなんとかギリギリ間に合わせる事が出来ました。 今日はそんなリソース集としてお世話になった作者の方々への感謝の気持ちと、このパララックスサイトってどうやって動いてんの?ってご質問もあったので、折角だしまずは簡単に今回パララックスページを作った手順と作り方のサンプルを全部ご紹介させて頂ければと思います! ぶっちゃけお客さんに出す内容でも、

    パララックスサイトを作る時必要だったリソースと使い方のご紹介!制限時間12時間で調べあげた情報色々! | バンクーバーのうぇぶ屋
  • DIV一個で洒落たボックスを作ってみる!最近知ったCSSを使ったボックス装飾とか色々! | バンクーバーのうぇぶ屋

    CSS3からDIV一個で出来る表現なんかも色々あるんですね。ちょっと前まで超面倒だったボックスのオシャンティーな線の装飾とかぼかしとかグラデになんやらかんやら。DIVボックス一つとっても色々な装飾効果をもたせられるなぁと思う今日この頃。 それこそ、ONE DIVのような一つのDIVで表現できるアイコンを作ってるサイトもあって、CSS3を突き詰めると色々知ることも出来て面白いなぁと思うわけです。 っていうわけで、ONE DIV程凝ったことはできませんが、今日はそんなDIV一個で使えそうなボックスの作り方をいくつかご紹介!擬似要素使ってちょっとちょめちょめしたら縫い付け効果のボックス出来たりと、以外と使えそうなものを選んだつもりなので、一度見てみてもらえると嬉しいです!ちなみに、IEチェックは9だけしてます。8とかはCSSPIE当たりで頑張ってなんとかする方向で…何か変なとこあったら直しますの

    DIV一個で洒落たボックスを作ってみる!最近知ったCSSを使ったボックス装飾とか色々! | バンクーバーのうぇぶ屋
  • コンマ数秒の積み重ねが大差をつけるPhotoshopのショートカット/機能、厳選7つの妙技! | バンクーバーのうぇぶ屋

    さて、実は前回の爆速記事で書こうと思って収まりきれず、先延ばしにしたネタがありましたのでこちらで共有させて頂こうかなと思います。 前回の爆速作業の場合、まぁ普通のブログ作っただけだし、WPだしってことでコーディング部分はぶっちゃけ大したボリュームに成らなかったわけですが、やっぱ改めて大事だーと思ったのがフォトショのショートカットや、役立ち機能の数々。ショートカット使うか使わないかなんて、下手すればコンマ数秒程度しか変わらないかもしれませんが、その積み重ねが大きな時間を生んでいることは間違い無いと思います! かねてフォトショップのキーボードや、役立ちネタは色々ご紹介させてもらっていてましたので、この機会に僕の方で知っている便利機能の数々を一度まとめてご紹介させて頂こうと思います。 ここで紹介させて頂くのは、僕もフォトショップは使っていたので、ショートカットや機能は知っているつもりだったのです

    コンマ数秒の積み重ねが大差をつけるPhotoshopのショートカット/機能、厳選7つの妙技! | バンクーバーのうぇぶ屋
  • 今更聞けない?!WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋

    最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント?」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。(順不同、のつもりで僕の好きな順) Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントMacだと標準フォントのひとつになって

    今更聞けない?!WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
  • 1