さて、案件によっては写真素材系のサイトを多く見る時期がなんだかんだ定期的に訪れるセナです。モック作成時や、ちょっとしたワンポイントデザインに、デザイナーじゃなくともブログ記事なんか写真を使いたい時、様々な瞬間にあったら便利なフリーの写真素材サイトですが、ずっと同じところばかり使ってると、他に良いのが無いかなと周りに聞いてみたくなるんですね。ちょくちょくFacebookなんかには載せているつもりですが、最近特に数が多いように感じます。 というわけで、僕の周りのデザイナーやクリエイターが日頃お世話になってるというフリー写真素材系のサイトを改めてまとめてみましたので参考にしてみてください！フリーとは言えど、ちゃんとライセンスを確認して頂いた上ご利用くださいね。 それでは、行ってみましょー！ pixaboy 日本語化もされているので、知ってるかたも多いかもしれませんが、僕の周りのレベルでも相当お世

フォームのレイアウトっていざ作ろうとすると結構迷う事多いですよね。フォームのデザインはもちろん、どうしても入力項目が多くならざるを得ない時なんかは、考える事は底知れずって感じです。 今日はそんな時にもしかしたら便利ってなるかもしれないJS／CSSフレームワークの一つ『Grid Forms』をご紹介させて頂きます！ フォームデザイン苦手ーって人も、ちょっとこの辺から触ってみても良いかもですね〜。 Grid Forms Grid FormsのGithubからファイルをダウンロードしてみると、既にサンプルファイルが用意されているので、それ見ながらちょっとお話した方がいいかもっすね。 サンプルを開くと以下のようなフォーム例が表示されると思います。 なんか紙の入力欄みたいですね。ネットに慣れて居ない人へのアプローチも、もしかしたら良さげかな？ 試しにちょっと作ってみましたが、とにかく楽。これが物の３

最近多いですねー、1ページで完結するタイプのサイト。One Page Loveのサイトなんかから、シングルページの事例も大量に見ることが出来ますし、パララックスやらフリップ型のコンテンツやら、なんか色々出てきてて着いて行くのがやっとです… でも実際シングルページをつくろうとすると、え？何これどうなってんの？って物も多くてビビることもしばし。 ってことで、今日は僕が知ってる中で『お、これ、シングルページ作る時に使えるんじゃね？』って物を幾つかご紹介させて頂きます！ 主にはシングルページデザインの表現の幅を広げるjQueryプラグインの紹介になるかなと思いますが、楽しい物も多いので、是非興味があれば試してみてくださいませ〜！ それではいってみましょー！ パララックススクローリング系プラグイン この辺は以前に紹介したことがあるものばかりなので、ぱぱーっと行きます。 jQuery Waypoint

さて、以前このブログではチートシートに関する記事を書かせて頂きました。もう1年以上前の記事になるんですねー。本当時間が経つのは早い物です…。 無くても良いけど、あったら意外と便利なチートシート。得に初心者の間はチートシートと睨めっこしながら色々な技術なりアプリなりと向かい合う事も僕は少なくありません。 しかし、当然チートシート関連もアップデートし続けた方が良い物。いつまでも古いチートシートばかり見ていたら、折角の新機能や便利ツールの存在に気づかず、ぬあーーーー！って成る事もあるやもしれません。 というわけで、今日はここ最近見たチートシート紹介第二弾！チートシートとして手元に置いておけば、いざというとき便利かもしれない物を、比較的新しそうな物から共有させて頂こうかなと思います！ それで行ってみましょー！ OverAPI.com | Collecting all the cheat sheet

久々になんか思った事を適当に書いてみる考察系記事でも書くかぁくらいのノリで思い出したんですが、僕はだいたい2ヶ月に一回くらいのペースで、日本からカナダに来た将来フリーランス志望なクリエイターへの簡単な講習（ていうか雑談会？）とかしています。 僕自身がカナダで5年間WEB屋として経験してきたことの共有を主としており、まぁ微力なりともカナダという国でWEB屋になるぞという人の後押しでも出来ればと思って始めたのですが、先日参加者の一人から出た『支払いのタイミング』についての質問をきっかけに「なぜ前払いさせるのか？」という内容の激論を繰り広げ、答えるのに頭を抱えまくってしまったので、良い機会だから僕なりの『前払い』に対する若干気持ち悪い熱意の話でもまとめさせてもらおうかなと思います！ 少々白熱し過ぎてその時のテンションのまま書いてしまってますので、少し書き方が雑というか、言いすぎじゃね？って所も多

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

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

