自分の経験をシェアしたい。Webデザインのテクニック&効率化。

: CC0 Licenseのフリーストックフォト「PEXELS」

2016/1/21

PEXELS 「PEXELS」は、ハイクオリティな写真を集めたフリーストックフォトサイトです。 Creative Commons Zero (CC0) licenseなので、利用しやすいです。 CC0 ...

WEBデザイン

: 諦めるな。一度諦めたらそれが習慣となる。

2016/1/20

「諦めるな。一度諦めたらそれが習慣となる。」は、映画「がんばれ!ベアーズ」のセリフです。「がんばれ!ベアーズ」は、弱小野球チームチーム「ベアーズ」が奮闘する映画です。子どもの頃、この映画を観た記憶 ...

その他

: 今年は、グラフィックに強くなる

2016/1/19

グラフィックに強くなり、ロゴデザインとイラストを描けるようになるのが今年の目標だ。ある程度自分でいろいろやることが多くなってきたが、ロゴやイラストなどは守備範囲外ということもあり、全く上手くいかない ...

その他

: 月曜日の朝に仕事のスイッチをいれる習慣

2016/1/18

月曜日に出社すると、デスクトップ周りやメールを整理する。金曜の帰りはバタバタしたりして、うまく時間が取れないことがひとつ。もうひとつは、週の初めに仕事へのスイッチをいれるため。メールやブックマー ...

その他

: 一覧が見やすい、jQueryのチートシート

2016/1/17

jQueryを使っていると、知っているものや、よく使うものしか使わなくて、意外と知らないイベントやセレクタがあったりします。 jQuery Cheat Sheet こちらのjQueryは、一覧で掲載さ ...

jQuery

: pxをemや%に変換して一覧にしてくれるサイト

2016/1/16

最近は、SASSを使えば、フォントサイズをpxからem/%に変換するのは簡単です。しかし、以前作ったサイトを更新する際に、フォントサイズの一覧がない場合は、pxからem、%に計算するのが面倒です。 ...

CSS

: アイデアのヒントになる。Swiss Styleを動かしているアニメーション。

2016/1/15

Swiss in CSS: animating the International Typographic Styleで、Swiss Styleを動かしているアニメーションが紹介されていました。 Se ...

CSS

: スピードアップには、考えすぎないことも重要

2016/1/14

仕事を、がんばっているのに遅い人をみていると、結構考えすぎていることが多いようです。例えば、バナーを作るとして、いろいろな可能性を考えて、いくつものパターンをやってみることも大事ですが、やっている間 ...

仕事効率化

: サーバーにアップ不要なPNG圧縮ツールの「Pngyu」が便利

2016/1/12

PNGを圧縮する際にtinyPNGを使っていましたが、サーバーにアップしてダウンロードするのが非常に面倒で、時間がかかります。そんな時に便利なのが「Pngyu」です。 Pngyu Pngyuはダウン ...

仕事効率化

: 配色を計画的にするために便利な「paletton.com」

2016/1/11

配色は難しく、いつも悩みます。ちょっとした色の変化で、大きくイメージもかわるため、計画的に進めていく必要があります。計画的に配色するために便利なサイトが「paletton.com」です。 pale ...

WEBデザイン

: 古い技術が必要な場合もある

2016/1/10

HTML5やCSS3などが当たり前になり、IE8対応もそれ程要求されることが少なくなり、技術的なハードルは上がりましたが、制作的にはかなり楽になったと感じます。ただ時々、テーブルレイアウトやモバイル ...

その他

: ジャッキー・チェンのアクションがなぜ面白いのかを解説した動画

2016/1/9

小学生の頃、ジャッキー・チェンの映画が毎週のように放送されていて、友達とカンフーごっこをして遊んでいました。ジャッキー・チェンの映画の面白さは、リズミカルなアクションと笑いが一体となったところです。 ...

その他

: Apple Musicが音楽の楽しみを思い出させてくれた

2016/1/8

音楽は好きですが、ここ十年ほどはあまり新しい音楽を聴くことがありませんでした。その理由として、洋楽が好きなのですが、洋楽の新譜は１年を経過しないとレンタルされなくなったためです。購入するほどではない ...

その他

: 自分が作ったのもは、10年後には存在しない

2016/1/7

Web業界に10数年間いて、今まで100サイト以上は制作しています。しかし、残念ながら10年前に作ったサイトで現在も残っているのは、ひとつくらいです。多分、そのサイトも10年後にはなくなっているで ...

その他

: 罰ゲームつきで、毎日ブログを書くっていいかも。

2016/1/6

fladdictさんのブログで、「罰ゲームつきで、毎日エントリーを書く宣言とかしてみる」という、記事があった。毎日ブログを書こうと思いつつ、日々過ぎていくので、自分も罰ゲーム付きで課してみよう。 ...

お知らせ

