FEVDES BLOG

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

「 投稿者アーカイブ:KIYOTA 」 一覧

Webデザイン

Webデザインが短期間で上達した2つの方法

この記事は2013年に公開した「WEBデザインが短期間で上達した方法」の改訂版です。 デザイナーを交代してほしいと言われる 私はWebデザイナーとして20年以上の経験があります。まだまだ足りない部分が …

Webデザイナーが残業代をもらっていたら、いくらになったのか?

前職まで、数社Web制作会社で働いてきましたが、裁量労働制のところばかりでした。 これを読んでいるWebデザイナーの方も、裁量労働制で契約している人が多いのではないでしょうか。 みなし残業代を時給に換 …

no image

今後のこのブログ

2022/06/12   -日記

更新が滞っていますが、Webデザインについて、あまり書くことがなくなってきた点が大きいです。たとえ書こうとしても説教くさくなり、老害感が半端なく、自分でもうんざりしてしまう。 Webデザインについては …

no image

転職して、時間と多少お金に余裕がある生活になった話

このブログも数年間放置状態だったが、放置していたひとつ理由として、ブログを収入源とする必要がなくなったことがある。 収入源とする必要がなくなった理由は転職したためだ。 紆余曲折のデザイナー人生 それま …

Webデザイナーで、転職がうまくいかない場合のひとつの方法として

2018/10/11   -新人向け

運よく憧れのWebデザイナーになれても、残業続きで条件面も悪く、すぐに退職。転職しても前職と同じような条件で、すぐに退職というループに嵌っていると言う話をよく聞きます。 仕事が大変でも、自分のスキルア …

イラレでテキストを選択しても反転しない場合の対処法

2018/08/18   -イラストレーター

イラレを使っていると、何かの拍子で、テキストを選択しても反転やバウンディングボックスが表示されないことがあります。 そんな時は、 Command + H  で戻ります。

Webデザイナー/コーダーが面接の時までにやっておいた方がいい技術

2018/05/06   -新人向け

最近のWeb業界は人手不足で経験者を積極採用しているケースが多いです。 そのような状況で、Webデザイナーの未経験者や経験年数が少ない人は、教育コストがかかるということで、苦戦することが多いようです。 …

Web制作の文字修正の対応時間を減らす工夫

デザインやコーディングしたものに、クライアントから修正依頼があり、その対応でスケジュールが遅れることが多いようです。 修正依頼は、実際に手元にくるまで、作業量が不明な点が多いです。 簡単な修正でも、時 …

Photoshopで、複数のシェイプを中央揃えにする方法

2017/09/14   -Photoshop

複数のシェイプをグループ化すると中央余せにできます。 文字と矢印の黄色のボタンをグループ化します。 この「BUTTON」グループと青のレイヤーを選択し、 「水平方向中央揃え」をクリックすると、グループ …

CSSで文字数が可変なインデント(字下げ)をする方法

2017/09/02   -CSS

CSSでインデント(字下げ)をする場合、よく使われるのは、padding-leftとtext-indentを組み合わせたものです。 ただ、文字数が可変する場合、文字ごとにクラスを追加する必要があります …

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

2017/03/20   -CSS

WordやExcelなどをサイトにアップして、アイコンをつけることは多いと思います。 <a href=”word.pdf” class=”iconWord&# …

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

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

イラレの便利なアセット機能ですが、 オブジェクトをそのまま「アセットの書き出し」に、 ドラッグした場合にオブジェクトに余白がありません。

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

2017/02/19   -コーディング

PFU Happy Hacking Keyboard Lite2 for Macの英語配列を購入しました。 それまで、Apple純正キーボードの日本語配列を利用していました。 英語配列に変更してから、 …

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

2016/12/05   -WEBデザイン

新人デザイナーのころ、出勤したら、デザインの修正記事が机に置いてあると、そのまま帰りたくなっていました。 新人デザイナーにとって、デザインの修正指示は、寿命が縮む思いです。 新人デザイナー向けに、私が …

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

