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

: 宮崎駿のラピュタの企画意図から、クリエーターが学べることが多い

2015/10/10

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

その他

: Photoshopでレイヤーのグループ（フォルダ）を全て閉じる

2015/10/9

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

Photoshop 初心者向け

: PhotoShopでよく使うフォントを素早く変更する方法

2015/10/8

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

Photoshop WEBデザイン

: CSSで大文字/小文字を変換するtext-transformプロパティ

2015/10/7

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

コーディング

: Adobe Acrobatで、PDFを編集（変更）できなくする方法

2015/10/5

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

PDF

: クリエーターとしてのモチベーションがあがる「建築家フランク・ゲーリー」のドキュメンタリー映画

2015/10/5

21_21 DESIGN SIGHTでは、2015年10月16日より「建築家フランク・ゲーリー展 "I Have an Idea"」が開催されます。フランク・ゲーリーといえば、有名な「ビルバオ・グ ...

その他

: 未経験のWebデザイナーが面接の時に準備しておきたいもの

2015/10/5

今まで何人もWebデザイナー志望の方のを面接してきましたが、準備不足の方が多いと感じました。未経験のWebデザイナーが面接の時に準備しておきたいものをピックアップしました。

Webデザイナーになるには？

: 華やかな映画の背後の米VFX業界の闇

2015/10/4

2014.03.03のGIZMODOに「米VFX業界の闇。『ライフ・オブ・パイ』製作チームがアカデミー賞前夜の倒産ドキュメンタリー公開、会場前でデモ（動画あり）」という記事があります。 2013年『 ...

その他

: 思ったより時間がかかった...初心者がコーディングで時間をロスしない方法

2015/10/4

簡単に見えて以外と奥が深いのがHTML/CSSのコーディング。今まで5,000ページ以上はコーディングをしてきましたが、未だに些細なことで予想外に時間をとられることはよくあります。コーディング初心 ...

コーディング

: Webデザイナーとして、ガンダムをデザインした大河原邦夫氏の仕事術から学べること

2015/10/3

写真：東洋経済ONLINEより 2015年10月03日の東洋経済ONLINEにガンダムのメカデザイナー大河原邦夫氏のインタビューが掲載されています。「ガンダムをデザインした男」は何が違うのかメカデ ...

Webデザイナーの仕事術

: 「.com」って何の略？今さら聞けない、Web制作でよく使うの略語の名称。

2015/10/1

制作をするときに、ごく普通に使っている、略語の名称を知らないことはよくあります。何の略か知っておくと、意味がわかって面白いです。 HTML HyperText Markup Language（ハイパ ...

Webデザイナーになるには？

: 私のWebデザインする場合の制作環境

2015/10/1

私の自宅での制作環境を紹介します。私は、Webデザインのみで、印刷物のデザインはしません。今のところ、この制作環境で問題は感じていません。自宅で勉強する場合にどのくらいのスペックマシンを購入すれば ...

WEBデザイン

: iPhoneのoverflowをスムーズにスクロールさせるCSS

2015/8/30

iPhoneでoverflow: scroll;の時に、 -webkit-overflow-scrolling: touch; を追加すれば、滑らかに慣性スクロールできます。 overflow: sc ...

CSS

: 【初心者必読】文字のセンスが素早く習得できる本

2015/8/16

以前、文字の詰めが甘い、文字組がおかしいなどよく指摘されました。今でも、書体の選び方、文字の組み方など、文字については学ぶことが多く、一生勉強だと感じます。 Webデザインを勉強中の方向けに、脱初心 ...

タイポグラフィ

: イラレで台形を作る方法

2015/7/25

台形を作るときに、毎回迷うので記憶するためにメモ。

イラストレーター

: ワンランク上のコーディングを行うための6冊のオススメ本

2015/7/13

HTML/CSSは、初心者でも簡単に使えますが、運用するとなると綿密な設計が必要です。最近、自分の知識をアップデートするためにいろいろ調べたのですが、知識不足を実感し、あらためてHTML/CSSは奥 ...

コーディング

: 厳選10サイト！商用利用できる国内無料（フリー）写真素材集

2015/6/24

写真撮影や写真購入予算がない場合はよくあります。そんな時に、写真素材集を利用するのもひとつの手段です。普段からどんな写真があるのかチェックしておくと、探す時に便利です。写真素材足成【フリーフォ ...

WEBデザイン

: 非常にわかりやすいタイポグラフィのスライド

2015/10/5