: デザインに疲れたら模写してみる

2016/1/6

去年後半はデザイン作業が多く、平均して週に2〜3サイトほどデザインしていた。デザイン作業は楽しいけど、ずっとデザインしていると、精神的に疲れる。ずっと考えているので、脳が疲れるという感じ。アウト ...

Webデザイナーの仕事術

: 2015年の「FEVDES BLOG」アクセス数トップ10

2015/12/31

2015年のアクセス数トップ10です。アクセスをみると全体的に検索エンジンからの流入が多かったです。定番の記事のアクセスが多く、長い間アクセスがあるは励みになります。１位　「よく使うPhotos ...

WEBデザイン

: ラストの衝撃が半端ないミステリー5選

2015/12/29

年末になると気楽にミステリーが読みたくなります。そんな中、休暇中に読めるラストに衝撃がまっているミステリーの紹介です。葉桜の季節に君を想うということ／歌野晶午葉桜の季節に君を想うということ ( ...

本

: 雨の日の自転車通勤が快適なコスパのいいレイングッズ

2015/12/29

自転車（クロスバイク）で通勤をはじめて２ヶ月。職場まで4kmほどですが、朝から適度な運動になることで、体が目覚め気持ちよく仕事を開始できます。体重も3kg減り、ウエストもベルトの穴２つ分細くなり ...

ライフハック自転車

: Photoshopの100%表示のショートカット

2015/12/6

Photoshopでデザインする場合拡大縮小をするのですが、確認で100%表示に戻したいことありませんか。そんなときは、「command + 1」で100%表示になります。「command + ...

Photoshop 初心者向け

: 寝る前に3分でできる。デザイナーにも手軽な運動。

2015/10/27

仕事がずっと座りっぱなしのせいで、血行が悪くなり、帰宅しても、足と腰が重く寝るのも難儀していました。ストレッチ程度では時間がかかり、トレーニング器具は設置するのが面倒。「何か手軽にできる運動な ...

その他

: 商用利用可の無料「Webサイトの利用規約」

2015/10/26

Webサイトやサービスを制作する時に利用規約やプライバシーポリシーに困ることがあります。そんな時に便利なのが「Webサイトの利用規約」というサイトです。 Webサイトの利用規約 Webサイト用の「 ...

Webデザイナーの仕事術仕事効率化

: Macの標準機能でマウスカーソルもキャプチャする方法

2015/10/23

管理画面のマニュアルなどを作成する場合に、マウスカーソルもキャプチャしたいことがあります。そんな場合には、Macにインストールされている「グラブ」が便利です。

その他仕事効率化

: Photoshopのクリッピングマスクは右クリックが必要なかった...

2015/10/22

Photoshop

: フラットデザイン向けのシンプルで美しいCSS3グラデーションジェネレーター

2015/10/21

「Blend—Generate Simple and Beautiful CSS3 Gradients」は、フラットデザインにあう色が限定に、グラデーション用のCSSジェネレーターです。 Blen ...

CSS

: 制作スケジュールをコントロールするコツ

2015/10/15

今までにいろんな案件に関わってきましが、スキル不足やトラブル対応での残業より、スケジュールのコントロールの不慣れさでの残業が多いようです。うまくスケジュールがコントロールできない場合の参考になれ ...

Webデザイナーの仕事術

: MacでAndroid環境をブラウザ検証できる「Genymotion」が超便利

2015/10/12

iPhoneしか持ってない場合、Androidの検証に困ります。そんな場合、「Genymotion（ジェニーモーション）」を使うと MacでAndroidの検証が手軽にできます。 Genymoti ...

コーディング

: 超便利なEmmetのチートシート

2015/10/12

「Sublime Text 3」+「Emmet」+「SASS」でコーディングをしています。そんな「Emmet」のチートシートです。 Emmet Cheat Sheet あらためて見直すと知らないのが ...

コーディング

: 写真を3秒で手書きスケッチ風にするPhotoshopアクション

2015/10/12

「Double sketch effect action for Photoshop」は、写真をスケッチ風にするアクションです。元の写真加工後（画像を拡大する）アクションをダウンロードして適用 ...

Photoshop 手書き風

: スマホ・タブレット・PCの各端末の画面サイズが一目でわかる「Screen Sizes」

2015/10/10

スマホが主流になり、画面のサイズが多様になり、調べるのが大変になっています。以前、海外向けのサイトを制作する時に、アクセスログから想定機種を指定され、事前に多くの機種に対応する必要がありました。 ...

WEBデザイン

« Prev 1 2 3 4 5 6 7 Next »

プロフィール

KIYOTA
Webデザイナー / ウェブ解析士

デザインとコーディングと制作現場が大好きなWebデザイナー（Webデザイナー歴21年 2023年現在）
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。ウェブ解析士。

@iclippinさんをフォロー