旅するように生きることを目標にしているWebデザイナー＆フロントエンドエンジニア。Web界隈のことやライフハックを発信中。
大阪→東京→湘南
ポートフォリオサイトはこちら
http://mako.red
コーディング
Webデザイナーの平尾誠です。 現在CSSを書いている人は、SCSS に記法を変えるだけでCSSの記述が極端に減りますよ。 SCSS は一言で言うと、CSSの記法です。 よく使うSCSS の記法は限られています。 調べれ …
コーディング
Webデザイナーの平尾誠です。 表題の通りweb系プログラミングの歩き方をまとめています。 この記事は筋肉質な勉強法を否定するものです。 あらかじめご了承ください。 僕はもともとオリジナルの家具を作る家具の施工会社にいま …
コーディング
Webデザイナーの平尾誠です。 最近アップデートしたポートフォリオが評判が良くて驚いています。 本当にありがとうございます。 さて、僕は最近MENTAというサービスを使い、Webサイト制作初学者へ向けたメンターをしていま …
デザイン
Webデザイナーの平尾誠です 表題の通り、ポートフォリオサイトをアップデートしました。 さて僕がポートフォリオをどういった考えで設計しているかまとめます。 また、参考にしたサイトもご紹介します。 これから作品をまとめる方 …
お役立ち
Webデザイナーの平尾誠です。 僕が購読しているたくさんデザイン・マーケティング系メディアのまとめをカテゴリに分けてまとめました。 エンジニアリング、マーケティング、トレンド、デザインの順でまとめました。 総まとめとして …
ブランディング
Webデザイナーの平尾誠です。 Webサイトを作るだけなら、Webサービスを駆使することでガッツがある人なら作れます。 だからプロにあたるwebデザイナーはビジネス全体をデザインしなければいけないとしみじみ思います。 近 …
コーディング
Webデザイナーの平尾誠です。 Wordpress5.0にアップデートしたら、想像以上に使いにくい。 30分くらい使っていれば慣れるだろうと思っていました。 でも理解した上で、やっぱり使いにくいので戻しました。 快適。 …
コーディング
Webデザイナーの平尾誠です。 今日は汎用的なテキストアニメーションを集めました。 テキストの現れ方が魅力的だと印象はグッとよくなります。 また、引きつけたいものに目線を導くことも可能です。 ほとんどのものはJquery …
コーディング
Webデザイナーの平尾誠です。 PC表示の際に、マウスポインターを利用してユーザーの体験を新しくするサイトが増えています。 ユーザーの体験をよりリッチに表現してくれます。 こんな感じですね。 自分もポートフォリオで実装し …
お役立ち
Webデザイナーの平尾誠です。 サーバー選びはムズかしい専門用語でわからん。 この記事にたどり着いた方もそうですよね。 レンタルサーバー会社の比較をしても、結局どれがいいかわからないはず。 Web制作を仕事にしているぼく …
マーケティング
Webデザイナーの平尾誠です。 最近ようやくtwitterのフォロワーさんが1000人を超えました。 これには感謝しまくってます。 友達ゼロからほんと長かったー。 実はTwitterをまじめに、かつ戦略的にはじめたのは一 …
お役立ち
Webデザイナーの平尾誠です。 Webディレクターとして立ち回ることが最近は多くなりました。 そうなると、プロジェクトの上流の企画から考えることが多くなります。 今日はキャッチコピーの切り口とパターンをお伝えします。 と …
お役立ち
Webデザイナーの平尾誠です。 皆さんはデザインやプロダクトのチェック業務（印刷では校正と呼ぶ）はどうしていますか？？ 今日は離れた相手に、正確にチェックしたことを伝えるためのサービス AUN を紹介します。 Webサイ …
お役立ち
Webデザイナーの平尾誠です。 クリエイターにとって、目的に合わせた Macbook 選びは重要。 この記事はこんな人に読んでほしい。 Web制作で Macを買おうとしている方 動画制作で Macを買おうとしている方 ノ …
デザイン
Webデザイナーの平尾誠です。 先日、自分の結婚式でペーパーアイテムを全てデザインしました。 こちらの記事で制作物は紹介しております。 大好評につき、この記事がきっかけで、お仕事の依頼も舞い込みました。 ブログ書いててよ …
活動報告
Webデザイナーの平尾誠です。 立て続けの制作実績の更新となりました。 普段は開発をすることが多い僕です。 でもWebデザイナーを名乗る以上、自分の結婚式のペーパーアイテムはデザインしないといけないなと。 タイトルの通り …
コーディング
これ以上ないんじゃないかってくらい簡単で便利なJsのプラグインを発見！ スマホで見たら傾けたときに、ふわふわっと傾きます。 これは携帯に内蔵されているジャイロセンサーを使用したものです。 PCで見たときはカーソルに追従す …
デザイン
webデザイナーの平尾誠です。 この記事は これからWebデザインを学びたい ホームページの参考を探している Webデザインに興味を持った僕の奥さん そんな方に読んで欲しいです。 最近僕の奥さんが、副業しすぎている僕を見 …
デザイン
Webデザイナーの平尾誠です。 ミニマルですぐに使えるかわいいアイコンのご紹介です。 デザイナーにとって、アイコンがデザイン要素として重要なのは事実です。 ですが、できれば使いまわしたい。 そんな要望にぴったりなクセがな …
ブランディング
こんにちはWebデザイナーの平尾誠です。 Webデザイナー・エンジニアとして長くなると、自然とディレクション業務が増えます。 クライアントの元に行き、改善提案をしたり、課題をもらったりすることがあります。 企業の担当者に …
お役立ち
画像が重たいから圧縮したい サイト表示スピードを高速化したい WordPressに使う画像を軽くしたい 画像の圧縮を手軽にしたい方への記事です。 いろんなプラグインとかアプリがあるけど、画像の圧縮はtinypngってサイ …
デザイン
webデザイナーの平尾誠です。 久しぶりに新しいタイプのサイトを発見しました。 Webデザインに舌鼓をうつシリーズの第14弾は、訴求することを目的に作られるLPの紹介です。 LPとはランディングページのことで、本来は広告 …
デザイン
Webデザイナーの平尾誠です。 楽天で売り上げ1位のヘアアイロン SALONIAの公式ブランドサイトのアートディレクションとフロントエンドを担当しました。 たくさんのアーカイブサイトに取り上げて頂き有り難い限りです。 低 …
コーディング
制作現場では決まって時間がない。 だから決まって使うソースコードは使いまわしたいですよね。 コピペで使える便利なコードを、役割別にまとめました。 今後もどんどん追加していくので、ブックマークとしておくと困った時に役に立つ …
コーディング
プラグインを使わずにWordpressのカスタム投稿タイプを作ります。 カスタム投稿タイプの作成方法 ますはfunctions.phpに下記を追記して下さい。 管理画面に項目追加 管理画面に投稿するための項目を追加します …
お役立ち
ブログを書き出してかれこれ一年半くらいがたちます。 親切なブログにしようと思うと、たくさん画面のスクリーンショットを多用しながら説明することが多いです。 でもバラバラのサイズの画像を、ブログに適したサイズにするのはめんど …
お役立ち
GWはインプットのためにあると言ってしまうと、意識高い系だと思われてきっとあなたは友達の間で浮くと思います。 だけど連休は間違いなく腰をすえてインプットができるチャンスです。 きっとあなたはふだん本屋さんで、デザイン関連 …
マーケティング
Google Analyticsのデータ保持期間が、26ヶ月に変更されたので自動的に期限切れにならないように設定変更しました 設定変更をしないと26ヵ月後に過去のこのブログのデータが見れなくなります。 過去は振り返らない …
お役立ち
手ぶらで通勤するWebデザイナーの平尾誠です。 いつも僕は持ちものの最適化を考えていて、その結果手ぶらで出社しています。 遊びに行く感覚でオフィスに行けてストレスフリーですよ。 そして最近では、職場の制作環境をトリプルモ …
デザイン
グラフィックデザイナーなんだけどWebも作りたい 最近Webデザインを始めた そんな人に向けての記事です。 社内でグラフィックデザイナーへ向けてWeb勉強会をする機会があり、Webと紙の違いを話した内容をまとめました。 …
