FEVDES BLOG

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

クライアントの思いを形にする

今まで数百のWebサイトを制作してきましたが、 いつも心がけていることがあります。 それは「クライアントの思いを形にする」です。

できないと諦める前に知識をつける方法

デザイナーやコーダーになって新人が最初にあたる壁が、「センスがない」「私には向いてないのではないか?」と思うことです。 大半の人は、「好き」や「やってみたい」と思ってはじめます。 しかし、大量の情報を …

コーディングの前にCSSの命名規則を紙に書いてみる

2016/07/17   -CSS

CSSで一番迷うのが、ネーミングです。 初心者はクラス名を、その場その場で考えがちで、後から破綻しがちです。 頭の中でなんとなく決めていても、やはり破綻してしまいます。 更新や改修をかけていくうちに破 …

100種類以上のGoogleのアイコンがつかえる。Material icons

アイコンを作成するのは大変ですよね。特に大量になると、時間も手間もかかります。 そんな時に便利なのが、Googleの「Material icons」です。 下のアイコンは、すべてWebフォントです。 …

量が質を生む

2016/06/21   -新人向け

20年ほど前、ある日本人の映画プロデューサーが、予算が10億あったら、 ひとつの映画に10億使うのではなく、1作品1億の予算で10作品作ると言っていました。

コピペするだけのCSSアニメのジェネレーター「WAIT! Animate」

2016/05/12   -CSS

WAIT! Animate アニメーションは、CSSの方がスピードも速くていいのですが、面倒なのがCSSの指定方法です。 そんな場合に簡単に、CSSアニメーションを作れるのが、「WAIT! Anima …

いやされるかわいさの「Simple animating emotions.」

2016/05/10   -CSS

See the Pen Simple animating emotions. by Misha Heesakkers (@MishaHahaha) on CodePen. Simple animati …

気持ちいいローダーの参考になる「Spring Loaders」

2016/05/09   -WEBデザイン

Spring Loaders ローディングは、後回しにして、ついついありきたりなものを作りがちになってしまいます。 そんな時に、気持ちいいローダーの参考になるのが「Spring Loaders」です。

制作に疲れると首をあたためると気持ちいい

2016/04/28   -その他

気合いで制作できた若い頃と違い、ここ数年は体調管理に気をつけるようになってきました。 おかけで、今年は風邪もひかずに皆勤しました。 体調の中で、特に気にかけているのは睡眠。 制作業に携わる人は、睡眠時 …

これは便利!ソースとプレビューが見られる「Bootstrap 4 Cheat Sheet」

2016/04/23   -CSS

Bootstrap 4 Cheat Sheet レスポンシブや効率的にコーディングする場合に便利なBootstrapのチートシートです。 ソースコードとプレビューがでるので便利ですね。

Sublime Textで一行ごとにタグで囲む方法

2016/04/03   -コーディング

長文テキストを流し込んだり、リストタグで囲む場面がよくあります。 Sublime Textで一行ごとにタグで囲む方法です。

グラフが描画できる「CHARTIST.JS 」

2016/03/28   -Javascript

CHARTIST.JS 普段、グラフの描画は、画像が多いかと思います。 動的にグラフを生成する場合には、結構困ることがあります。 「CHARTIST.JS」は、 SVGで描画するライブラリです。 EX …

無駄な悩みを減らして、仕事に手中する方法

2016/03/23   -仕事効率化

普段生活している上で、 出勤前に「何を着て行こうか?」 昼休みになると「何を食べようか?」 など、些細な悩みは多いと思います。

わずか1分でできる翌日の仕事をスムーズに進めるための方法

2016/03/22   -仕事効率化

帰宅途中や寝る前に、「明日これをしなければ!」と思い出すことはありませんか?

仕事をうまく回すには、気をきかせる

2016/03/21   -仕事効率化

デザインやコーディング、プログラムなどは、技術があり効率化すれば、仕事が早くなります。 しかし、それだけでは、どうしても限界があります。

写真をタイル状に並べてくれるjQuery「jMosaic」

2016/03/16   -jQuery

