デザイン 2017年5月13日 スゴすぎてもはや参考にならない！？ 海外アワードを受賞している日本の制作会社 2017年 こんにちは。フィリピンでフロントエンドエンジニアをしています。平尾誠です。 今は毎日フィリピンと日本のブリッジしているのですが、リモートワーク特有のコニュニケーションの煩わしさに苦戦しています。 日本じゃなくても、どこで …
デザイン 2017年4月6日 モーショングラフィックスマニアが贈るモノクロのアニメーション[17選] Webデザイナーの平尾誠です。 ホームページ制作においても、僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。 Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じ …
デザイン 2017年4月6日 モーショングラフィックマニアが贈る30秒以内の動画編[23選] Webデザイナーの平尾誠です。 僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。 Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じことの繰り返しになりがちなの …
デザイン 2017年4月6日 モーショングラフィックマニアが贈る音楽MV編 [11選] Webデザイナーの平尾誠です。 僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じことの繰り返しになりがちなので …
コーディング 2017年4月3日 WordPressのプラグインひとつで表示スピードが爆速化した「WP Fastest Cache」の使い方 どーもセブでエンジニアリングをしている僕です。 今日はWP Fastest Cacheというプラグインひとつ入れたらサイトスピードが爆速化した話です 設定画面もありますので、ご覧ください 結果からいうとPageSpeed …
コーディング 2017年3月31日 サムネイルがアニメーションしてループするスライダー よくサイトの横幅いっぱいに画像が流れていくやつをみます。 カルーセルスライダーと同じものなんですが、もっとダイエットしているシンプルなものを作りたかったので、調べていました。 じゃあ見つけました。 いつも参考にさせてもら …
コーディング 2017年3月31日 ブックマーク必須 コピペして使うCSSアニメーションのスニペット 「animista」の使い方 めっちゃアニメーションの微調整がめんどくさいWebデザイナーの平尾誠です。 とはいえ、Web制作においてアニメーションはユーザビリティにおいて、今やなくてはならない存在です。 でも公開間近にアニメーションを追加しろ！！な …
コーディング 2017年3月19日 レスポンシブでの画像の振り分け方 先日、Webデザイナーでおそらく知らない人はいないだろうブログ・Webクリエイターボックスを読んでいてobject-fitプロパティなるものが衝撃だった！ 知らないCSSがまだまだ出てくるんだなーと。 1行追加でOK！C …
コーディング 2017年3月7日 実装あるある・YOUTUBEのサムネイルをオリジナル画像にしたい。 同じようなマークアップを何度かしたことがあります。youtubeのオリジナルサムネイル機能を使うとかそういう話ではなくて、iframeの上に画像を乗せてクリックしたら動画が始まるってやつを作ります。とってもシンプルなので …
コーディング 2017年3月5日 jqueryでsliderを自作するなら Webデザイナーの平尾誠です。シンプルなスライダーごときならわざわざプラグイン入れる方がめんどくさかったりする。 だから現場でサクッとコピペして使えるようにここにライブラリとしておいておきますので、みなさんもコピペして使 …
デザイン 2017年3月4日 見落としてない？Slack,youtube,googleのプロモムービーが面白い Webデザイナーの平尾誠です。僕はとってもモーショングラフィックスが好きでVimeoやらでクリップしています。Vimeoにはたくさん世界のモーショングラフィックスがありますが、slackのモーショングラフィックスがとても …
コーディング 2017年3月4日 jQueryで画面の一番下までスクロールしたかどうかを判定 Webデザイナーの平尾誠です。よくスクロールイベントを使うことがあるので備忘録。 jqueryを使って画面の一番下までスクロールしたかどうかを判定します。 ドキュメントの高さ – ウィンドウの高さ 単純に引いて値を求めて …
コーディング 2017年2月26日 Node.js初心者が使いやすいejsの便利なスニペット LIG.incのWebでデザイナー平尾誠です。フロントエンドの開発環境が近年複雑すぎてついていけていない僕です。HTMLでコーディングすると、特にwordpressを想定しているブログなんかのコーディングをするととっても …
コーディング 2017年2月25日 そのWordPress大丈夫？今すぐできるセキュリティ対策！ Webデザイナーの平尾誠です。最近のフロントエンドはWordpressもさわれて当然みたいになってしまって悲しいです。そんでまたセキュリティ対策とか素人すぎて悲しいです。 割と頻繁にWordpressの脆弱性が見つかった …
デザイン 2017年2月24日 CSS Design Award の審査員になった僕が、地味な更新ばかりしているコーダーに伝えたい事 Webデザイナーの平尾誠です。大変私事ではございますがCSS DESIGN AWARDの審査員としてジョインさせていただくこととなりました。これは私にとって、とても光栄なことで世界の制作者と一緒にたくさんのWebサイトに …
お役立ち 2017年2月18日 node.js,Angular.js,gitのインストールなら、GUIで操作できるDashが便利 Webデザイナーの平尾誠です。 最近のフロントエンドの開発環境が複雑になりすぎていて嘆いています。そろそろ僕もターミナル（Winの場合はコマンドライン）を叩かなあかんなーとか思ってるときにいいGUIのAPP、Dashを知 …
ブランディング 2017年2月17日 美容室はホットペッパービューティから早く脱却すべき 美容室のサイト運営を改善させたい こんにちはWebデザイナーの平尾誠です。美容室のサイトを大阪で制作会社にいた頃（2013〜2015年）作っていました。 そして最近では2017年 LINOという美容室のグランドオープンを …
お役立ち 2017年2月15日 macでIEのブラウザチェックをする確実な方法 Webデザイナーの平尾誠です。フィリピンに移住直前になっています。緊張気味ですね。 ところで、皆さんはIEのチェックはどのように行っていますか？ safariの開発者用のツールからチェックすることも手軽にできますが、あま …
デザイン 2017年1月30日 海外のWebデザインアワードと表彰まとめ マイナーなものからメジャーなものまで フロントエンドエンジニアの平尾誠です。 Webデザイナーやフロントエンドエンジニアにとって海外Webデザインアワードを獲るのは憧れであり、目標のうちの一つでしょう。 今回は秀逸なサイトを紹介する海外Webデザインアワード …
コーディング 2017年1月27日 wordpressの管理画面の項目の消し方・ログインページのカスタマイズ 製作側にはとってもおなじみのこの画面。納品時にカスタマイズしてますか？ ログイン画面をカスタマイズしてあげると、とってもオリジナル感が出て、喜んでいただけます。 また、Wordpress納品時に必要ない項目を消しておくと …
マーケティング 2017年1月16日 初めてGoogle AdSense に申し込んでみた このブログを始めた背景には、１年後にはブログの広告収入だけで5万円ぐらい稼げたらなーとか思ってるわけです。 というのも私、平尾誠はWebデザイナーしながら海外でどれだけウロウロできるんだろうなと。 そんな夢見たいな働き方 …
![モーショングラフィックスマニアが贈るモノクロのアニメーション[17選]](https://arutega.jp/wp-content/uploads/2017/04/monochome-min-300x176.jpg)
![モーショングラフィックマニアが贈る30秒以内の動画編[23選]](https://arutega.jp/wp-content/uploads/2017/04/motion-min-300x176.jpg)
![モーショングラフィックマニアが贈る音楽MV編 [11選]](https://arutega.jp/wp-content/uploads/2017/04/kings-min-1-300x181.png)
