サイトジェネレータ「HUGO」を使って静的サイトを作成しよう
こんにちは、フロントエンドエンジニアのまろCです。 今回は「HUGO」という静的サイトジェネレータを使った簡単なブログを作ってみます。 HUGOとは http://gohugo.io/ 最近社内でもアツい、Go言語で作ら […]
View Article【PC/SPモダンブラウザ全対応】SVGで画像をナナメにクリッピングマスクする方法
こんにちは。まろCです。 今回は、SVGで画像をクリッピングマスクするときに、ほとんどのブラウザできれいに表示される方法をご紹介したいと思います。案件でこのデザインが上がってきたときに調べた情報を共有します。 SVGでク […]
View Articleフロントエンドエンジニアが参考にしたいwebサイト5選 【2016年9月版】
こんにちは、まろCです。 前回に引き続き、アニメーションの参考になりそうな良いサイトを見つけましたので、ご紹介したいと思います。 Kygo Life – Music Meets Fashion URL: ht […]
View Articleargon.jsを使ってARをためしてみよう【導入編】
こんにちは、まろCです。毎日寒いので鍋しています。 今回は、面白そうなJavaScriptのフレームワークを見つけたのでご紹介します！webの技術でARの世界を簡単に体験できるやつです。 それが argon.js です […]
View Article担当サイトが受賞したので、アニメーションの演出に使ったJavaScriptライブラリ、webツールを晒してみる
こんにちは、まろCです。 最近、僕が担当した JOYSOUNDのキャンペーンサイトで、いろいろな賞を受賞することができました。 CSSREEL Design Awards Asis CSS WINNER 今回は、このよう […]
View Articleインタラクティブってなんだろう、2016年のwebはそんな年
こんにちは、まろCです。2016年を振り返るといろんなwebサイトがありました。 印象的なのは、映像を絡めて心に突き刺さる演出をしている点です。 作り手がwebに動きを求めた結果、より良いユーザー体験が生まれ、話題となる […]
View Article【社畜必見】カスタマイズした「Amazon Dash Button」で定時Dash帰宅したった
こんにちは。フロントエンドエンジニアのまろCです。 みなさん「Amazon Dash Button」はご存知ですか？ Amazonが発売している、特定の商品をボタンひとつで注文できるガジェットです。 面白そうだったので、 […]
View ArticleBitbucketにpushしたらチャットワークに通知できるようにしてみよう
こんにちは、まろCです。 フロントエンドとして仕事をしていると、たとえば、パートナー様にコーディングしたHTMLを渡すことが多々あります。 そういう場合、HTMLとシステムは別管理のケースだったりします。そんなとき、この […]
View Article採用サイトって面白い！最近そう感じたサイト5選
こんにちは、フロントエンドエンジニアのまろCです。 採用サイトって、ターゲットが明確で、企業の想いもシンプルなことが多いと感じます。だからこそ、コーポレートサイトよりも大胆な発想で、アニメーションやちょっとしたギミックで […]
View Article