2016/11/24   -CSS

CSSでcalcがあるのを知ってましたが、使いどころがわからずに、放置していました。 例えば、こちらのサンプルのように、レスポンシブなどで、画像の幅は固定し、テキスト部分は伸縮する時に使えますね。 c …

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

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

新規レイヤーのショートカット 「command」 + 「shift」 + 「N」 ダイアログなし新規レイヤーのショートカット ダイアログがでると面倒ですよね、その場合は以下のとおり。 「command …

no image

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

2016/11/01   -Javascript

Flashでのリッチコンテンツ隆盛だったころに、パーティクルは憧れでした。 CodePenにあったParicleアニメーション。 やっぱり眺めているだけでも楽しいです。

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

2016/10/13   -CSS, Javascript, wordpress

WordPressにBootstrapのレスポンシブのtableクラスである、table-responsiveを適用する方法です。 jQueryを使うことで、ソースを扱わずに済みます。 $(funct …

jQuery

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

2016/10/09   -jQuery

下記のようにスペースで区切れば、複数指定できます。 $(‘div).addClass(‘btn btn-default btn-lg’); 簡単ですが、使う機会もなかったので知りませんでした。。。

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

2016/10/02   -iPhone

新しいイヤホンを買ったら、左右の音のバランスが悪く、iPhoneのミュージックで音楽を聴くと、 左側からボーカルが聴こえてくる状態でした。 iPhoneのミュージックで左右の音のバランスが悪い場合に調 …

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

2016/09/30   -CSS

CSSのflexプロパティを使うと、均等配置や順番の指定などができ便利ですが、 floatのように、右寄せ、左寄せにしたい場合もあります。

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

2016/09/29   -Javascript

Youtube の動画をLightboxのようなモーダルウィンドウで表示できるMagnific Popup。 レスポンシブ・デザインに対応しているので便利です。 Magnific Popup Magn …

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

2016/09/23   -CSS, gulp
 

gulpでCompassのコンパイルを、コピペで済ますようになって、最初の設定が3分で済むようになりましたので、いつもやっている手順を紹介します。 2017/10/16 browser-sync追記 …

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

2016/09/04   -Mac

MacBookAirをメインマシンとして利用していますが、時々、画面が一切クリックできなくなる症状が発生していました。 今まで電源ボタンを押して強制終了し、再起動したら治っていたのですが、今回は、何度 …

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

2016/08/29   -ライフハック

最近、高速道路に乗る機会が多くなりました。 何度も乗ると、高速道路の料金は痛い出費です。 少しでも、安くなるようにしていますが、ETCにもポイントサービスがあることをしりました。

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

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

私は、クレジットカードは、ネットでの買い物専用です。 未だに、実店舗で使ったことはありません。 クレジットカードを使う人はわかるでしょうが、一番の弱点は支払いが後と言うことです。

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

2016/08/22   -仕事効率化

月曜の朝仕事に行くと、データの整理をするようにしています。 これをやるかやらないかで、一週間の仕事の効率が大きくかわります。

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

2016/08/17   -

Amazon Unlimitedのサービスが始まり2週間ほど経過しました。 サービスインから使い始めての感想は、980円で読み放題なら、ビジネス・実用書好きには、「コスパがいい!」ということです。

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

2016/08/16   -その他

Macの型番が知りたいと思った場合は、 画面左上の「」をクリック > 「このMacについて」 > 「概要」で、 名前とオペレーティングシステムのバージョン、モデル名、シリアル番号などが表示されます。 …

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

2016/08/07   -ライフハック

人から好かれたいと思いませんか? 友人や同僚など多くの人から、好かれて、ストレスなく良好な人間関係を構築すると人生が楽しくなります。 では、どのような性格が好かれるかわかりますか? ゆうきゆう著「「な …

プロフィール

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