タイポグラフィって、本を読んでも難しかったりするし、一生勉強し続けなければならない分野です。そんな中、米倉明男さんのスライドが非常にわかりやすかったのでご紹介。 Webデザイナーのためのタイポグラフ ...

WEBデザインタイポグラフィ

: Photoshopのウィンドウがドラッグできなくなった場合の対処法

2015/5/24

Photoshopを使っていたら、何かの拍子に作業スペースが拡大されて、タブも選択できず、ウィンドウがドラッグできなくなることがありました。これが何かの拍子にこうなってしまう。対処法「F」を押 ...

FireworksユーザーのPhotoshopへの乗り換えメモ Photoshop 初心者向け

: Photoshop初心者の自分が効率化のために設定したショートカット3つ

2015/5/10

この10年くらい、Webデザインをする場合は、Fireworksだったのですが、開発が終了することもあり、メインソフトをPhotoshopに変更しました。慣れるまで時間がかかりましたが、20点ほどデ ...

Photoshop

: Webの仕事の早くなるための３つの方法

2015/5/4

当たり前のことを行わないために、仕事が遅くなっているのをよくると、もったいないなと思います。以前新人の頃、仕事が遅いと、それだけで、信用を落としました。ちょっとしたことでも、仕事が早いだけで、信用 ...

仕事効率化

: 【新人向け】簡単にできた！Webサイトでよくみる技術のまとめ

2015/4/7

4月から新たにデザイナーになる人も多いのではないかと思います。クライアントやディレクターから、「あのサイトのような動きにしたい」と依頼されることも多いかと思います。そんな時に便利なものを、初心者で ...

Javascript jQuery WEBデザインコーディング

: テンパった場合に、焦りを解消するために必ずやること

2015/2/23

仕事をしていて次のようなことで焦ったことはありませんか？期限が迫って焦る作業が多くテンパってしまって、何からやっていいのかわからない焦るばかりで、頭が働かない状態になると抜け出すのは難しいです。 ...

ライフハック

: Photoshopのレイヤーの最前面/最背面のショートカット

2015/1/2

最前面は「 Shift + Command + ] 」最背面は「 Shift + Command + [ 」最前面レイヤーを選択し、「 Shift + Command + ] 」。選択したレイ ...

FireworksユーザーのPhotoshopへの乗り換えメモ Photoshop

: Photoshopのレイヤーのコピーのショートカット

2015/1/2

コピーしたいレイヤーを選択後、「command（ctrl）」+「J」。コピーしたいレイヤーを選択し、「command（ctrl）」+「J」でレイヤーのコピーが作成されます。

FireworksユーザーのPhotoshopへの乗り換えメモ Photoshop

: ボックスと余白の計算が楽になる「Gridulator」

2014/12/8

デザインをやっていて、写真を並べたいときボックスと余白の計算が面倒だったりしませんか？そんな時に便利なサイトが「Gridulator」です。 Gridulator: Make pixel grids ...

WEBデザイン

: 絵に対する業の深さがデザイナーも読むと刺激を受ける／安部龍太郎著「等伯」

2014/10/20

「等伯〈上・下〉」は松林図屏風で有名な絵師「長谷川等伯」を主人公にした小説で直木賞受賞作です。「松林図屏風」の、しっとりとした落ち着いた画風から穏やかな人物かと思ったら、「等伯」に描かれているのは ...

本

: 【CSS/JS】もっと目立たせて欲しいと言われた場合のTipsまとめ

2014/10/5

キャンペーンサイトなど、動きをつけて、もっと目立たせて欲しいなどの要望を受けることは多いのではないでしょうか。言われて探すのは結構手間がかかったりします。見栄えする動きを中心にまとめました。 Phot ...

CSS Javascript

: jQueryでスクロールするとヘッダーを固定させる

2014/10/2

最近よくあるページがスクロールを始めるとヘッダーの位置が固定するjQueryのスクリプトです。よく使うのでメモがわりに掲載します。基本は簡単なので覚えておけばいろいろ応用できるかと思います。デモ ...

jQuery

: jQueryで追加したstyle属性を全て削除する方法

2014/9/30

jQueryでアニメーションなどを行うとインライン要素でstyle属性が追加されますが全て削除したい場合は、 $('#area *') *で#area内の全ての要素を取得できるので、 $('#area ...

jQuery

« Prev 1 … 3 4 5 6 7 Next »

プロフィール

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

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

@iclippinさんをフォロー