美しいグラデーションをCSSで実装!配色に使える便利ツールや実例も!

背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します!
続きを読む

これからのCSSレイアウトはFlexboxで決まり!

FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います!
続きを読む

かわいい系デザインに使えるCSSいろいろ

過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾!CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな?と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね!
続きを読む

Skills a Web Designer And Web Developer Need

I’m recently working as a career adviser at Frog, which is a study abroad agency specialized in Web/IT industry for Japanese web designers and developers based in Vancouver, Canada. Then I often asked “What kind of skills do I need to work there?” or “How many years of work experience do I need?”. Therefore, I researched over 300 job postings on several job boards. I hope this article will help you!
続きを読む

海外でWebデザイナー・Webデベロッパーとして働くために必要なスキル

昨年バンクーバーのうぇぶ屋のセナ氏と立ちあげた、クリエイター向け留学サポート企業「Frog」で素敵な広報担当をしている私ですが、セミナーや留学相談会でよく聞かれるものの、うまく答えられなかった質問があります。それは「どれくらいの実務経験や、どんなスキルがあれば海外で通用しますか?」というもの。行く国や、企業によって求めるものは違ってきますし、一概に「これができれば海外就職できます!」とは言えないんですよね。それでもあやふやに答えるのが嫌だったので、今回は英語圏のWeb系求人情報サイトからWebデザイナーとWebデベロッパーの求人、300件以上をチェックし、企業が求めているスキルや経験年数、学歴を集計してみました。これから海外進出を考えている皆さん、ぜひ参考にしてみてください!
続きを読む

SVGを使いこなすための便利ツールいろいろ

SVG(Scalable Vector Graphics)はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツールやJavaScriptなどを紹介します。SVGってなんぞや?という方は、過去記事「アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう」をご覧ください!
続きを読む

初めてのデジタル一眼レフ動画撮影の前に知っておきたい基礎

今回は私の所属する留学サポート企業Frogのブログでもインタビューさせていただいたふーみんによるゲストブログ!プロモーションビデオ撮影の際に気づいたこと、設定方法などを紹介してくれます!ちなみにそのプロモーションビデオのナレーションは私、Manaが担当していますw 動画の中にもちょこっと登場しているので、探してみてくださいね ;)
続きを読む

Webクリエイターボックス5周年記念プレゼント企画!

明けましておめでとうございます!そして早速ですが嬉しいお知らせです。2015年1月4日で、Webクリエイターボックスは5歳になりました!いつも温かいご声援を頂きありがとうございます :D そこで感謝の気持ちを込めて、毎年恒例のプレゼント企画を実施します!Twitterで手軽に応募できるので、ぜひぜひ参加してくださいね!
続きを読む

Webクリエイターボックスの2014年を振り返る

今年も残りあとわずか!一年間お世話になりました!Webクリエイターボックスも間もなく5周年です!毎年思いますが早いですねー。という事で例年どおり、Webクリエイターボックス内でよく読んでもらった記事トップ10などを紹介しようと思います。いくつ覚えていただけてますかね? :3
続きを読む

タスク自動化ツール「gulp」 を使って制作時間を短縮しよう

みなさん、タスクランナーを使っていますか?タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし!今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。
続きを読む