＜META＞タグ （記述文）
ページの要約を書く <META>タグはブラウザの表示には直接関係のないHTMLのヘッダー部に記入します。<META>タグには記述内容によって何種類か用意されていますが、検索エンジン対策として必要なのは、キーワード（keyword）と記述文（description）です。 どちらもページ内に含まれる単語と要約文を端的に書くことが求められます。 キーワード (keywords) キーワードは、ページ内に書かれた文章の中で、特に頻出している単語をピックアップし、キーワードとしてメタタグで記述します。 以下のように選んだキーワードを頻出順に書くのが理想的です。各キーワードの間はカンマ「，（半角）」で区切ります。 記入するキーワードの数は1〜8個程度が理想的です。 あまりにキーワードが多いと、キーワードの重要度が下がるだけでなく、検索エンジンスパムと見なされることがあります。 また、ページに関係ない
Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ
Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ 2013.02.05 | 収益化 | 文章術 | 考える。 収益化担当なのに、最近、収益化に関する記事書いてないけどネタ切れなんじゃないのという視線を各所からひしひしと感じているゴールドです。ネタが無いわけではなくて、本腰を入れて書くととんでもなく長くなりそうなので今まではなるべく避けてたんですが、仕事が一段落付いたので一度まじめに書いてみようかなぁと。 あぁ、そうそう、タイトルは半分釣り要素が入っているので過度の期待をされても泣いちゃうので、はじめに謝っておきます。うわ、やめろ、空き缶投げんな(´д⊂)‥ﾊｩ –追記– 期待してこの記事を読んでくれている（検索エンジンから訪れてくれている）方向けに、2018年11月現在、最新のGoogle AdSenseで収益を上げるための情報を網羅し
フリー＆プレミアムなTwitterBootstrapテーマ50:phpspot開発日誌
50 Awesome Twitter Bootstrap Templates フリー＆プレミアムなTwitterBootstrapテーマ50 Bootstrapベースとはいえ、Bootstrap臭があまりしないテンプレートが多数まとまっています。 通常サイトや管理画面等のテンプレートがまとまっていて、活用してサクっと仕事を終えられる事もあるかも Bootstrapの便利さを享受しつつ、うまくサイトデザインする際の参考にもできそうです 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」
CSS3アニメーションを使ったかっこいいページを簡単につくりたい！そんな人に -CSS3 Animation Cheat Sheet
Appleのプロダクトページのように、スクロールをトリガーにCSS3アニメーションが展開するようなページを簡単に実装できるCSS3 Animation Cheat Sheetを紹介します。 「Cheat Sheet」という名称が紛らわしいですが、各種CSS3アニメーションをセットにしたスタイルシートで、ページに外部スタイルシートを加え、classをちょこちょこつけるだけで、簡単にCSS3アニメーションをページに実装できます。 CSS3 Animation Cheat Sheet CSS3 Animation Cheat Sheetのデモ CSS3 Animation Cheat Sheetの使い方 CSS3 Animation Cheat Sheetのデモ デモは2種類あります。 CSS3のキーフレームアニメーションを使用しているため、モダンブラウザでご覧ください、IEは10で。 まずは、
日本の全エンジニアに捧ぐ！現在公開されているAPI一覧【2013年版】 | Find Job ! Startup
2013年のいま、API界隈が熱い！ 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します！ HOT! API 総務省 次世代統計利用システム（国勢調査、人口推計、就業構造、企業統計、物価統計 etc.） NHK番組表（※未公開） 行政・自治体・公共サービス 郵便番号 郵便番号検索API（郵便番号 → 住所） 郵便専門ネット（郵便番号 → 住所、郵便番号の簡易存在チェック） ぽすたん（郵便番号 → 住所、住所 → 郵便番号） IW3 PROJECT（郵便番号 → 住所、住所 → 郵便番号） 宇宙 Google+ JAXA PR（※現在一部の学生に限定公開
最初に設定しないと絶対損する！Google Analytics 9個の必須設定＆解説 | Find Job ! Startup
アクセス解析は最初の解析設定が命。「やっておけばよかった！」と後悔しても、設定し忘れた集計数値はもう2度と手に入りません。 Webサイトの財産とも言える解析データをしっかり取得してビジネスの成長につなげるためにも、必ず設定しておきたいGoogleアナリティクスの必須設定項目をまとめました。 もし抜けがあるようでしたら、この機会に設定してみて下さい。 ※現時点で、アナリティクスの設定は標準・ユニバーサルの2種類があります。ユニバーサルは、まだ不完全なので今回は「標準」での設定をベースにご紹介します。 【設定1】プロパティ＆プロファイル まずはサイトの運用方針などに合わせて、的確にプロパティとプロファイルを設定します。 基本的には「サイトごとにプロパティ」設定がおすすめ いくつものサイトを『それぞれ別のドメインで展開』する場合や、サブドメインでそれぞれのサイトを管理する場合、基本的に
デザインのことがわからない自分が、はてなブログのデザインをカスタマイズするのを頑張ってみた - Line 1: Error: Invalid Blog('by Esehara' )
はじめに こんにちは。以前まで蟲！虫！蟲！ - #!/usr/bin/bugrammerという、はてなグループで技術的な記事を書いていました。しかし、さすがに、はてなブログの優遇っぷりと、はてなグループの場末感で、もうそろそろ空気を入れ替えなければいけないんではないかと悩んだ結果として、はてなブログに移転するということになりました。 で、たぶん既存のデザインテーマとか使えばいいんでしょうけど、CSSくらいは少しかじっておいたほうがいいよなー、とは常に思っていて、前回の日記もCSSをかなりいじりました。なので、今回も自力でデザインしたいなーという思ったわけです。 しかし、この「デザイン」という奴が、プログラマーにとっては曲者で、割と近い処で仕事をしているのにも関わらず、実際に「デザイン」ってなんだよ、っていう話になると全くわからない。 そういうときに、「だったらじゃあ自分でデザインのフローを
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
Webデザイン制作で参考になるサイトリンク集15個+2個 - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
Webデザイン制作で参考になるサイトリンク集15個+2個 Webデザイン制作で参考になるサイトリンク集15個と、ランディングページ、ロゴの参考サイトを集めてみました。 ご存知のものも多数あるかと思いますが、HTML5やレスポンシブサイトを集めたものもありますので、カッコイイ、オシャレなサイトを作る参考にしてみてはいかがでしょうか。 WEBデザインのリンク いけてるサイトドットコム ウェブデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWEBデザイナーのためのWEBデザインのリンク集。 http://www.ikesai.com/ デザイケ -Design Iketeru- イケてるサイト、カッコイイ、オシャレなサイトなどを紹介するWebデザインのリンク集です。 http://design-iketeru.azu-mi.com/ Good De
期間限定無料！約50,000円分の高品質なウェブ用の有料素材・フォントがダウンロードできますよ
日本時間29日の夜まで限定で、$499分、日本円で約50,000円分の有料のウェブ用の素材やフォント計471種類が無料でダウンロードできるので、紹介します。 ※為替の変動が激しいので、これを書いている現在$499は48,432円です。 使い道が限定されたような素材なんでしょ？と思う人もいるかもしれませんが、いやいやこれがなかなかの素材が揃っていました。 素材の提供元は、下記のサイトやクリエイティブ集団です。 素材の提供元 当ブログでも紹介したことのあるDesignModo, sitepoint, vandelayなども含まれています。 ダウンロードしたので素材をキャプチャで紹介する、、、前に、ダウンロード方法から紹介します。 素材のダウンロード ダウンロードは、下記サイトにアクセスします。
有名Webサービスのデザインから考える、上手な料金プランの見せ方 | Goodpatch Blog
複数の料金プランを持つWebサービスを利用する際、皆さんはどういう基準でプランを選びますか？私は自分に必要な機能は何なのか、料金に見合った内容かどうか、他のプランと比較してお得なのはどれなのか等を考えながら検討していきます。そのために一目でそれぞれのプラン内容がわかったり、各プランを簡単に比較できるデザインだと決めやすいのですが、自分にぴったりのプランがすぐにわからないと結局どれも申し込まない、なんてことも。そこで今回は複数のプランを持つWebサービスの料金表を見ながら、どんなデザインをしてユーザーに魅力を伝えているのかチェックしてみたいと思います！ SQUARESPACE http://www.squarespace.com/pricing/ プランを3つ用意しているSQUARESPACEは、おすすめの$16のプランを人気のプランとして画面の真ん中にくるように配置しています。緑背景の”M
フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
背景画像の拡大・縮小 → background-size ! - シンプルシンプルデザイン CSS
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加されていますので、あらためてまとめてみます。 拡大・縮小による画像劣化が気になるところですが、許容できるかどうかの判断は個人差があると思います。近頃のブラウザは優秀で、いい感じでスムージングされるので「OK！」とぼくは判断しました。 さすがにIE6の拡大・縮小したときのジャキジャキ感は堪えられませんが、そもそも「background-size」は適用されず無視されるので、IE6では背景画像は拡大・縮小されません。 Safari、Google Chrome、Operaですでに実装されています。 Firefoxもプリフィックス「-moz-」で適用されます。 IE8では残念ながら未実装でした。。。この辺はプログレッシブエンハンスメントで乗り切り
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
HTML5 × CSS3 × jQueryを真面目に勉強してみる の記事一覧 | DevelopersIO
web-garden.net｜CSSで見出しのカスタマイズ
新着記事
新着記事
IDEA * IDEA
