FEVDES BLOG

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

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

2015/12/31   -WEBデザイン

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

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

2015/12/29   -

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

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

2015/12/29   -ライフハック, 自転車

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

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

2015/12/07   -Photoshop, 初心者向け

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

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

2015/10/27   -その他

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

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

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

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

2015/10/23   -その他, 仕事効率化

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

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

2015/10/22   -Photoshop

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

2015/10/21   -CSS

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

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

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

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

2015/10/14   -コーディング

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

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

2015/10/13   -コーディング

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

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

2015/10/12   -Photoshop, 手書き風

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

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

2015/10/11   -WEBデザイン

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

宮崎駿のラピュタの企画意図から、クリエーターが学べることが多い

2015/10/10   -その他

宮崎駿監督と言えば、「風の谷のナウシカ」や「となりのトトロ」など、 説明不要の国民的人気の監督です。 その宮崎監督の「出発点―1979~1996」という本には、 普段目にすることない、企画書・演出覚書 …

Photoshopでレイヤーのグループ(フォルダ)を全て閉じる

2015/10/09   -Photoshop, 初心者向け

Photoshopでグループ(フォルダ)を作成し、 レイヤーがたくさん増えると、画面からはみ出して移動が大変です。 そんな時は、 command(⌘)を押しながら、グループ(フォルダ)を閉じると、全て …

PhotoShopでよく使うフォントを素早く変更する方法

2015/10/08   -Photoshop, WEBデザイン

PhotoShopでフォントを変更するのは面倒です。 特に欧文だと、最初からインストールされているフォントが多くて選択するだけで時間がかかってしまいます。 私の場合は、フォントをアクションに登録してお …

CSSで大文字/小文字を変換するtext-transformプロパティ

2015/10/07   -コーディング

コーディングの案件で、グローバルメニューをデザイン通り、 英語の小文字で作成していたのですが、 最後に大文字にしてほしいという要望がきました。 すでに数十ページ作成したこともあり、 CSSのtext- …

Adobe Acrobatで、PDFを編集(変更)できなくする方法

2015/10/06   -PDF

Web用に文書をPDFに変更してアップすることは多いかと思います。 その際にPDFにセキュリティで内容を保護しておくとよいです。 例えば、イラレから変換したPDFをイラレで開くと編集できます。 クライ …

クリエーターとしてのモチベーションがあがる「建築家 フランク・ゲーリー」のドキュメンタリー映画

2015/10/06   -その他

21_21 DESIGN SIGHTでは、2015年10月16日より「建築家 フランク・ゲーリー展 “I Have an Idea”」が開催されます。 フランク・ゲーリーといえ …

未経験のWebデザイナーが面接の時に準備しておきたいもの

今まで何人もWebデザイナー志望の方のを面接してきましたが、 準備不足の方が多いと感じました。 未経験のWebデザイナーが面接の時に準備しておきたいものをピックアップしました。

華やかな映画の背後の米VFX業界の闇

2015/10/05   -その他

2014.03.03のGIZMODOに「米VFX業界の闇。『ライフ・オブ・パイ』製作チームがアカデミー賞前夜の倒産ドキュメンタリー公開、会場前でデモ(動画あり) 」という記事があります。 2013年『 …

思ったより時間がかかった…初心者がコーディングで時間をロスしない方法

2015/10/04   -コーディング

簡単に見えて以外と奥が深いのがHTML/CSSのコーディング。 今まで5,000ページ以上はコーディングをしてきましたが、未だに些細なことで予想外に時間をとられることはよくあります。 コーディング初心 …

Webデザイナーとして、ガンダムをデザインした大河原邦夫氏の仕事術から学べること

写真:東洋経済ONLINEより 2015年10月03日の東洋経済ONLINEにガンダムのメカデザイナー大河原邦夫氏のインタビューが掲載されています。 「ガンダムをデザインした男」は何が違うのか メカデ …

「.com」って何の略?今さら聞けない、Web制作でよく使うの略語の名称。

制作をするときに、ごく普通に使っている、略語の名称を知らないことはよくあります。 何の略か知っておくと、意味がわかって面白いです。 HTML HyperText Markup Language(ハイパ …

私のWebデザインする場合の制作環境

2015/10/01   -WEBデザイン

私の自宅での制作環境を紹介します。 私は、Webデザインのみで、印刷物のデザインはしません。今のところ、この制作環境で問題は感じていません。 自宅で勉強する場合にどのくらいのスペックマシンを購入すれば …

iPhoneのoverflowをスムーズにスクロールさせるCSS

2015/08/30   -CSS

iPhoneでoverflow: scroll;の時に、 -webkit-overflow-scrolling: touch; を追加すれば、滑らかに慣性スクロールできます。 [crayon-5bc4 …

【初心者必読】文字のセンスが素早く習得できる本

2015/08/16   -タイポグラフィ

以前、文字の詰めが甘い、文字組がおかしいなどよく指摘されました。 今でも、書体の選び方、文字の組み方など、文字については学ぶことが多く、一生勉強だと感じます。 Webデザインを勉強中の方向けに、脱初心 …

イラレで台形を作る方法

2015/07/25   -イラストレーター

台形を作るときに、毎回迷うので記憶するためにメモ。

ワンランク上のコーディングを行うための6冊のオススメ本

2015/07/05   -コーディング

HTML/CSSは、初心者でも簡単に使えますが、運用するとなると綿密な設計が必要です。 最近、自分の知識をアップデートするためにいろいろ調べたのですが、知識不足を実感し、あらためてHTML/CSSは奥 …

人気の記事

プロフィール

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