画像が重たいから圧縮したい サイト表示スピードを高速化したい WordPressに使う画像を軽くしたい 画像の圧縮を手軽にしたい方への記事です。 いろんなプラグインとかアプリがあるけど、画像の圧縮はtinypngってサイトを使うのが一番お手…
この記事を読む
「Web制作」の記事一覧
この記事を読む
【Webデザインに舌鼓をうつ vol.14】 NOW by NEWPIECE (日本)
webデザイナーの平尾誠です。 久しぶりに新しいタイプのサイトを発見しました。 Webデザインに舌鼓をうつシリーズの第14弾は、訴求することを目的に作られるLPの紹介です。 LPとはランディングページのことで、本来は広告の訴求用に使われ、最…
この記事を読む
WordPress必須プラグインは7つだけ + おすすめ【無料】
WordPressをはじめてみたけど、操作を便利にしたい プラグインがありすぎて、どれがいいかわからない そんな方へ向けての記事です。 結論、プラグインはせいぜい入れても10個未満にしたい。 なぜなら、プラグインは入れれば入れるほど、読み込…
この記事を読む
【jquery】ユーザビリティをよくするサンプルコードまとめ
制作現場では決まって時間がない。 だから決まって使うソースコードは使いまわしたいですよね。 コピペで使える便利なコードを、役割別にまとめました。 今後もどんどん追加していくので、ブックマークとしておくと困った時に役に立つかも。 コードばかり…
この記事を読む
Screelyで手軽にいい感じのサムネイル画像が作れる
ブログのサムネイル画像って大切だからすごく悩むことある。 とはいえ、ただのスクリーンショットを貼り付けるのはいやだったりする。 でもScreelyというサイトをつかって、今回の記事のようなサムネイル画像が作れます。 Screelyの使い方 …
この記事を読む
カスタム投稿タイプの作成と投稿ページ・一覧ページの作り方
プラグインを使わずにWordpressのカスタム投稿タイプを作ります。 カスタム投稿タイプの作成方法 ますはfunctions.phpに下記を追記して下さい。 管理画面に項目追加 管理画面に投稿するための項目を追加します。 [crayon-…
この記事を読む
フォルダ内の全画像のリサイズを一瞬でする裏技【Mac】
ブログを書き出してかれこれ一年半くらいがたちます。 親切なブログにしようと思うと、たくさん画面のスクリーンショットを多用しながら説明することが多いです。 でもバラバラのサイズの画像を、ブログに適したサイズにするのはめんどくさい。 そこで今回…
この記事を読む
WordPressにブログカードを挿入するプラグイン「Pz-LinkCard」のカスタマイズ
GWはたくさんインプットとアウトプットをしていきたい平尾誠です。 ありがたいことにこのブログも、はじめた頃からは想像がつかないほどにページビューが増えてきました。 まだまだWeb制作初心者の方や、Wordpressをはじめたばかりの方のため…
この記事を読む
アウトプットの質を上げる！GWに読みたいデザイン関連以外の書籍【11選】
GWはインプットのためにあると言ってしまうと、意識高い系だと思われてきっとあなたは友達の間で浮くと思います。 だけど連休は間違いなく腰をすえてインプットができるチャンスです。 きっとあなたはふだん本屋さんで、デザイン関連の本やテクニカル系の…
この記事を読む
デスクワークの効率化を図るツールと最高のオフィスチェア
手ぶらで通勤するWebデザイナーの平尾誠です。 いつも僕は持ちものの最適化を考えていて、その結果手ぶらで出社しています。 遊びに行く感覚でオフィスに行けてストレスフリーですよ。 そして最近では、職場の制作環境をトリプルモニターすることで作業…
この記事を読む
WordPressでダメなテーマと日本語厳選テーマ9つ
WordPress始めたいけど本当に手軽なの？ ブログに使うだけなのでシンプルなテーマがいい WordPressを始めたて、もしくは始めたい人向けの記事です。 たくさんWordpressテーマはあります。 僕はデザインエンジニア8年目で、予…
この記事を読む
グラフィックデザイナーがWebデザインをするときの違いと心得【オススメ参考書】
グラフィックデザイナーなんだけどWebも作りたい 最近Webデザインを始めた そんな人に向けての記事です。 社内でグラフィックデザイナーへ向けてWeb勉強会をする機会があり、Webと紙の違いを話した内容をまとめました。 印刷物からWebに活…
この記事を読む
【Webデザインに舌鼓をうつ vol.13】 The Shift by Garden Eight (日本)
マウスストーカーといい、最近はマウスに追従し、コントローラーかのようにカーソルを実装するのが流行っています。 今回のサイトは全てがマウスストーカーを使った操作となっており、シンプルでとてもわかりやすいサイトです。 The Shift htt…
この記事を読む
男女の出会いマッチングサービスのLP【Webデザイン添削 vol.02】
先日始めた新たな試み、Webデザイン添削サービス実績の第二弾です。 掲載許可をいただけたサイトのフィードバックの一部分をかいつまんでご紹介します。 ランディングページの訴求方法 うちのサービスをもっと知ってもらいたい そんな人の参考になりま…
この記事を読む
Web業界未経験のポートフォリオサイトの作り方【Webデザイン添削 vol.01】
先日始めた新たな試み、Webデザイン添削サービスが大好評です。 掲載許可をいただけたので、一部のフィードバックをご紹介します。 転職用ポートフォリオは何を載せればいいの？ 作ってみたけれど、これでいいの？ 未経験でIT＆クリエイティブ業界に…
この記事を読む
【Webデザインに舌鼓をうつ vol.12】 DRAFT Inc. by SHIFTBRAIN (日本)
いつもどうやったらこんなデザインが出来あがんだよっってくらいイケてるデザインをご紹介する”Webデザインに舌鼓をうつ”シリーズ。 今回は制作物をとても魅力的に見せる、店舗設計/オフィスデザイン会社のコーポレート＆ポートフォリオサイトです。 …
この記事を読む
参考にしたい日本人デザイナー・エンジニアのポートフォリオまとめ
就職活動の時期にさしかかっているので就活生の皆さんは、特にWebデザイナーの方なんかはポートフォリオ作りに勤しんでるのではないでしょうか。 かっこいい・可愛いコーポレートサイトはたくさんありますが、フリーランスや個人のポートフォリオってどう…
この記事を読む
特定の時間で表示を変更する時限式javascript
今年のエイプリルフールは休日です。 休みの日に出社しなくてもいいように、特定の時間が来たら表示して、終わったら消す。 そんなソースコードを紹介します。 時限式で実装できるのでとてもおすすめです。 [crayon-5b443bd1237717…
この記事を読む
【Webデザインに舌鼓をうつ vol.11】 京料理 手をけ弁当 六盛 by AID-DCC (日本)
いつもとは全く違うテイストのサイトをお届けします。 なかなか和風のサイトでここまで尖ったデザインは見ませんでした。 これまで紹介してきたホームページはターゲットが若年層でした。 ただ今日ご紹介するサイトは50代から60代をターゲットにしたも…
この記事を読む
写真をインスタ風にするCSSフィルターセット”Instagram.cssとfilter.css”
下手にPhotoshopで加工するよりinstagramの方がいけてる時あるよね正直。 デフォルトであるフィルタセットを使った方が、風合いが出ていいなって。統一感出すの簡単やし。 そんな時のCSSフィルターセットのInstagram.css…