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

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

2016/8/21

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

仕事効率化

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

2016/8/17

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

本

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

2016/8/15

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

その他

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

2016/8/7

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

ライフハック

: Amazon Primeで注文した場合福岡市内へは配達はいつ届いたと思いますか？

2016/8/6

Amazon Unlimitedを試すに際して、Amazon Primeに入会し、Kindle Fireを購入しました。 Amazon Primeで福岡市内どのくらいの時間が必要か、Googleで調べ ...

ライフハック

: Amazon Unlimitedで読めるおトクなWeb/デザイン関連本

2016/8/4

Amazon Unlimitedのサービスが始まりました。 Web関連の本の価格の高さに悩んでいたところに、月額980円で読み放題なんて、夢のようです。 Amazon Unlimitedはじめるか迷っ ...

WEBデザイン

: 手書きでメモすることのメリット

2016/8/3

一枚のメモのは、どんな天才の記憶力にもかなわない昔、誰の言葉かわかりませんが、この言葉を聞いてからメモをするようになりました。（誰が言ったか、ネットで調べてもでてきませんでした(^^;)）

Webデザイナーの仕事術

: クライアントの思いを形にする

2016/8/2

今まで数百のWebサイトを制作してきましたが、いつも心がけていることがあります。それは「クライアントの思いを形にする」です。

Webデザイナーの仕事術

: できないと諦める前に知識をつける方法

2016/7/17

デザイナーやコーダーになって新人が最初にあたる壁が、「センスがない」「私には向いてないのではないか？」と思うことです。大半の人は、「好き」や「やってみたい」と思ってはじめます。しかし、大量の情報を ...

WEBデザイン仕事効率化

: コーディングの前にCSSの命名規則を紙に書いてみる

2016/7/16

CSSで一番迷うのが、ネーミングです。初心者はクラス名を、その場その場で考えがちで、後から破綻しがちです。頭の中でなんとなく決めていても、やはり破綻してしまいます。更新や改修をかけていくうちに破 ...

CSS

: 100種類以上のGoogleのアイコンがつかえる。Material icons

2016/7/16

アイコンを作成するのは大変ですよね。特に大量になると、時間も手間もかかります。そんな時に便利なのが、Googleの「Material icons」です。下のアイコンは、すべてWebフォントです。 ...

アイコンコーディング

: 量が質を生む

2016/6/21

20年ほど前、ある日本人の映画プロデューサーが、予算が10億あったら、ひとつの映画に10億使うのではなく、1作品1億の予算で10作品作ると言っていました。

新人向け

: コピペするだけのCSSアニメのジェネレーター「WAIT! Animate」

2016/5/12

WAIT! Animate アニメーションは、CSSの方がスピードも速くていいのですが、面倒なのがCSSの指定方法です。そんな場合に簡単に、CSSアニメーションを作れるのが、「WAIT! Anima ...

CSS

: いやされるかわいさの「Simple animating emotions.」

2016/5/9

See the Pen Simple animating emotions. by Misha Heesakkers (@MishaHahaha) on CodePen. Simple animati ...

CSS

: 気持ちいいローダーの参考になる「Spring Loaders」

2016/5/9

Spring Loaders ローディングは、後回しにして、ついついありきたりなものを作りがちになってしまいます。そんな時に、気持ちいいローダーの参考になるのが「Spring Loaders」です。

WEBデザイン

: 制作に疲れると首をあたためると気持ちいい

2016/4/28

気合いで制作できた若い頃と違い、ここ数年は体調管理に気をつけるようになってきました。おかけで、今年は風邪もひかずに皆勤しました。体調の中で、特に気にかけているのは睡眠。制作業に携わる人は、睡眠時 ...

その他

: これは便利！ソースとプレビューが見られる「Bootstrap 4 Cheat Sheet」

2016/4/23

Bootstrap 4 Cheat Sheet レスポンシブや効率的にコーディングする場合に便利なBootstrapのチートシートです。ソースコードとプレビューがでるので便利ですね。

CSS

: Sublime Textで一行ごとにタグで囲む方法

2016/4/3

長文テキストを流し込んだり、リストタグで囲む場面がよくあります。 Sublime Textで一行ごとにタグで囲む方法です。

コーディング

: グラフが描画できる「CHARTIST.JS 」

2016/3/28

CHARTIST.JS 普段、グラフの描画は、画像が多いかと思います。動的にグラフを生成する場合には、結構困ることがあります。「CHARTIST.JS」は、 SVGで描画するライブラリです。 EX ...

Javascript

: 無駄な悩みを減らして、仕事に手中する方法

2016/3/21

普段生活している上で、出勤前に「何を着て行こうか？」昼休みになると「何を食べようか？」など、些細な悩みは多いと思います。

仕事効率化

: わずか1分でできる翌日の仕事をスムーズに進めるための方法

2016/3/21

帰宅途中や寝る前に、「明日これをしなければ！」と思い出すことはありませんか？

仕事効率化

: 仕事をうまく回すには、気をきかせる

2016/3/21

デザインやコーディング、プログラムなどは、技術があり効率化すれば、仕事が早くなります。しかし、それだけでは、どうしても限界があります。

仕事効率化

: 写真をタイル状に並べてくれるjQuery「jMosaic」

2016/3/16

jMosaic 写真の高さなどを自動的にリサイズしてタイル状に並べてくれるjQuery「jMosaic」です。

jQuery

: 料理や食品のフリーフォト「FOODSHOT」

2016/3/15

FOODSHOT 料理の写真撮影は、シズル感を出すのが難しかったります。そんな料理のハイクオリティのフリーフォトサイトが「FOODSHOT」です。上記のようなハイクオリティで、高画質の画像が、Cr ...

WEBサイトチェック

: 単色でのデザインの参考になる「Mobile UI Blueprint」

2016/3/14

Mobile UI Blueprint 単色でデザインすると単調になりがちです。そんな時に参考になる「Mobile UI Blueprint」の紹介です。

WEBデザイン

: もう間に合わないとは言わない。新人に教えるスケジュールを守るコツ。

2016/3/13

デザインやコーディング、プログラムができても、仕事ができないと評価される人がいます。

WEBデザイン

: パターンがたくさんありテンプレート準備の参考になる「Summer UI Kit Free」

2016/3/12

Summer UI Kit Free 明るい配色で海外のリゾートっぽい「Summer UI Kit Free」。コーディングする前に、テンプレートであらゆるコンテンツに対応できるパターンをつくると思 ...

WEBデザイン

: 何色知ってる？「THE COLOR THESAURUS」

2016/3/10

THE COLOR THESAURUS デザイナーなら、「もっとピンクで」「淡い青で」などの注文を受けて、変更したけど「ちょっと違う」などと答えられたことは一度はあるのではないでしょうか？

その他

: いろいろな動きのハンバーガーメニュー「Tasty CSS-animated hamburgers」

2016/3/9

Tasty CSS-animated hamburgers 最近はスマホサイトだけでなく、PCサイトにも使われるようになったハンバーガーメニュー。そんなハンバーガーメニューの動きのサンプルを紹介した ...

CSS

: ラインが美しい196種類のSVGアイコン

2016/3/2

210 Free line icons, PSD, PNG, SVG, Icon Font. きれいに作られた、ラインアイコン。色もいいですね。

WEBデザインアイコン

« Prev 1 2 3 4 … 7 Next »

プロフィール

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

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

@iclippinさんをフォロー