jQueryで画像にマウスオーバーした際見出しをスライド表示する | CSS Lecture
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
セルフSEOブログ ～素人でも出来るコンテンツ作成Tips : WPとCSSの日本語版チートシートをHTML化して呼び出せるようにしました＆ファイル配布
セルフSEOブログは無料で、セルフで出来るSEOやSEOのTips,WordPressなどの情報ブログです以前に、Web制作にあると便利な日本語版各種チートシート１０個というエントリを 書きましたが、よく使っているチートシートをHTML化してブックマークレットで呼び出すと 地味に便利ですので宜しければそのブックマークレットをご利用頂ければ、と思います。 使い方 FireFoxはドラッグドロップ、IEはリンクにマウスを乗せて、リンク先を保存して ご利用下さい。適当に作っているので使いにくい、見にくい、という方や、 自分でチートシートを変更、管理したい方はファイルを配布しますのでダウンロードして ご自身のサーバーなどにアップロードして呼び出すと良いと思います。 実際、自分で管理するのが最も安全で確実です。呼び出すファイルの提供主が いつサービスをやめるか、Webサイトを停止す
CSSハック "IE8" 本当にやってくれますね、マイクロソフトさん！ | 一期一会
以前リリースが開始されたとご紹介した『IE8』。只今そのIE8に苦しめられています･･･。CSSを組み立てている最中にIE特有のバグが発生してしまうのです。これを回避するためにハックを掛けているのですが･･･上手くいきません（泣）。今日中に解決したいのですが、正直まだ何とも言えません。 マイクロソフト様 拝啓 新機能を色々とつけるのは良いのですが、まずはCSSをまともに読み取ってくれるように改善して頂けませんか？ そして、起動させてもすぐにバグが発生して落ちてしまうような状態でリリースするのは辞めて頂けませんか？ エラーを送信しても一向に改善されません。どうなっているのでしょうか？ 敬具 ココでIE8を含むIEのCSSのバグのハックに私と同じく困っている方へ、使用するコードをお教え致します。 IE8 *+html>/**/body selector IE7 *:first-child+ht
JavaScript入門
JavaScript はクライアント側で実行されるオブジェクト指向型のスクリプト言語です。 JavaScript を用いることで、動的にWebページの内容を書き換えたりフォームに入力された内容をクライアント側でチェックしたりできます。ここでは JavaScript の使い方として JavaScript のプログラミングの方法をサンプルを用いて解説していきます。
全てのネットサービスを構成する「サービスの３原色」とは？ - livedoor Blog（ブログ）
2009年04月12日 全てのネットサービスを構成する「サービスの３原色」とは? 「光の３原色」という言葉を聞いたことがある人は多いと思います。全ての色は「赤」「青」「緑」から構成され、この３つの色を構成する比率を変えることで、どんな色でも作り出せる、という概念です。 ネットサービスのコンセプトを「そもそも論」で点検する12の質問をガイドラインに、池邉CTOと、私とで、ライブドアのメディア事業部の各サービスについて責任者を、個別に呼んで、「そもそも、どうよ」からの議論をやる中で、「光の３原色」に似たような、ネット上のサービスを構成する「ネットサービスの3原色」的な概念を思い付きました。 ネットサービスを構成する「サービスの３原色」 ほとんどのネット上のサービスは、「Media」なのか「Community」なのか、「Tool」なのか、の3者択一のうちのどれかを基本に置きながら、この3要素がカ
建築分野に学ぶWebサイト設計――“変化するWebサイト”をどう捉えどう発展させるか | [コラム]IA視点のWebプロジェクト
前回の記事では、実際の建築プロジェクトにおいて、建築家が建築現場の指揮をとったという実例を紹介しました。今回は設計寄りの話題に移して、プロジェクトだけではなくWebの設計面においても建築分野から学べる考え方があるというお話をしたいと思います。 Webサイトは変化し続けるWebサイトは構築されてから情報が追加されたり、修正されたりしていきます。 これは情報を扱うメディアとしては当たり前のことで、たとえば、雑誌などでも創刊号でつくられたコンセプトを、その後発行する各号でより磨きをかけたり、軌道修正させたりします。 しかしながら、この「変化」は、ただやみくもに変えていけばいいのではなく、その影響範囲や必要性を検討しながら行わなければなりません。今回は、この「変化するWebサイト」についてのありかたを、情報アーキテクチャの観点から考えてみます。 こういった「変化」をWebの設計にどういった形でおり
![建築分野に学ぶWebサイト設計――“変化するWebサイト”をどう捉えどう発展させるか | [コラム]IA視点のWebプロジェクト](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ab17de853b8c29cab6194a39392ba38d04eb0dd/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fweb_project%2Fweb_project_icon.jpg%3Fitok%3DqL-1gvO5){kind=icon}
プロジェクトリーダーに求められるIA視点――プロジェクトアーキテクトという役割 | [コラム]IA視点のWebプロジェクト
前回はIA（情報アーキテクチャとインフォメーションアーキテクト）の言葉の定義と、プロジェクトのタイプごとにインフォメーションアーキテクトのアサインを変える必要があることを記しました。今回は、どうしてそうなっているのかを説明します。 情報アーキテクチャ設計の影響範囲情報アーキテクチャとは、前回の記事で取り上げたように、サイト内での情報の分類や、情報のつながりを定義することです。定義するということは、その情報の優先順位を明確にして、意志を持ってルールを作ることだとも言えます。 一般的な企業サイトの構築において、この「情報を収集し」「整理し」「優先順位をつける」ことは、単にデータや情報を対象とするより、もっと広い意味で捉える必要があります。情報自体の複雑さや扱い方のパターンを精査するよりも、さまざまなレベルの意志決定をすることの方が重要だからです。たとえば、広報や製品担当者、デザイナなどのサイト
メールでのリリース配信のカスタマイズ法――読まれるリリースメールはここが違う／リリースの書き方基礎講座#10 | プレスリリース・ニュースリリースの書き方＆活用基礎講座
この連載では、主に企業の広報担当者に向けて、初めて書く人でもわかるリリースの書き方から、ネット時代に即したリリースの書き方など、明日から役立つ基礎情報をお届けします。 前々回の第8回にテキストベースで作ったリリース文書を紙に印刷して配布するケースを紹介し、前回の第9回では紙のリリースの活用法を説明しました。今回からはインターネットでのリリース公開、配布について解説します。まず、テキストで作成したリリース文書をメールで送信する場合のカスタマイズ法を取り上げます。 ネットを活用したニュースリリースの配布は、メールでのリリース配信とサイトでのリリース公開の2つが基本になります。メールの配信はマスコミあてをメインに、場合によっては取引先、株主、消費者などいわゆる利害関係者に向けて送ります。今回はまず、メールでのリリース配信について詳しく考えてみます。 リリースメールの開封は件名と差出人で決まるメー
プレゼンテーションを成功させるフレームワークとスキル（後編） | Moz - SEOとインバウンドマーケティングの実践情報
この記事は2回に分けてお届けしている。前回に続いて、SEOのためのプレゼンテーション・スキルについて見ていこう。 表現の仕方も重要だオンラインメディアと同じで、プレゼンテーションでも、内容（つまりコンテンツ）がものすごく重要だ。でも、プレゼンテーションでは、内容以上にとまでは言えないにせよ、表現の仕方もやはり大切だ。 私たちはこれまでSEOや他の分野のプレゼンテーションに参加して、すばらしい内容がぎっしりつまっているのに、見せ方がひどくお粗末なせいで集中力を保てず何も学び取れないという経験を何度もしてきた。反対に、プレゼンテーションの最中はすごく楽しかったけれど、あとで振り返ってみると、得るものがあまりなかった、というケースもいくつか思い出せる。 舌先三寸の特訓速成講座を受けろなんて言うつもりはないけど、プレゼンテーションを生かすも殺すも表現の仕方次第だってことは、絶対に知っておく価値があ
プレゼンテーションを成功させるフレームワークとスキル（前編） | Moz - SEOとインバウンドマーケティングの実践情報
SEO業界では上手なプレゼンテーションのスキルが欠かせない。この業界で非常に大きな役割を果たしている幾多のカンファレンスだけでなく、潜在顧客やうたぐり深いCEOたちを相手に、SEOをわかりやすくプレゼンするよう求められることもよくあるからだ（しかも話を有利に進められるように！）。 Distilledのスタッフは、これまでSMX Londonでかなりのプレゼンを行ってきたが、先週、数名がプレゼンテーション・スキルに関するセミナーに参加した。そこで今回は、そのセミナーで学んだことをいくつか紹介して、その後でこのテーマについてさらに深く考えたことについても共有したい。 最初に、先週のプレゼンテーションから、実際に役立つ3つの貴重なアドバイスを紹介しよう。 1. 魅力的なプレゼンテーション原稿を作成する 私たちは、プレゼンテーションの権威ジェームズ・キャプリン氏が考案した「GOER」モデルについて
グーグルで新しいサイトを上位表示するのにかかる時間 ほか10記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
日本語で読めるSEO/SEM情報ヤフーにもグーグルに好かれるSEOテクニック （京都のSEOコンサルタント松尾のブログ）ヤフーの日本語解析アルゴリズムの分析。キーワードを意識した「URL」「タイトル」「被リンク」「発リンク」が現在のYSTに特に重要。エイプリルフールに投稿されたユーモア溢れる記事だが、内容は緻密な分析に基づいている。 グーグル検索ランキングの背景にある技術 （グーグル公式ブログ）グーグルランキングチームのアミット シンガル氏が、グーグルの検索テクノロジーについて語った英文記事の翻訳。グーグルがいかにして、ページ、クエリ、ユーザーを理解しているかを説明している。関連する同ブログの別記事も参考になる。 ウェブマスターツールのクロール頻度 （Googleウェブマスターヘルプフォーラム）グーグルのウェブマスターツールで設定できるGooglebotの「クロール頻度」について。「クロー
Showcase Of Beautiful Sports Websites — Smashing Magazine
We recently showcased beautiful websites from the fashion industry, and in response to reader requests, we’ll do the same thing here for sports websites. This article showcases the most beautiful website designs from the North American sports industry, including ones for news, teams and leagues, sports apparel and more. As in any industry, sports websites have their own trends, as you will see bel
25 Examples of Cool Coming Soon Page Designs - Part II - DzineBlog.com
This Post is a continuation of my previous post 27 cool coming soon pages The Coming Soon page is simply the modern version of the under construction page, There are many advantages in coming soon page, it’s a good way to mark your presence early in web , as google search algorithm consider the domain age as one of it’s major factors . This type of page has dropped the annoying construction con
You searched for design - Ecommerce Platforms
Opting for Shopify as an ecommerce platform and page builder has its advantages. Not only does Shopify offer a full online store with advanced marketing tools at an affordable monthly rate, but the themes and apps for designing and extending your store are often free or rather inexpensive. We often recommend premium themes from Shopify due to their extra features and more intuitive designs, but th
600+ Nature Brushes for Photoshop - DesignM.ag
Website Designs with a nature theme are very popular right now. Achieving this type type of look can be done in a number of different ways, but one approach includes the use of Photoshop brushes that you can find for free. In this post we’ll feature a number of brush sets for various things found in nature, such as trees, mountains, clouds, and more. Of course, these brushes can be used for other
50 Stylish Navigation Menus for Design Inspiration
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. A site’s navigation menu is one of the
25 Sources For Logo Design Inspiration
Study the greats of the past, like Paul Rand and Herb Lubalin. Draw by hand incessantly. Read Doyald Young's "The Art of the Letter" for a better understanding of how to approach the fundamentals. Then roll your own. Don't go to LogoPond and IncSpring and rip something off. /rant. — by CuedUp 16 hr 17 min ago, 1 diggs
30 Creative Examples of Using Paper in Web Designs
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. The utilization of paper as a design e
40 Beautiful Skateboard Designs — Smashing Magazine
The skateboard has been a favorite medium of artists for decades. Not only does it provide a sturdy surface to paint on, but it offers a great way to have your artwork be seen in the community. Skateboarding culture, which was once looked on as a short-term fad for rebellious teens, has established itself in society. A wide range of artists have opted to put the canvas aside and go with the unique
35+ Colorful And Inspiring Examples Of HD Wallpapers
What's Digg? Digg is a place for people to discover and share content from anywhere on the web, and the DiggBar makes it even easier. You won't find editors at Digg — all content is submitted and voted on by people like you. Like a story? Simply click the 'Digg it' button to make your vote count. Then easily share via email or on Facebook or Twitter. One click brings you related stories or stories
30 Beautiful Music Websites for Design Inspiration
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Music lovers often are sensitive to de
「プログラミング言語を理解するにはどうしたらいい？」という話を聞いて思うこと - 西尾泰和のはてなダイアリー
「プログラミングとか特定のプログラミング言語とかを習得したくて色々勉強したけど、いまいち理解できた感じがしない、何がいけないのだろう、何を学べばいいんだろう」という話を聞いて思ったこと。 それって、目的が曖昧だから達成感が得られないというだけじゃないのか？ 僕の今までの人生の中には「プログラミングを習得した！」と思える瞬間も「Pythonを理解した！」と思える瞬間もなかった。具体的な「Pythonで継続のある言語を実装できた！」とかならある。でも「継続の概念を完全にマスターしましたか」と言われるとそんな気はまったくしない。まだまだ先は長い。しかし僕よりはるかに継続に詳しい人たちが集まって継続に関する議論をしてたりするのを見ると、この道に明確なゴールはないことがわかる。どこまで行っても「まだ先がある」という感じが残るに違いない。 手段が間違っているのではなく、目的が間違っているんだ。「○○を
[CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか
外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。 don't use @import 内容は、IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください、というものです。 下記は、外部スタイルシートを@importとlinkを組み合わせて、それぞれのパフォーマンスを比較したもので、キャプチャはそのサイトのものと、参考に当環境でIE7/Fx3(XP)を検証したものです。 @import @import 2つの外部スタイルシートを@importで指定。 <textarea name="code" class="html" cols="60" rows="5">
HTML 5 の情報構造 - 安藤友晴＠北海道のてっぺん
ふと思い立って、HTML 5 の情報構造について調べてみた。いちど書いたもの不注意で消してしまったのだが、記憶を呼び戻して復元してみた。 HTML5で追加される要素 HTML5では、CSSで表現できるような要素や属性が削除される一方で、次に挙げるような情報の構造を表す要素が追加される。 section article aside header footer nav dialog figure などなど 要素の関係性 で、これらの要素の関係性を調べていたら、わかりやすいページを見つけることができた。 HTML 5 differences from HTML 4 図を引用しながら説明してみる。 現在のHTML4やXHTML1.1を使って、BlogのようなWebページを作ろうとすると、だいたい次のような構成になるだろう。 (http://www.w3.org/TR/2009/WD-html5-d
adphic.jp - このウェブサイトは販売用です！ - 福島 いわき デザイン 制作 広告 リソースおよび情報
このウェブサイトは販売用です！ adphic.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、adphic.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
フォント62.5％指定でemフォントをpx単位で計算できるようにする｜web bibo
CSSによるフォント指定がない場合、ブラウザはfont-sizeを16pxで表示します。これを利用してbody要素にfont-size: 62.5％を予め指定しておくと、「0.625 * 16px = 10px」つまり「10px = 1em」という様に、emフォントをpx単位で計算できるようにする方法。ただ、これにはメリット・デメリットが存在するんです。 メリット → px単位で計算できるのでレイアウトする際に便利。 デメリット → 「62.5％指定は1emが10pxになる」という公式はPCの環境によって左右される可能性があるため、フォントサイズを基に組んでるレイアウトは予期せぬ崩れ方をするかもしれない。 指定方法は以下のとおり。試してみてください。 /*CSS*/ body { font-size: 62.5%;} p.em { font-size: 1.2em;} p.px
動的スタイルシートの作成
こんばんは。だいぶ日も長くなってきましたね。 さて、小生のブログで、「エクセルデータをHTMLテーブルに変換」というエントリーを書いて、そこでppBlog用に見栄えの良いTABLEを作成してくれるページ を公開していました。早速、使って下さったユーザーの方から、ppBlogをリスト表示にしていると、テーブルのスタイルシートが有効になっていないとのご指摘がありました。確かに、リスト表示での個別スタイルシート指定はすっかり対応を忘れていました。 というわけで、ppBlogでは記事毎にスタイルシートやJavaScriptを指定することが可能ですが、あまり知られていない気もするので簡単に使い方を書いておきます。スタイルシート（CSS）を指定したければ、記事のどこでも良いので、[style][/style]で囲った中の記述がCSSとして認識されます。記述はまんまCSSと同じです。具体例を挙げると以下
IE1, 2, 3, 4, 5, 6, 7, 8の確認が同時にできる -Internet Explorer Collection
Internet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境（XP SP3+IE7）では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。
「人間中心設計」をヒントにした5段階のデザインプロセスのまとめ
「人間中心設計」をヒントに、おもしろい手法もいくつかあったので、今までバラバラだった記事を少しまとめてみました。 自分自身、あまり読み返さないのですが、残念ながら現代の技術ではマンガ内を検索できないので、一度目次のようにメモ。 デザインプロセスで繰り返す5段階。（マンガ内とはちょっと違いますがどっちでもいいです） 調べる試作品をつくる試してみる反応を観察、収集変更点を考える ちなみに「人間中心設計」自体はプロセスについてであって、細かくやらなければいけない決められた手法はありません。 ■調べる 自分の頭の中を洗い出す 今のところ思いついていることを紙に書き出す。 フレームワークにおさまらないものも書き出す。 重複してもＯＫ。 例： 旅行に行きたい。海に行きたい。温泉旅行に行きたい。合宿したい。ものづくり合宿したい。おいしいご飯食べたい。和室に泊まりたい。 対象となる関係しそうな人にヒアリン
25 Most Useful Blogs for Web Design & Development
I would like to share 25 Most Useful Blogs for Web Design and Development. Almost all of them are daily updated, and cover a wide range of topics including inspiration, design trends, tutorials, interviews, website showcase, programming techniques and resources. Add them all to your RSS reader and receive these useful information every day. Subscribe to all of them by importing this OPML file (Rig
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://welkin.s60.xrea.com/blog/200903-CSS_Hacks_for_IE8_etc.html
Ajaxの学習ならAjaxTower
Firebugの使い方 - JavaScript/CSS開発支援ツール -
DOMの使い方
首页 - 谷歌音乐搜索
tableでつくらない会社概要っぽい表│Web制作の現場から 〜入院、退院、そしてつまはじき〜
40 Beautiful and Creative Logo Designs For Your Inspiration
はてなブログ | 無料ブログを作成しよう
http://www.designwalker.com/2009/03/form-design-2.html
TechCrunch | Startup and Technology News