コーディング

WordPress超初心者が最初に知っておきたい基礎知識

今では世界のホームページの31%がWordpressを利用して作られています。 この記事は以下の方が対象です。 あなたに読んでほしい ホームページを自分で作りたい ブログをはじめたい WordPressって聞いたことある …

お役立ち

Web制作初心者の悩みあるあるまとめ

Webデザイナーの平尾誠です。 僕は表題の通りMENTAというサービスを利用して、Web制作のメンターをしています。 メンターとは講師と少し毛色がちがい、手取り足取り教えることはしません。 その代わり、つまづくたびにアド …

お役立ち

無料で使えるアイコンやデザイン素材を配布しているサイト

デザインをするための素材は無料で使えるものがたくさんあります。 そこでWebデザインやグラフィックデザインをする際に必須になる素材サイトを集めました。 新しく発見されるたびに、追加していく予定です。 目次 デザイン素材f …

コーディング

SCSSの使い方を初心者用にまとめた

Webデザイナーの平尾誠です。 現在CSSを書いている人は、SCSS に記法を変えるだけでCSSの記述が極端に減りますよ。 SCSS は一言で言うと、CSSの記法です。 よく使うSCSS の記法は限られています。 調べれ …

コーディング

Web系プログラミングを独学で継続したければ脱線しよう

Webデザイナーの平尾誠です。 表題の通りweb系プログラミングの歩き方をまとめています。 この記事は筋肉質な勉強法を否定するものです。 あらかじめご了承ください。 僕はもともとオリジナルの家具を作る家具の施工会社にいま …

コーディング

Web系エンジニアのスキルチェックシートを作ったよ

Webデザイナーの平尾誠です。 最近アップデートしたポートフォリオが評判が良くて驚いています。 本当にありがとうございます。 さて、僕は最近MENTAというサービスを使い、Webサイト制作初学者へ向けたメンターをしていま …

デザイン

ポートフォリオサイトの目的と参考にしたサイト

Webデザイナーの平尾誠です 表題の通り、ポートフォリオサイトをアップデートしました。 さて僕がポートフォリオをどういった考えで設計しているかまとめます。 また、参考にしたサイトもご紹介します。 これから作品をまとめる方 …

お役立ち

2018年のまとめのまとめ

Webデザイナーの平尾誠です。 僕が購読しているたくさんデザイン・マーケティング系メディアのまとめをカテゴリに分けてまとめました。 エンジニアリング、マーケティング、トレンド、デザインの順でまとめました。 総まとめとして …

コーディング

WordPressの投稿作成画面を昔のエディタに戻す

Webデザイナーの平尾誠です。 Wordpress5.0にアップデートしたら、想像以上に使いにくい。 30分くらい使っていれば慣れるだろうと思っていました。 でも理解した上で、やっぱり使いにくいので戻しました。 快適。 …

コーディング

魅力的なCSS/javascript のテキストアニメーションまとめ

Webデザイナーの平尾誠です。 今日は汎用的なテキストアニメーションを集めました。 テキストの現れ方が魅力的だと印象はグッとよくなります。 また、引きつけたいものに目線を導くことも可能です。 ほとんどのものはJquery …

コーディング

マウスカーソルを利用したマウスストーカー好例まとめ

Webデザイナーの平尾誠です。 PC表示の際に、マウスポインターを利用してユーザーの体験を新しくするサイトが増えています。 ユーザーの体験をよりリッチに表現してくれます。 こんな感じですね。 自分もポートフォリオで実装し …

お役立ち

【人気5社比較】個人向けWordPressのレンタルサーバー選び方

Webデザイナーの平尾誠です。 サーバー選びはムズかしい専門用語でわからん。 この記事にたどり着いた方もそうですよね。 レンタルサーバー会社の比較をしても、結局どれがいいかわからないはず。 Web制作を仕事にしているぼく …

お役立ち

18パターンの今すぐ使えるキャッチコピーの考え方

Webデザイナーの平尾誠です。 Webディレクターとして立ち回ることが最近は多くなりました。 そうなると、プロジェクトの上流の企画から考えることが多くなります。 今日はキャッチコピーの切り口とパターンをお伝えします。 と …

デザイン

結婚式でオリジナルペーパーアイテムを作る際の注意点

Webデザイナーの平尾誠です。 先日、自分の結婚式でペーパーアイテムを全てデザインしました。 こちらの記事で制作物は紹介しております。 大好評につき、この記事がきっかけで、お仕事の依頼も舞い込みました。 ブログ書いててよ …

コーディング

お手軽なスマホでジャイロを用いたparallax.js

これ以上ないんじゃないかってくらい簡単で便利なJsのプラグインを発見! スマホで見たら傾けたときに、ふわふわっと傾きます。 これは携帯に内蔵されているジャイロセンサーを使用したものです。 PCで見たときはカーソルに追従す …

デザイン

ホームページ制作の参考になるブックマークサイトを見よう

webデザイナーの平尾誠です。 この記事は これからWebデザインを学びたい ホームページの参考を探している Webデザインに興味を持った僕の奥さん そんな方に読んで欲しいです。 最近僕の奥さんが、副業しすぎている僕を見 …

デザイン

商用無料のアイコン素材サイト『ICON BOX』がかわいい

Webデザイナーの平尾誠です。 ミニマルですぐに使えるかわいいアイコンのご紹介です。 デザイナーにとって、アイコンがデザイン要素として重要なのは事実です。 ですが、できれば使いまわしたい。 そんな要望にぴったりなクセがな …

お役立ち

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

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

デザイン

【Webデザインに舌鼓をうつ vol.14】 NOW by NEWPIECE (日本)

webデザイナーの平尾誠です。 久しぶりに新しいタイプのサイトを発見しました。 Webデザインに舌鼓をうつシリーズの第14弾は、訴求することを目的に作られるLPの紹介です。 LPとはランディングページのことで、本来は広告 …

コーディング

【jquery】ユーザビリティをよくするサンプルコードまとめ

制作現場では決まって時間がない。 だから決まって使うソースコードは使いまわしたいですよね。 コピペで使える便利なコードを、役割別にまとめました。 今後もどんどん追加していくので、ブックマークとしておくと困った時に役に立つ …

お役立ち

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

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

お役立ち

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

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