KIYOTA

最近は、SASSを使えば、フォントサイズをpxからem/%に変換するのは簡単です。 しかし、以前作ったサイトを更新する際に、フォントサイズの一覧がない場合は、pxからem、%に計算するのが面倒です。 ...

Swiss in CSS: animating the International Typographic Styleで、Swiss Styleを動かしているアニメーションが紹介されていました。 Se ...

仕事を、がんばっているのに遅い人をみていると、結構考えすぎていることが多いようです。 例えば、バナーを作るとして、いろいろな可能性を考えて、いくつものパターンをやってみることも大事ですが、やっている間 ...

PNGを圧縮する際にtinyPNGを使っていましたが、サーバーにアップしてダウンロードするのが非常に面倒で、時間がかかります。 そんな時に便利なのが「Pngyu」です。 Pngyu Pngyuはダウン ...

配色は難しく、いつも悩みます。 ちょっとした色の変化で、大きくイメージもかわるため、計画的に進めていく必要があります。 計画的に配色するために便利なサイトが「paletton.com」です。 pale ...

HTML5やCSS3などが当たり前になり、IE8対応もそれ程要求されることが少なくなり、技術的なハードルは上がりましたが、制作的にはかなり楽になったと感じます。 ただ時々、テーブルレイアウトやモバイル ...

小学生の頃、ジャッキー・チェンの映画が毎週のように放送されていて、友達とカンフーごっこをして遊んでいました。 ジャッキー・チェンの映画の面白さは、リズミカルなアクションと笑いが一体となったところです。 ...

音楽は好きですが、ここ十年ほどはあまり新しい音楽を聴くことがありませんでした。 その理由として、洋楽が好きなのですが、洋楽の新譜は１年を経過しないとレンタルされなくなったためです。購入するほどではない ...

Web業界に10数年間いて、今まで100サイト以上は制作しています。 しかし、残念ながら10年前に作ったサイトで現在も残っているのは、ひとつくらいです。 多分、そのサイトも10年後にはなくなっているで ...

fladdictさんのブログで、 「罰ゲームつきで、毎日エントリーを書く宣言とかしてみる」 という、記事があった。 毎日ブログを書こうと思いつつ、日々過ぎていくので、自分も罰ゲーム付きで課してみよう。 ...

去年後半はデザイン作業が多く、平均して週に2〜3サイトほどデザインしていた。 デザイン作業は楽しいけど、ずっとデザインしていると、精神的に疲れる。 ずっと考えているので、脳が疲れるという感じ。 アウト ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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