この記事を読む

Adobe XDでサイト制作!無料テンプレートUIキットで使い方の基礎をマスターする

今の案件ではUX/UIのお仕事に挑戦させてもらっています。 そして話題のAdobeXDを使いました。やっぱり新しいツールを使って作業すると楽しいですね。 AdobeXDはプロトタイピング用のツールで、クライアントやチームのコミュニケーション…

この記事を読む

【Webデザイン初心者の味方】海外でシェア逆転 ”Sketch”の使い方を勉強しようとUdemyを使った

Photoshopがどうしても好きじゃない自分は”Sketch”に手を出しました! デザインの初心者でツールの使い方を動画で教えてくれる教材を探している方はこの参考にしてください。 デザイン初心者としてもう一度ツールの使い方を勉強しよう 僕…

この記事を読む

コピペのサンプルあり!構造化データマークアップのHTMLを使い倒す

最近の案件で構造化データマークアップを実装する機会がありました。 SEOよりの事業をしていない制作会社に、構造化マークアップに詳しい人はなかなかいません。 調べ倒した結果詳しくなったので、ここに備忘録として記します 最後によくあるシチュエー…

この記事を読む

参考にしたい海外のデザイナー、エンジニアのポートフォリオ2017

2017年の最初に公開した、日本人デザイナーのポートフォリオが未だに当ブログarutega.jpのページビュー最高をキープしています!ってことで大好評につき、海外デザイナーの個人で活躍するフリーランサーのポートフォリオにスポットを当てて集め…

この記事を読む

Webデザイナーが毎日チェックしたい制作に役立つブログ50選

フロントエンドの平尾誠です。 Webデザイナーやエンジニア、もしくはWeb界隈のマーケティングに興味ある人にとってとても有益なWebブログをまとめました。 まずは一気にどうぞ! マーケティングを勉強したい人のseo系ブログ Find Job…

この記事を読む

スタートアップが注目!福岡のハイクオリティなWeb制作会社2017年

どこに住んでいても働けるノマドワーカーになりたい平尾誠です。 近年言われていることにIT企業が福岡でスタートアップするというのをよく聞きます。 東京に比べると家賃などの初期費用が安いことがその理由にあげられます。 世界の住みやすい街ランキン…

この記事を読む

モーショングラフィックスマニアが贈るプロジェクションマッピングまとめ[19選]

HTMLでvideoを簡単に実装できるようになってから、ブラウザでの動画マーケティングが増えると聞いてました。 動画制作におけるマーケティングブームはもう終わったんですかね?? Webデザイナーの平尾誠です。 プロジェクションマッピングに置…

この記事を読む

スゴすぎてもはや参考にならない!? 海外アワードを受賞している日本の制作会社 2017年

こんにちは。フィリピンでフロントエンドエンジニアをしています。平尾誠です。 今は毎日フィリピンと日本のブリッジしているのですが、リモートワーク特有のコニュニケーションの煩わしさに苦戦しています。 日本じゃなくても、どこでも働けるように、リモ…

この記事を読む

モーショングラフィックスマニアが贈るモノクロのアニメーション[17選]

Webデザイナーの平尾誠です。 ホームページ制作においても、僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。 Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じことの繰り返しになり…

この記事を読む

モーショングラフィックマニアが贈る30秒以内の動画編[23選]

Webデザイナーの平尾誠です。 僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じことの繰り返しになりがちなので、あえてWebから離…

この記事を読む

モーショングラフィックマニアが贈る音楽MV編 [11選]

Webデザイナーの平尾誠です。 僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じことの繰り返しになりがちなので、あえてWebから離…

この記事を読む

WordPressのプラグインひとつで表示スピードが爆速化した「WP Fastest Cache」の使い方

どーもセブでエンジニアリングをしている僕です。 今日はWP Fastest Cacheというプラグインひとつ入れたらサイトスピードが爆速化した話です 設定画面もありますので、ご覧ください 結果からいうとPageSpeed Insights …

この記事を読む

サムネイルがアニメーションしてループするスライダー

よくサイトの横幅いっぱいに画像が流れていくやつをみます。 カルーセルスライダーと同じものなんですが、もっとダイエットしているシンプルなものを作りたかったので、調べていました。 じゃあ見つけました。 いつも参考にさせてもらっている http:…

この記事を読む

ブックマーク必須 コピペして使うCSSアニメーションのスニペット 「animista」の使い方

めっちゃアニメーションの微調整がめんどくさいWebデザイナーの平尾誠です。 とはいえ、Web制作においてアニメーションはユーザビリティにおいて、今やなくてはならない存在です。 でも公開間近にアニメーションを追加しろ!!なんて言われることも弱…

この記事を読む

レスポンシブでの画像の振り分け方

先日、Webデザイナーでおそらく知らない人はいないだろうブログ・Webクリエイターボックスを読んでいてobject-fitプロパティなるものが衝撃だった! 知らないCSSがまだまだ出てくるんだなーと。 1行追加でOK!CSSだけで画像をトリ…