jMosaic 写真の高さなどを自動的にリサイズしてタイル状に並べてくれるjQuery「jMosaic」です。

料理や食品のフリーフォト「FOODSHOT」

2016/03/15   -WEBサイトチェック

FOODSHOT 料理の写真撮影は、シズル感を出すのが難しかったります。 そんな料理のハイクオリティのフリーフォトサイトが「FOODSHOT」です。 上記のようなハイクオリティで、高画質の画像が、Cr …

単色でのデザインの参考になる「Mobile UI Blueprint」

2016/03/14   -WEBデザイン

Mobile UI Blueprint 単色でデザインすると単調になりがちです。 そんな時に参考になる「Mobile UI Blueprint」の紹介です。

もう間に合わないとは言わない。新人に教えるスケジュールを守るコツ。

2016/03/13   -WEBデザイン

デザインやコーディング、プログラムができても、仕事ができないと評価される人がいます。

パターンがたくさんありテンプレート準備の参考になる「Summer UI Kit Free」

2016/03/12   -WEBデザイン

Summer UI Kit Free 明るい配色で海外のリゾートっぽい「Summer UI Kit Free」。 コーディングする前に、テンプレートであらゆるコンテンツに対応できるパターンをつくると思 …

何色知ってる?「THE COLOR THESAURUS」

2016/03/10   -その他

THE COLOR THESAURUS デザイナーなら、「もっとピンクで」「淡い青で」などの注文を受けて、変更したけど「ちょっと違う」などと答えられたことは一度はあるのではないでしょうか?

いろいろな動きのハンバーガーメニュー「Tasty CSS-animated hamburgers」

2016/03/09   -CSS

Tasty CSS-animated hamburgers 最近はスマホサイトだけでなく、PCサイトにも使われるようになったハンバーガーメニュー。 そんなハンバーガーメニューの動きのサンプルを紹介した …

ラインが美しい196種類のSVGアイコン

2016/03/02   -WEBデザイン, アイコン

210 Free line icons, PSD, PNG, SVG, Icon Font. きれいに作られた、ラインアイコン。色もいいですね。

シンプルでかわいい子供向けのサイト「LITTLE FLYERS」

2016/02/23   -WEBサイトチェック

LITTLE FLYERS 「LITTLE FLYERS」は、イラストやレイアウトなど、きれいに整理され、かつ世界観のわかるサイトです。 最近見た中では、一番好きなデザインです。

画像から配色をつくってくれる「ColorFavs」

2016/02/21   -WEBデザイン

ColorFavs 配色で悩むことはありませんか? 私の場合、撮影ができない場合には、 提供された写真にあわせて配色することがあります。 そんな場合に便利なのが、「ColorFavs」です。

柔軟なレイアウトをするために参考になった記事

2016/02/19   -WEBデザイン

Is your website layout doing more damage than you think? 「変わったレイアウトを」というオーダーをいただくことがあります。 変わったレイアウトが …

海外サイトで紹介された日本のグラフィックデザインが勉強になる

Graphic Design From Around the World: Japanese Design 海外のサイトを見ていると、英語だとカッコいいなーとか、羨望の眼差しでつい見てしまうのですが、 …

やさしい手書きの雰囲気の無料フォント「Arabella」

2016/02/17   -無料フォント

Arabella Free Font 「Arabella」は、女性らしいやさしい手書き風の書体です。

フリーの450個のアウトラインのアイコンセット

2016/02/16   -WEBデザイン

FREE DOWNLOAD: 450 OUTLINE ICONS 丸みを帯びたラインのアイコンの紹介です。 450種類もあり、よく使う家やドキュメントなどだけでなく、通販や天気など、いろんなジャンル …

提案書やサイトの完成イメージに利用できる iPhone 6 / AndroidのモックアップPSD

2016/02/15   -WEBデザイン

iPhone 6 / Android Mockup Web業界の人や、サイト作りになれているクライアントなら、サイトやアプリのできあがりや、利用シーンは想像しやすいです。 しかし、年配の担当者やクリエ …

PR




人気の記事

プロフィール

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