This is my roundup post of online information sources, such as technical blogs and trend websites, that helped me a lot as a web designer through out this year. Massive thanks to those pages, and you all! さて、僕の年末感謝祭（？）もいよいよ大詰めです！前回は2012年を振り返って 僕にとって無くては成らないアプリやWEBサービスの数々を大感謝の思いでご紹介させて頂きました。 今回は2012年の僕にとって知識や情報の宝庫となってくれたサイトの数々を今回は英語圏に絞って超感謝の意を込めて全部一気にご紹介させて頂ければと思います！ この一年、僕の Facebookや Twitterで何度も何度

クリエイターであればオシャレなオフィスにクリエイティブな仕事、かっこいい自社サイトに名刺、自分はクリエイティブな世界で仕事をしているんだというアイデンティティを感じる事が好きな人はやっぱり多いかなと思います。 かくいう僕はその一人で、先日まだまだ先の話しではありますが、ちょっと『制作スタジオ的なヤツちゃんと持とうよ』という話しになり、参考になりそうなデザインエージェンシーの話になりました。 僕自身は憧れに近い物になりますが、そんなオフィスと案件の数々に囲まれまくった環境を作ってみたいと夢見ずにはいられません。 そこで、今日は自分自身のそんな『こうなりたいなぁ』と思えるようなデザインエージェンシーのサイトをちょっとご紹介！僕自身がいいなぁこんなサイトとかオフィスとか、って思えるようなデザインエージェンシーばかりで『いつかこうなるぞ！』と意気込む事を目的にさせてもらってるため独断と偏見で申し訳

今日まででMacBook Proを1年間、そしてiMacを購入して半年が経つので、今や僕にとって無くてはならなくなったアプリの数々をご紹介しようって趣旨です！１年って言うと全然周りのMac使いの人たちと比べても長くもなんとも無いんですが、まぁ一年の節目も迎えようって時期ですし、日頃の多大な感謝を込めて今年一年WEB制作において超ありがたーく使わせて頂いたアプリをご紹介させて頂ければと思います！ 結構まだまだ、『え？これ使って無いの？』なんて言われる事も多いですし、周りの友人達から教えて頂いた物も多いので、一個くらいは皆さんにとっても良さげな物が共有できれば嬉しいです！量も多いので、ブラウザやメーラー、Adobe製品等は省きますね！ それでは、前置きは簡単にして早速ご紹介させて頂きましょう！ Coda（6,500円） もはや定番のWEB制作ツール！ Evernote（無料） 超定番のノートツ

追記：【割引コードGET！】ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.comが割引コードくれた！ | バンクーバーのうぇぶ屋 上記追記ですが、このStrikingly.comのデイビットさんと話をして、クーポンコード貰えたんでご紹介記事が上になりますー！ 以下より本記事本文 いやー、今日まで散々”簡単にサイトが作れるん時代っすよねー”的な事を色々書いてきましたが、もしかしたらこれは今までご紹介したどんな簡単WEBサイト作成サービスよりも凄いかもしれません。 超シンプル、超簡単、超楽、超綺麗。 無料版でもそのクオリティの高さにはちょっとビックリですが、有料版にすればA/Bテストにカスタムドメインまで全然オッケーとか色々ヤバイ高機能。 例えば、こんなサイト1時間も掛からず作れちゃう。簡単だけどレスポンシブ可もされてるし。使い方も説明が必要か迷うレベルで簡単。 S

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

Facebookのタブページ、一時期はFacebookページの改定もあって昔程Facebookタブページ熱も無いかなとおもいきや、その割に僕の周りではタブページの需要はあるんですよね。コーポレートのFacebookページだと問い合わせ用のタブページだったり、商品紹介のタブページだったり、もちろん用途は様々だと思います。 しかし、未だにタブページ作るのって面倒ですよね。非ウェブ屋な方々からすれば、なんともわからん事だらけかなと思います。 そんな非ウェブ屋でもFacebookタブページを作りたい人のための強い味方になるかもしれないのが、今日ご紹介するpagemodo！こちら、Facebookページのカバー画像作成と、タブページの作成に特化したサービスで、フリーアカウントなら１つのFacebookページと、１つのタブページの作成までしか出来ないですが、まぁとりあえずはそれだけ出来れば十分！ってこ