KIYOTA

自分の人生に誰も責任をとってくれない

2024/2/23  

父との対話はあまり多くなく、何かについて相談することもなかった。 どちらかと言えば親子関係はドライであり、お互いの性格や相性から言えば、丁度良い距離感を保っていると言えるかもしれない。 父はそういった ...

HomePod miniが音楽試聴用のスピーカー利用としては期待外れだった

2024/2/11  

Mac miniを購入し、スピーカーとしてHomePod miniを追加しました。最初はiPhoneをかざすだけで接続でき、価格の割にはサウンドもよく、十分満足していました。しかし、約一ヶ月使用してみ ...

先輩ディレクターから教わった変化を受け入れやすくする訓練方法

2024/1/8  

人は言い訳を考えている時が一番クリエイティブと言われています。 新しいツールや仕組みを会社で導入すると、やりたくないために、色々な言い訳をすることが多々あります。 便利になることは理解していても、人は ...

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

2023/10/9  

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

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

2023/10/9  

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

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

2023/10/9  

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

no image

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

2023/10/8  

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

Webデザイン

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

2023/5/5  

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

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

2022/8/17  

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

no image

今後のこのブログ

2022/6/12  

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

no image

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

2022/2/8  

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

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

2018/10/13  

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

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

2018/8/18  

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

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

2018/5/6  

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

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

2018/5/6  

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

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

2017/9/14  

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

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  

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

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

2016/11/24  

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

CSS

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

2016/11/3  

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

no image

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

2016/11/1  

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

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

2016/10/12  

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

jQuery

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

2016/10/9  

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

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

2016/10/2  

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

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

2016/9/30  

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

CSS

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

2016/9/28  

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

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

2017/10/15    

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