カテゴリ
本サイトはプロモーションを含みます。

雨を降らせるRainy.jsと筋肉ムキムキ男を組み合わせた結果

『Rainyday.js』というjQueryのライブラリを使うと、窓ガラスに雨がしたたるような効果をサイトに加えられます。これは面白い!と思って、ライブラリ制作者が悲しむような使い方を考えました。

上下する筋肉ムキムキの男の汗を表現するために、Rainy.jsを使います。一瞬で完成しました!…ただ背景に筋肉ムキムキの画像を置いて上下させてるだけですからね。

なんとありがたいことに画像を上下させるだけのjQueryプラグインがありましたw。まぁこれくらいCSS3でやれって話ですが。
jquery.yurayura.js


見よ!したたる汗を!

どうですか!?汗かいて上下してますよね!めっちゃ運動してますよね!じょじょに汗が出てくる感じなんてRainy.jsと筋肉ムキムキ男の相性ってバッチリじゃないですか!あ、僕ゲイじゃないですよ。
本当は「はぁはぁ」っていう自分の声も足す予定だったんですが、さすがに自分で録音している時に悲しくなるだろうなと思ってやめました。

もうちょっと汗が体に付着している感じを出したいですね。Rainy.jsじゃなくて、もういっそのこと、sweat.jsとかあればいんですが。誰か作らないですかね。需要ないか。

コラム①:正社員のWebデザイナーを強くオススメする理由

このサイトでは、本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社か教育体制のしっかりしている事業会社に正社員で入社することを強くオススメしています。

やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。

未経験OKで正社員のWebデザイナー・フロントエンドエンジニア案件を多く保有しているのが、IT系に強い『ワークポート』です。ワークポートでも、さすがに未経験の方にWeb制作会社を紹介するのは難しいですが、事業会社のWebデザイナー・フロントエンドエンジニアを紹介してもらえる可能性があります。また、Webデザイナーにこだわらなければ、WebディレクターやECサイト担当者などの求人も多数保有しているため選択肢の幅が広がります。一度面談を受けておきましょう。

また、Web/IT系特化の転職サイト『Green』にも登録しておきましょう。Web系転職の定番サイトです。

コラム②:デザインスキルを一気に上げる方法

「デザインスキルを一気に上げる方法は「レビュー」です。つまりデザインに対するダメ出しを何度もしてもらって直すことを繰り返すことで、デザインスキルは急激にレベルアップします!

これを一番実現しやすいのが会社です。会社なら現場で上司や先輩にサイトやバナーのデザインのレビューをしてもらえるからです。じゃあ就職しておらず未経験のうちはどうすればいいかというと、「レビュー付きのデザインスクールの活用」です。普通のスクールはPhotoshopの使い方やコーディングの基礎を学ぶだけで「デザインスキル」についてはほぼ教えてくれません。レビュー付きのデザインスクールは運営側にも高いデザインスキルが求められるため非常に少なく希少性が高く『fullme』が現在は最高峰だと僕は思っています。「けっきょく、よはく」「ほんとに、フォント」など有名デザイン書籍を手がけるingectar-eの運営です。
僕が駆け出しの頃に『fullme』があれば絶対に受講していました...。デザインスキルを高めたい人はぜひ受講しましょう。

コラム③:ポートフォリオのチェックリストをnoteで販売中!

「ポートフォリオを作ってみたけど不安...」「周りにレビューをしてくれる人がいない...」
そんなお悩みを解決するために、ポートフォリオのチェックリストを作りました!27,000文字以上の大ボリュームです笑。noteで販売中です。激安のワンコイン500円です。このチェックリストで改善点を見つけて、少しでもポートフォリオの質を上げて、自分が望む就職に繋げましょう!

ご質問や感想など、お気軽にどうぞ!

みなさまからのコメントを元に記事を作成することありますので、あらかじめご了承ください。
メールアドレスが公開されることはありません。
こちらで承認後にコメントは表示されます。
* が付いている欄は必須項目です。

上への矢印