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

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

2023/5/5

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

Webデザイナーになるには？ Webデザイナーの仕事術 WEBデザイン

: 八幡西区「銀河のチャンポン」はチキンカツがのっていた

2023/10/9

仕事で八幡西区に行ったので、北九州のソウルフードと評判の「銀河のチャンポン」に立ち寄ってみました。お店は開店後の11時半に行ったのですが、すでにほぼ満席。名前を名簿に書いて待つこと数分。待っている ...

グルメ

: ゴリパラ見聞録で話題になった「ジョンマスターオーガニック　ボディミスト」を使ってみた

2023/10/9

『ゴリパラ見聞録』の加齢臭の下りで話題になった「ジョンマスターオーガニック　ボディミスト（シトラス&バジル）」。加齢臭が気になる年齢であること、ずっと使っていた香水が円安の影響を受け一万円を ...

仕事効率化生活

: ドラム式洗濯機は人生を楽にする

2023/10/9

ドラム式洗濯機を購入して1年が経過しましたが、購入により生活が快適になりました。天気を気にせず、快適に生活するために、ドラム式洗濯機が提供する様々なメリットをご紹介します。今までの選択の苦労は何だ ...

生活

: 【2024年度版】アビスパ福岡の観戦・応援のための費用はいくら？

2023/10/8

アビスパ福岡は、2023年9月にJ1残留を決めたため、来季2024年もJ1で戦うことが決まっています。そして、2023年10月2日より、2024年度のファンクラブと年間パスの発売が開始されました。 ...

サッカー

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

2022/8/17

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

Webデザイナーの仕事術節約・お金・貯金

: 今後のこのブログ

2022/6/12

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

日記

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

2022/2/8

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

Webデザイナーの仕事術節約・お金・貯金

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

2018/10/13

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

新人向け

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

2018/8/18

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

イラストレーター

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

2018/5/6

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

新人向け

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

2018/5/6

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

Webデザイナーの仕事術仕事効率化新人向け

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

2017/9/14

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

Photoshop

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

2017/9/2

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

CSS

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

2017/3/20

WordやExcelなどをサイトにアップして、アイコンをつけることは多いと思います。 <a href="word.pdf" class="iconWord">PDFファイル</a&g ...

CSS

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

2017/3/12

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

イラストレーター

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

2017/2/19

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

コーディング

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

2016/12/3

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

WEBデザイン

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

2016/11/24

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

CSS

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

2016/11/3

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

Photoshop 初心者向け

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

2016/11/1

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

Javascript

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

2016/10/12

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

CSS Javascript wordpress

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

2016/10/9

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

jQuery

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

2016/10/2

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

iPhone

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

2016/9/30

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

CSS

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

2016/9/28

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

Javascript

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

2017/10/15 gulp

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

CSS gulp

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

2016/9/4

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

Mac

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

2016/8/28

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

ライフハック

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

2016/8/23

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

節約・お金・貯金

1 2 3 … 7 Next »

プロフィール

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

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

@iclippinさんをフォロー