この記事を読む

グラフィックデザイナーがWebデザインをするときの違いと心得【オススメ参考書】

グラフィックデザイナーなんだけどWebも作りたい 最近Webデザインを始めた そんな人に向けての記事です。 社内でグラフィックデザイナーへ向けてWeb勉強会をする機会があり、Webと紙の違いを話した内容をまとめました。 長くなるので目次を見…

この記事を読む

あるフロントエンド兼デザイナーの開発ツール&アプリを紹介する【厳選12個】

今年前半はとても開発に力を注いだ。そして後半は複業に力を注いだ。 にしても本当によく働いた年でした。 そこで今年、僕がWebサイト制作のチーム開発をやる上で使っていたツールを紹介します。 エディターソフトの好みはエンジニアによるけど、ここで…

この記事を読む

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

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

この記事を読む

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

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

この記事を読む

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

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

この記事を読む

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

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

この記事を読む

node.js,Angular.js,gitのインストールなら、GUIで操作できるDashが便利

Webデザイナーの平尾誠です。 最近のフロントエンドの開発環境が複雑になりすぎていて嘆いています。そろそろ僕もターミナル(Winの場合はコマンドライン)を叩かなあかんなーとか思ってるときにいいGUIのAPP、Dashを知ったのでフロントエン…

この記事を読む

macでIEのブラウザチェックをする確実な方法

Webデザイナーの平尾誠です。フィリピンに移住直前になっています。緊張気味ですね。 ところで、皆さんはIEのチェックはどのように行っていますか? safariの開発者用のツールからチェックすることも手軽にできますが、あまり正確でないように思…