-
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法... kojika17.com
Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。 Webサイトのパフォーマンスはコン... 続きを読む
-
CSSや画像の命名規則について : Web Design KOJIKA17 kojika17.com
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として... 続きを読む
-
Arialについて #LOVEFONT : Web Design KOJIKA17 kojika17.com
Arial 自分の好きなフォントを記事にする、#LOVEFONT という企画に、 webcre8のゆうさんに声をかけて頂いたので、Arialについて記事を書かせて頂きます。 Arialの呼び方 エーリアル、アリアル、アライアル、エアリアル、エリアル、エイリアル、アリエールなど呼び方は様々です。... 続きを読む
-
HTML5の新要素「data要素」に繋がる Microdataのプロパティについて ... kojika17.com
time要素の廃止、そしてdata要素の登場により、Microdataを扱う機会が増えてくると予想されます。 またHTML5 の Microdata が主にGoogleなどで取り入れられているケースが出てきているので、 Microdataで利用できるプロパティを紹介致します。 Microdat... 続きを読む
-
ロゴマークの暗黙知について - Webサイトの上部にリンクは必要か? -... kojika17.com
アクセス解析を見て思ったこと 訪問別ページビュー デザインに関係なく、ページビューは順調に伸びています。 サイトのページボリュームが増えているので、相対的に訪問者のPVも増えているようです。 直帰率 デザインに関係なく、75%から80%前後に留まっています。 平均サイト滞在時間と上位のコンテン... 続きを読む
-
Meta Descriptionで正しく遊ぶ方法について調査してみた。 : Web Des... kojika17.com
SEO Japanさんの記事を見ていた時に、Meta Descriptionをアスキーアートで表示しているサイトがあり、 ちょっと気になったので、GoogleのMeta Descriptionの出方について調べてみました。 Meta Descriptionの調査 複数のテストページを作成し、G... 続きを読む
-
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法... kojika17.com
Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。 Webサイトのパフォーマンスはコン... 続きを読む
-
WordPressのレイアウトをマウスだけで変更できてしまう「PressWork」... kojika17.com
WordPressのテーマを変更する場合、ロゴマーク1つでもHTMLなどを触る必要があります。 しかし、PressWorkはブラウザ上でHTML,PHPを触らずにロゴマークの変更から、WordPressのレイアウトを変更できてしまいます。 非常によくできたテーマだったので、簡単にご紹介します。... 続きを読む
-
デザインの基礎、黄金比から大和比、第2黄金比まで : Web Design KOJ... kojika17.com
よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比... 続きを読む
-
その画像形式でいいですか? : Web Design KOJIKA17 kojika17.com
デザインされたものをコーディングする上で、画像はサイトのパフォーマンスにも影響する重要な要素の1つです。 画像形式には、jpg, gif, pngなど種類があり、それぞれの特性を理解した上で選定できているでしょうか? 画像形式についてまとめてみます。 画像の種類 JPEG インターネットでよく... 続きを読む
-
コーディングとSEOの概念が変わるかもしれない、Microdataについての... kojika17.com
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWeb... 続きを読む
-
dl 日付リストデモ kojika17.com
デモ1 2011.00.00 以下の文章はサンプルです。内容は適切に書き変われます。 2011.00.00 以下の文章はサンプルです。内容は適切に書き変われます。 いろはにほへと ちりぬるを わかよたれそ つねならむ うゐのおくやま けふこえて あさきゆめみし ゑひもせす 2011.00.00... 続きを読む
-
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基... kojika17.com
Twitterなどを見てると、 「IE6がー!」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HT... 続きを読む
-
Webデザイナーが知っておく、DTPの基礎知識 : Web Design KOJIKA17 kojika17.com
Webデザイナーであっても、名刺やDMなど作る場合もあると思うので、入稿することを前提として、印刷に関する基礎をまとめてみました。 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シ... 続きを読む
-
idとclassを使わないで、HTML5とCSS3でコーディングしてみた。 : Web... kojika17.com
Webサイトをコーディングする時に、idとclassを考えるのが面倒臭くなったので、idとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単につまらないので、idとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。... 続きを読む
-
Tomoki Kubo Portfolio kojika17.com
Webな人のブログです。web designer tomoki kubo Web Design Graphic Design Contact illustrator Photoshop HTML CSS MovableType WordPress Web Design Web Desing K... 続きを読む
-
float解除の決定版。clearfixを考えたら、進化した。 : Web Design K... kojika17.com
現在floatを解除する方法として、"clearfix"がよく使用されていると思います。 しかしclearfixが初めて公開されたのが、2004年5月8日。 それ以来、7年間ほとんど形を変えずにclearfixが使用されてきました。 ブラウザもCSS3を多く対応してきている中で、「それで良いの... 続きを読む
-
float解除の決定版。clearfixを考えたら、進化した。 : Web Design K... kojika17.com
現在floatを解除する方法として、"clearfix"がよく使用されていると思います。 しかしclearfixが初めて公開されたのが、2004年5月8日。 それ以来、7年間ほとんど形を変えずにclearfixが使用されてきました。 ブラウザもCSS3を多く対応してきている中で、「それで良いの... 続きを読む
-
ベジェ曲線が慣れてきた人の為のillustratorの使い方 : Web Design K... kojika17.com
ベジェ曲線が慣れてきたけど、「アンカーが多い」「時間がかかる」。 春なので、そんな人の為の記事を書いてみました。 ベジェ曲線の基本 ベジェ曲線の基本は、@WebDesignRecipeさんが分かりやすい記事を書いて下さっています。 おさらいで読んでおいた方がいいかもしれません。 Illustr... 続きを読む
-
CSS3を使った新しい画像置換の方法 : Web Design KOJIKA17 kojika17.com
ソースコードはテキストで、見た目は画像に変える画像置換について、CSSでよく使われる方法はtext-indent:-999pxが有名だと思いますが、新しく考えたのでメモ。 現状の画像置換について 2009年の時点でGoogleはこの方法を推奨していません。 最近であれば、@font-faceの... 続きを読む
はてなで話題の商品
SFが読みたい! 2012年版 | |
GRAVITY DAZE 重力的眩暈:上...
|
|
フィルム(初回限定盤)(DVD付)
|
|
ロウきゅーぶ! 10 (電撃文庫 あ) | |
さんかれあ(5) (週刊少年マガ...
|
|
めしばな刑事 タチバナ(4) (...
|
|
めがねのキミと博物館(1) (ま...
|
|
エスケヱプ・スピヰド (電撃... | |
BUTTERFLY(初回生産限定盤)(D...
|
|
Happy Girl
|