この記事を読む

オンラインで画像圧縮によりサイト高速化!

画像が重たいから圧縮したい サイト表示スピードを高速化したい WordPressに使う画像を軽くしたい 画像の圧縮を手軽にしたい方への記事です。 いろんなプラグインとかアプリがあるけど、画像の圧縮はtinypngってサイトを使うのが一番お手…

この記事を読む

Screelyで手軽にいい感じのサムネイル画像が作れる

ブログのサムネイル画像って大切だからすごく悩むことある。 とはいえ、ただのスクリーンショットを貼り付けるのはいやだったりする。 でもScreelyというサイトをつかって、今回の記事のようなサムネイル画像が作れます。 Screelyの使い方 …

この記事を読む

フォルダ内の全画像のリサイズを一瞬でする裏技【Mac】

ブログを書き出してかれこれ一年半くらいがたちます。 親切なブログにしようと思うと、たくさん画面のスクリーンショットを多用しながら説明することが多いです。 でもバラバラのサイズの画像を、ブログに適したサイズにするのはめんどくさい。 そこで今回…

この記事を読む

アウトプットの質を上げる!GWに読みたいデザイン関連以外の書籍【11選】

GWはインプットのためにあると言ってしまうと、意識高い系だと思われてきっとあなたは友達の間で浮くと思います。 だけど連休は間違いなく腰をすえてインプットができるチャンスです。 きっとあなたはふだん本屋さんで、デザイン関連の本やテクニカル系の…

この記事を読む

デスクワークの効率化を図るツールと最高のオフィスチェア

手ぶらで通勤するWebデザイナーの平尾誠です。 いつも僕は持ちものの最適化を考えていて、その結果手ぶらで出社しています。 遊びに行く感覚でオフィスに行けてストレスフリーですよ。 そして最近では、職場の制作環境をトリプルモニターすることで作業…

この記事を読む

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

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

この記事を読む

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

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

この記事を読む

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

WEBサイトの提案資料を作りたい 非デザイナーだけど、他者とデザインの認識を合わせたい Webデザイナーの平尾誠です。 今の案件ではUX/UIのお仕事に挑戦させてもらっています。 そして話題のAdobeXDを初めて使いました。やっぱり新しい…

この記事を読む

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

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

この記事を読む

構造化データマークアップのサンプル作ったから使ってね!

Google検索結果に目次でるのなに? 構造化データマークアップってなに? それ、リッチスニペットって言われるものです。 構造化データマークアップと言って、HTMLにgoogleさんにわかりやすいようにHTMLに追加でマークアップすることで…

この記事を読む

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の開発者用のツールからチェックすることも手軽にできますが、あまり正確でないように思…