vw, vh, vm(vmin)という単位についての覚え書き
「CSS Values and Units Module Level 3」のViewport-relative lengths（または Viewport-percentage lengths）についての覚え書きです。 これは新しく追加された長さの単位です。 CSS Values and Units Module Level 3 - 5.1.2. Viewport-relative lengthsCSS Values and Units Module Level 3 - 5.1.2. Viewport-percentage lengths上は2011年9月6日版のWorking Draftの仕様へのリンクで、下がEditor’s Draftの最新版へのリンクです。 Editor’s Draftの方は2011年12月13日版を参考にしていますが、ページが見つからないので最新版へのリンクにしてあ
ロングテールをGoogleが殺しつつあることを証明するインフォグラフィック - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ロングテールといえば数年前にウェブの仕組みを代表する言葉として一大ブームになったバズワードですが、SEOの世界では未だに現役で大活躍中ですよね。とはいえ、最近のGoogleの進化を見ているとユーザー動向を気にする余り反ロングテールの方向性に向かいつつあるのではないか、、、という懸念の表明をSEO Bookのインフォグラフィックから。 — SEO Japan 細かい点では反論はもちろん出てくるのですが大枠としてはそういう方向性だよなぁ、、、と思えるどこか末恐ろしいインフォグラフィックでした。もちろん、Googleにしてみれば収益化じゃなくてユーザー利益を追求した結果なんだ！ということなのでしょうが、そのバランスのカジ取りは難しいですよね。考え方次第ではSEO BookのようにGoogleをひたすら非難することもできてしまうわけで。Googleの意図はともかく、Googleが進化してよりユーザ
CSS3 Simple Shapes - Cheat Sheet - Land-of-Web
Recently, I`ve decided to make cheat sheet dedicated to simple shapes that can be made only by means of CSS3. I`ve used only instant description. Since I`ve included majority of simple shapes like squares, circles, triangles, ovals etc, you can easile combine some of these in order to make complicated shape using :before or :after content-related pseudo “elements”. If you have some questions or su
CSSファイルやJavaScriptファイルを読み込むときの末尾にあるクエリー文字列は何のためにあるか
あちこちのウェブサイトのHTMLソースを見ると、CSSファイルやJSファイルを読み込むlink要素やscript要素のファイル名の末尾に「?xxx=123」のような、いわゆるクエリーがついているのを頻繁にみかけます。 例えばWordPressでjqueryを読み込んだときなど、 <script src="http://user-domian/wp-includes/js/jquery/jquery.js?ver=1.6.1"></script> と、jQueryのバージョン番号を示すクエリー文字列がついています。CSSファイルやJavaScriptファイルはCGIではないので、このクエリーを解釈して使っている訳ではありません。 知っている人は「な～んだ」って感じだと思いますが、この「?ver=1.6.1」の役割について紹介します。 １．キャッシュを制御する ページ読み込みと同時に読み込まれ
サイトを新設する際のSEOチェックリスト #3 サイト開設当初のリンクビルディング手法 | Moz - SEOとインバウンドマーケティングの実践情報
SEO担当者が新設サイトを最適化する際に使えるSEOチェックリストを解説するこの記事は、4回に分けてお届けしている。第1回では「アクセシビリティ」「キーワードターゲティング」「コンテンツの質と価値」を、第2回では「デザインの質」「ユーザー体験」「ユーザビリティ」および「ソーシャルアカウントの設定」について説明した。 3回目となる今回は、リンクビルディングの基本的項目をチェックしよう。 リンクビルディングで最初に行うべきこと次はリンクビルディングだ。 僕が知る大勢の人たちもここで最初からつまずいており、挽回するのは極めて難しい。 先日、ある人物から1通のメールを受け取った。この人は新しくウェブサイトを立ち上げたところで、次のように書いていた。 リンクを300も獲得したが、今はもう検索順位が下がってしまった。先週は上位にあった。開設からの6週間はずっと検索の上位にいたんだ。 僕は被リンクをざっ
＜チェコスロバキア＞ハベル元大統領死去 「ビロード革命」 （毎日新聞） - Yahoo!ニュース
ＡＰ通信によると、チェコスロバキアの「ビロード革命」（８９年）を率いたバツラフ・ハベル元大統領（前チェコ大統領）が１８日、死去した。７５歳だった。旧共産主義社会時代から「市民による民主主義」を掲げ、劇作家から８９年に大統領に選ばれた。大統領就任後も民主主義と人権重視を訴え、東欧革命をけん引した。９３年、分離独立したチェコの大統領に選ばれ、０３年に退任した。 ＡＰ通信は、ハベル氏は週末に使うチェコ北部の別邸で死亡したという助手の話を伝えた。死因は明らかではない。過去には、右肺半分を摘出するがんの手術を受けたことがある。 【関連記事】 ノーベル賞：ヘッセ、ヘミングウェー、川端、大江……文学賞歴代受賞者たち（4/5ページ）
3大「WordPressに慣れていない人がやってしまいがちだけど、こっちのほうがいいのになぁ」って思うこと
どーもどーも。最近めっきりネタストックの出来ていないマイペースたんです。 この記事は12/1～12/25の期間、毎日ブログ記事を数珠つなぎにしていく「WordPress Advent Calendar」の第19日目として書いております。 18日目の@kamiyamさんから引き継いでの記事でございます。 とはいえ、最近これはいいなぁと思ったネタはもうすでに先月書いてしまったし、V3.3はまだ全然触れてないし、最近理解を新たにしたループについての話はkzさんがさらっとスマートに書いてしまっていたりで、、、困った困った。でも考えました。 ここ最近、ありがたくも自サイトからWordPress関連のちょっとした作業依頼をいただく機会が増えました。 ご依頼内容としては、「デザインやプレーンなサイト構築についてはこなれているけれど、どうもWordPressに組み込んだ時に言うことを聞いてくれないからなん
CNN.co.jp：北朝鮮の金正日総書記死去 朝鮮中央放送
（ＣＮＮ） 朝鮮民主主義人民共和国（北朝鮮）の最高指導者、金正日（キム・ジョンイル）総書記が死去したと朝鮮中央放送が１９日伝えた。
これはすごい！スクロールすると世界が変わるカッコ良すぎるウェブサイト4選+α
こんにちは、にっしーです。 今回は衝撃を受けたスクロールデザインのウェブサイトを紹介します。 一見普通なウェブサイト。スクロールしたら世界変わります。Let's scroll!:) ※ブログ読者のみなさんに教えていただいたサイトも随時追加しています:) http://balloon.am/ http://2011.beercamp.com/ http://bloom.io/ http://www.nikebetterworld.jp/ ここから+α http://www.nintendo.com.au/gamesites/mariokartwii/ via @attripさん http://sai-zen-sen.jp/special/reddragon/ via @satorumurmurさん いかがでしたか？ 「衝撃受けた！」って人はTwitterやFacebookで拡散していただける
12 SEO Authority Building Tips - Search Engine Watch
12 SEO Authority Building Tips When it comes to social signals, SEO, and authority, two keys are how you’re perceived and how much authority you have in your industry. Differentiate or die. Developing authority is a way to stand out – to people and search engines alike. By now you know you need to focus on authority, your own, as well as relationships with other authorities. But what are the best
[CSS]ボタンのホバー時にアニメーションを適用するCSS3初心者向けのチュートリアル
ボタンのフォントとカラーをセットし、下線を消します。 .buttonText { font: 18px/1.5 Helvetica, Arial, sans-serif; color: #fff; } a { color: #fff; text-decoration: none; } [ad#ad-2] 実装：アニメーションでボタンのサイズを変更 ボタンのサイズをアニメーションで変更します。 デモページ: demo 1 CSS:Basic ボタンに「display:block;」でブロック要素にし、ボタンの基本となるスタイルをセットします。 #button1 { background: #6292c2; border: 2px solid #eee; height: 28px; width: 115px; margin: 50px 0 0 50px; padding: 0 0 0 7px;
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
商用も無料でリンク不要の日本語フォント・こども丸ゴシックと、無料で手に入るフォント配布サイトの早見表 - かちびと.net
はんなり明朝の作者さんより新作の ご連絡がありましたのでご紹介です。 丸みのある可愛らしい丸ゴシックの 「こども丸ゴシック」。今回も商用 でも無料でリンクなども不要と、 太っ腹なご提供です。貢献者さんで すね・・・頭が下がります。 さて、またも商用利用OK・リンク不要の日本語フォントが登場です。いつもご連絡頂き有難う御座いますー！ 現在漢字は創意製作中で、先行してひらがな、カタカナ、アルファベットをご提供頂きました。 かわいい丸ゴシックのフォントです。漢字は製作中とのことです。Twitterでフォロー(@typingart)しておくと見逃さないかもしれません。 テスト的に使って見ました。今年の漢字は「絆」なのでそんなニュアンス。コピーは思い付きです。手書き風のような丸みのあるフォントは人の声などを表すのに適してますね。子供や女性がターゲットのサイトで活躍してくれるかもしれません。漢字が出来
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
真摯のブログ | 株式会社真摯