制作実績300以上。インフォグラフィック、データビジュアライゼーションの制作に特化したサービスです。わかりやすく情報を伝えるためのデザインを提供します。
kgdに関するpippiyukiのブックマーク (76)
-
pippiyuki 2012/10/10
-
SEOに最適な記事の文字数は何文字？
記事のワード数が少ないか、記事と広告との比率が正しくないせいで、ペナルティを受けたようだ。大多数は500ワード以上だろうけど、僕のサイトでは200ワードしかない。 米国版のGoogle Webmaster向け公式ヘルプフォーラムで上のような投稿がありました。 Google社員のSusam Moskwa（スーザン・モスクワ）氏が次のようにコメントを返しています。 アルミ箔帽（“tin foil hat”、皮肉を込めた表現だと思いますがうまく訳せません）のSEO記事の読み過ぎのようですね。読む価値のある、オリジナルの記事を提供している限りは（たとえばAdSenseを掲載するために作られたサイトではない）、テキストと広告の黄金比率や上位表示するために必要な最低文字数というものは存在しません。「木を見て森を見ずに」なっているのではないでしょうか？ 検索に対してサイトを最適化するというのは、ページの
-
画像の下にできる隙間 - Webtech Walker
CSSでコーディングしているときに画像の下に謎の隙間ができることがあります。今回はその原因と対象方法について書きたいと思います。実際、以下のようになります。 ソースは以下です。 <div> <img src="/sample/image/sample.gif" alt="sample" />abcdefg </div> div{ background:#F00; width:200px; } この現象の原因はCSSのプロパティでインライン要素の垂直位置を指定する、vertical-alignにあります。このvertical-alignのデフォルト値は、IEなどのメジャーなブラウザではbaselineに設定されているからです。vertical-alignの値の意味は下記サイトに載っていました。 vertical-align－スタイルシートリファレンス つまりgとかjとか下にはみ出るアルファベ
-
インラインフレームの背景を透明にする - TAG index
Firefox、Safari、Chromeは、この指定がなくても透過されます。（IEやOperaではこの指定が必要です） IEでの透過方法 IEの場合は、このプロパティの設定に加えてallowtransparency属性の指定が必要になります。 <iframe src="example.html" allowtransparency="true"> ～ </iframe> 上記のように、iframe要素に allowtransparency="true" を加えます。 詳しくは、HTMLリファレンスのインラインフレームの背景を透過するをご覧ください。 使用例 インラインフレームを設定する文書 <html> <head> <title>文書のタイトル</title> <style type="text/css"> div { padding: 20px; background: #fffff
-
-
HTML5ホームページテンプレート無料配布 [Cool Web Window]
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
-
HTMLの特殊文字 ： IT用語辞典
HTMLの文字実体参照 ASCII文字コード 記号・特殊キーの読み方 ギリシャ文字・キリル文字 HTMLで使われる文字実体参照の表記一覧です。OSやWebブラウザの種類によって一部正しく表示できない場合があります。 一般的な記号など 字実体参照数値参照名称・解説 &&&アンパサンド ¦¦¦破断縦線 µµµマイクロ記号 ‰‰‰パーミル ¤¤¤一般通貨記号 €€€ユーロ記号 ¢¢¢セント記号 £££ポンド記号 ¥¥¥円記号 ©©©著作権記号 ®®®登録商標記号 ™™™商標記号 ↑↑↑上向き矢印 →→→
-
画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ（マウス移動で画像全体を閲覧可能）〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
-
jQueryで実現するアニメーションTips13選「13 Excellent jQuery Animation Techniques」
TOP > WebDesign > jQueryで実現するアニメーションTips13選「13 Excellent jQuery Animation Techniques」 最近のWEB制作ではよく使われるJavaScriptライブラリの1つ「jQuery」。様々な動きをつけることが可能ですが、今日紹介するのはjQueryを使ったアニメーションのTipsをまとめたエントリー「13 Excellent jQuery Animation Techniques」です。 Create a Cool Animated Navigation with CSS and jQuery 全部で13のjQueryを使ったアニメーションのTipsが紹介されていますが、今日はその中から気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Timothy van Sas – Animate
-
CSS examples - Another Disjointed Rollover
::You are here: Home >Menu Rollover Animated Rollover Arrow Another disjointed Rollover effect that animates a menu pointer as you scroll along the horizontal menu. There are no animated gifs used in this demo and the movement is purely in css. Although I wouldn't recommend that you use this method in its entirity it could be used in small doses for interesting effects. Roll your mouse over the li
-
Free CSS Menu Templates & Design Tutorials | Daily Syntax
Free CSS Menu Templates (Navigation Menu) is one of the most important elements of a web designs.Content-Rich Website without usable navigation will be uselessNavigation Menu is one of the most important elements of a web designs. Content-Rich Website without usable navigation will be useless. If you’re looking for a free css menu template to add a navigation menu to your design Web site, these fr
-
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
-
Twitter ウィジェットをカスタマイズする。 | dakkie blog
dakkie | Hiroki Onoda 愛知県名古屋市在住のWebデザイナー。雑貨、カメラ、カフェ、旅、空、海、コーヒー、料理が大好き。ボリビアにあるウユニ塩湖に行くこと、写真で個展（2013年7月22日～28日にmonogramで開催予定）を開くこと、独立すること、空とコーヒーと写真と雑貨が楽しめるカフェを開くことを夢見てる。 E-mail：dakkie.com@gmail.com twitter：dakkie_ facebook：hiroki.onoda sumally：dakkie booklog：dakkie Twitterのツイートを自分のブログやサイトに表示させるために便利なTwitter ウィジェットというものが公式から出ています。 その公式のウィジェットは、ある程度カスタマイズができるようになっていますが、できるものはどれも同じような見た目になってしまって、何だか物足り
-
CSSを使ってどのブラウザでもフォントサイズを「％」で統一させる方法 | colori
CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
-
Codrops | Useful resources and inspiration for creative minds
Explore 500+ free demos Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Webzibition An exhibition of standout websites that caught our eye, curated for you. Fresh frontend news plus dev & design inspiration delivered to your inbox 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, webs
-
-
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
-
-
ナビゲーション、メニュー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
animateToSelector〔CSSとjQueryを使用したリスト要素のドロップダウンメニュー〕 Another Solution to Animation Queue Buildup in jQuery〔待機アニメーションの補強〕 CSS Dock Menu〔Mac OS Xのドック風のメニュー〕 CSS Sprites2〔jQueryとPHPを使用した投票システム〕 CSSとjQueryを使用したリスト要素の垂直型ドロップダウンメニュー CSSとjQueryを使用したリスト要素の水平型ドロップダウンメニュー Designing the Digg Header〔Diggのヘッダ風の垂直型ドロップダウンメニュー〕 Emenu〔ヘッダ画像内に収まる固定幅・固定高さのドロップダウンメニュー〕 Fixed Fade Out Menu〔ロールオーバーでフェードアウトするページ上部固定ナビゲー
-
jQueryを使って円形イメージギャラリーを作成するプラグイン「jQuery Roundrr」｜BLACKFLAG
jQueryを使っての円形ギャラリーはいくつかプラグインがありますが、 さまざまなパターンで構成された円形ギャラリーを実装可能とさせるプラグイン 「jQuery Roundrr」がおもしろそうだったのでメモ書き程度に紹介してみます。 Animated fullscreen background image slideshow using jQuery ≫jQuery Roundrr – How To Create Circular Image Galleries With jQuery チュートリアルはPart1とPart2に分かれて紹介されており、 それぞれ複数パターンのデモが用意されています。 サンプル画面と各デモ画面は以下のような感じに。 Part 1 – Getting started with Shape-based coordinates jsShapeLib Demo 1:
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました