FEVDES BLOG

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

PDFなど、CSSのみで拡張子によって自動でアイコンを表示する

  2017/03/20    CSS

WordやExcelなどをサイトにアップして、アイコンをつけることは多いと思いま …

イラレのアセットで余白をつける方法

  2017/03/12    イラストレーター

イラレの便利なアセット機能ですが、 オブジェクトをそのまま「アセットの書き出し」 …

HHKBのCtrlのみで英語・日本語に切り替える方法

  2017/02/19    コーディング

PFU Happy Hacking Keyboard Lite2 for Mac …

私が新人の頃やっていたWebデザインの要望・修正指示の対応方法

  2016/12/05    WEBデザイン

新人デザイナーのころ、出勤したら、デザインの修正記事が机に置いてあると、そのまま …

CSSのcalcで、width:100%からマイナスpx指定する

  2016/11/24    CSS

CSSでcalcがあるのを知ってましたが、使いどころがわからずに、放置していまし …

PhotoShop 新規レイヤー作成のショートカット

  2016/11/03    Photoshop, 初心者向け

新規レイヤーのショートカット 「command」 + 「shift」 + 「N」 …

no image

見てて楽しいParicleアニメーション

  2016/11/01    Javascript

Flashでのリッチコンテンツ隆盛だったころに、パーティクルは憧れでした。 Co …

WordPressに自動でBootstrapのレスポンシブのテーブルのクラスを適用する

  2016/10/13    CSS, Javascript, wordpress

WordPressにBootstrapのレスポンシブのtableクラスである、t …

jQuery

jQueryのaddClassで複数のclassを追加する方法

  2016/10/09    jQuery

下記のようにスペースで区切れば、複数指定できます。 [crayon-595232 …

iPhoneのミュージックで左右の音のバランスを調整する方法

  2016/10/02    iPhone

新しいイヤホンを買ったら、左右の音のバランスが悪く、iPhoneのミュージックで …

CSSのflexプロパティで右寄せ、左寄せ、中央寄せにする方法

  2016/09/30    CSS

CSSのflexプロパティを使うと、均等配置や順番の指定などができ便利ですが、 …

Magnific PopupでYouTubeに関連動画を表示させない方法

  2016/09/29    Javascript

Youtube の動画をLightboxのようなモーダルウィンドウで表示できるM …

3分で設定完了。コピペでできるgulpでCompassのコンパイル

  2016/09/23    CSS

gulpでCompassのコンパイルを、コピペで済ますようになって、最初の設定が …

MacBookAirで左クリックのみが反応しなくなった場合の対応

  2016/09/04    Mac

MacBookAirをメインマシンとして利用していますが、時々、画面が一切クリッ …

無料通行分に還元されるETCマイレージサービス

  2016/08/29    ライフハック

最近、高速道路に乗る機会が多くなりました。 何度も乗ると、高速道路の料金は痛い出 …

クレジットカードの後払いが苦手な人に便利なカード

  2016/08/23    節約・お金・貯金

私は、クレジットカードは、ネットでの買い物専用です。 未だに、実店舗で使ったこと …

Webデザイナーが一週間の仕事の効率を上げるためにやりたい月曜の仕事前の習慣

  2016/08/22    仕事効率化

月曜の朝仕事に行くと、データの整理をするようにしています。 これをやるかやらない …

ビジネス・実用書好きはコスパがいいAmazon Unlimited

  2016/08/17   

Amazon Unlimitedのサービスが始まり2週間ほど経過しました。 サー …

Macのモデル名にある「Early」、「Mid」、「Late」で発売時期を確認する

  2016/08/16    その他

Macの型番が知りたいと思った場合は、 画面左上の「」をクリック > 「このM …

「好まれる性格」「好まれない性格」トップ10がわかりますか?

  2016/08/07    ライフハック

人から好かれたいと思いませんか? 友人や同僚など多くの人から、好かれて、ストレス …

Amazon Primeで注文した場合福岡市内へは配達はいつ届いたと思いますか?

  2016/08/06    ライフハック

Amazon Unlimitedを試すに際して、Amazon Primeに入会し …

Amazon Unlimitedで読めるおトクなWeb/デザイン関連本

  2016/08/05    WEBデザイン

Amazon Unlimitedのサービスが始まりました。 Web関連の本の価格 …

手書きでメモすることのメリット

  2016/08/04    Webデザイナーの仕事術

一枚のメモのは、どんな天才の記憶力にもかなわない 昔、誰の言葉かわかりませんが、 …

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

  2016/08/03    Webデザイナーの仕事術

今まで数百のWebサイトを制作してきましたが、 いつも心がけていることがあります …

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

  2016/07/18    WEBデザイン, 仕事効率化

デザイナーやコーダーになって新人が最初にあたる壁が、「センスがない」「私には向い …

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

  2016/07/17    CSS

CSSで一番迷うのが、ネーミングです。 初心者はクラス名を、その場その場で考えが …

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

  2016/07/16    アイコン, コーディング

アイコンを作成するのは大変ですよね。特に大量になると、時間も手間もかかります。 …

量が質を生む

  2016/06/21    新人向け

20年ほど前、ある日本人の映画プロデューサーが、予算が10億あったら、 ひとつの …

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

  2016/05/12    CSS

WAIT! Animate アニメーションは、CSSの方がスピードも速くていいの …

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

  2016/05/10    CSS

See the Pen Simple animating emotions. b …