MdN Design｜総合情報サイトPhotoshop、Fireworks、Dreamwaver、etc. WEBの作業が楽になるテクニック総まとめ 第2回 「あの作業をもっと早くしたい!!」と思っても、改善できずに制作を続けている場合もあるだろう。そこで、Web制作が楽になる操作テクニックをまとめて紹介!! ふだんから使用しているさまざまなソフトウエアを使いこなし手間どる作業をスムーズに行おう。
SEOを始めたばかりの頃にやりがちな10の間違い | パシのSEOブログ
SEOは色々な方法があり、サイトの規模や目的によっても取り組み方が変わってくるのですが、今回は、SEOを始めた頃にやってしまいがちな間違いについて取り上げてみます。 企業がSMOを実施するうえでの注意点は、SEOモードさんに記事が投稿されています。⇒ソーシャルメディアでよくある10の過ち １．簡単に検索順位を上げる方法を探す 検索エンジンが未熟で特定の方法で上位表示できた時代の名残もあると思うのですが、表に出て来ない隠された上位表示テクニックが存在すると思っている人も多いと思います。しかし、実際には誰にでも簡単に順位が上げられる方法なんてものはありません。 人間だれしも楽をしたいと考えるもので、毎日の地味な作業の繰り返しに嫌気が指している人もいると思いますが、SEOはコツコツと地道にやっていくしかありません。 ２．常に新しいテクニックが必要だと思っている 検索エンジンのアルゴリズムは日々進
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ
透過PNG対応！jQueryでオリジナルツールチップ (1/3)
「ツールチップ」の完成画面。左から、CSSで装飾するツールチップ、透過GIFを使ったツールチップ、透過PNGを使ったツールチップ（画像クリックでサンプルページを表示します） CSSで装飾するシンプルなツールチップ 最初に作成するのは、リンク（a要素）にマウスカーソルが重なると補足テキストをフェードインで表示する、シンプルなツールチップです。ツールチップはマウスカーソルの右下にピッタリくっ付いて表示され、マウスの動きに合わせて移動します（サンプル01）。 HTML／XHTML（以下、HTML）は以下のようになります。ツールチップを設定するリンクはa要素で通常通りマークアップします。ツールチップ内に表示する補足テキストは、a要素の後ろにspan要素で記述します。span要素には「tooltip」というclass属性を設定します。 ▼サンプル01（HTML部分） <p>Lorem （中略） qu
IE6問題に対処する10のテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 既報のとおり、IE6のシェアは純減を続けている。2009年2月のNet Applications調査によればIE6のシェアはFirefox 3に抜かれて3位に落ちた。今後も下落の傾向は続くとみる向きが多い。しかし、依然として19%を越えるシェアはその次のシェアを獲得している4.5%弱のSafari 3.2を大きく上回る。IE8のリリースが控えている状況ではあるが、WebデベロッパやWebデザイナは依然としてIE6対応を継続しなければならない。 IE6固有の問題を回避する方法はいくつもあるが、それらテクニックをまとめたドキュメントがSitePoint: 10 Fixes That Solve IE6 Problemsとして公開されたので注目しておき
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
1分間で学ぶ、ウェブサイトのユーザビリティ | コリス
Interactive Marketing Blogから、1分間で学ぶウェブサイトのユーザビリティを紹介します。 One Minute Guide to Usability 下記は、1分間で学ぶウェブサイトのユーザビリティの意訳です。 Who are you? 何者ですか？ 例：ロゴ、ブランディング Are you trustworthy? 信頼できますか？ 例：ベリサイン・Trust-e、信頼できるデザイン、サポート What do you do? 何をしているのですか？ 例：取り扱っている商品・サービス、会社紹介 Where to next? 次に、何をするべきですか？ 例：見積請求、営業担当へ電話 Exit Panic: Where do I go now? パニック：私はどのページをみればいいですか？ 例：ヘルプ、ログイン、コンタクト・インフォーメーション
京都大学大学院医学研究科 放射線医学講座（画像診断学・核医学）
2024/09/02 NEW 研究会/勉強会を更新しました 2024/08/02 NEW 研究会/勉強会を更新しました 2024/07/03 NEW 研究会/勉強会を更新しました 2024/06/28 NEW 日本核医学会 近畿支部会更新しました。 2024/06/05 NEW 研究会/勉強会を更新しました 2024/05/08 研究会/勉強会を更新しました 2024/05/07 専門研修プログラムを更新しました。 2024/05/02 日本核医学会 近畿支部会更新しました。 2024/04/09 研究会/勉強会を更新しました 2024/04/04 日本核医学会 近畿支部会更新しました。 2024/04/04 News を更新しました。 2024/03/28 日本核医学会 近畿支部会を更新しました 2024/03/18 News を更新しました。 2024/03/04 研究会/勉強会を更新
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
[08/07/30]たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法
最近はメモリを2Gバイトとか4Gバイトとかを最初から搭載するPCも結構多くなってきましたね。 Photoshop CS2/CS3を使用していてメモリを多く積んでいる人にお得な情報をお知らせしたいと思います。 なんと、たった1文字ファイル名を変更するだけでPhotoshopの動作が高速化されてしまうのです。 Photoshop CS2/CS3ユーザーでメモリが1Gバイト以上ある方（※）の変更すべきファイルは「~大きいタイル.8BX」または「~大きいタイル.plugin」です。 このファイル名の先頭についている「~」を消すだけです。 たったこれだけ。 簡単に速度アップができる技（で前の状態に戻すのも簡単）なので、是非試してみてくださいね。 ※Adobeのドキュメントでは「1Gバイト以上」と書かれていますがOSにWindows Vistaを使用されている方は現実的には1.5～2Gバイト以上搭載し
![[08/07/30]たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/c2c903e82545aaad3447ec8ab4a6c7e4a273f948/height=288;version=1;width=512/https%3A%2F%2Fwww.ddc.co.jp%2Fmail%2Fimages%2Fogp-home.png)
Google SEO、10のウソ » 海外SEO情報ブログ・メルマガ
Googleが10月22日に、Webマスターとのライブチャットを開催しました。 750人以上のWebマスターが参加し、複数のGoogle社員が質問に対して回答しました。 このライブチャットでGoogle社員が使用したプレゼンテーション資料が、Google Webmaster Centralで公開されています。 ４つのプレゼンのうち３つのスライドが公開されていて、そのうちの１つを解説します。 JohnMu氏のプレゼンで、Web管理者に間違って認識されている、いわゆる「都市伝説」についてです。 スライドの8ページ目から「Top 10 Myths」として、よくある10の都市伝説（”Myth”の直訳は「神話」）を取り上げて、それが事実でないことを説明しています。 １．重複コンテンツはペナルティを受ける 重複コンテンツを気にしすぎることはない Googleは、上手に重複コンテンツを無視する いちばん
情報商材業界のダークサイドに巻き込まれないために知っておくべきこと | ネットマーケティング業界の闇
この記事では、業界関係者への取材で明らかになったネットマーケティング業界の「闇」についてレポートする。 第5回のテーマは「情報商材業界の闇」だ。誇大広告、二重価格表示、偽計業務妨害の教唆など、直接法律に違反するケースも見受けられる情報商材業界の問題点を探ってみよう。 次のような謳い文句を見かけたことはないだろうか？ コンピュータに素人の主婦が月に150万円稼いだ誰にも知られたくない方法 【全額返金保障】どんな人でもカンタンに万馬券を当てられる！ 確実にお金を増やす唯一の方法 FX現役プロフェッショナルトレーダーがついに明かした！ 業界初▼FX完全投資攻略法▼ これらは「情報商材」と呼ばれている商品であり、主にインターネットを通して比較的高額（3,000円～5万円程度）で販売されているコンテンツだ。 広義には書籍も情報商材だといえるが、一般的には「情報商材」というと、販売サイトやオークション
[JS]チョー簡単にサイトをAJAX対応にするスクリプト -com.bydust.ajax | コリス
com.bydust.ajaxは、スタティックなサイトでもWordPressのようなサイトでも、ページ全体のロードをせずに必要な箇所のみロードして表示するAJAX対応にするスクリプトです。 com.bydust.ajax demo デモサイトでは、右のナビゲーションや各記事のタイトルをクリックすると、通常のページ遷移とは異なり必要な箇所のみ非同期通信を行い表示します。 ※外部リンクなどは自動認識して、別ウインドウで表示します。 サイトをAJAX対応にする方法 サイトをAJAX対応にする基本的なスクリプトの設置方法は、下記の通りです。 下記は、対象となる全ページに適用します。 ダウンロードした２つのスクリプト（com.bydust.ajax.js, com.bydust.array.js）を外部スクリプトとして記述します。 HTMLの基本構造は、「id="page"」を親要素として、「id=
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1： とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
Gmailの検索演算子一覧（隠れコマンド含む）。高度なフィルタ作成に！
after:2006/03/31 before:2006/04/1 ※世界標準時。日本の日付とズレる。
Flash制作を簡単にするActionScriptライブラリとは？（1/3） - ＠IT
Flash制作を簡単にする ActionScriptライブラリとは？ 特集：Flasherに便利なオープンソース「Spark project」 Spark project コミッタ 新藤 愛大 2008/12/10 「ActionScriptライブラリ」って何？ 読者の方は、Flashを使った複雑なアニメーションの制作をどのように行っているのでしょうか。ActionScriptコードを勉強して一から制作していますか？ そんな人にこそ知っておいてほしいことがあります。実は、オープンソースの「ActionScriptライブラリ」を使うと、無料で簡単に複雑な機能・動きが実現できるのです。 ActionScriptライブラリとは、一言でいうと、「みんなが使えるように公開されているActionScriptコード」のことです。 イマイチピンと来ませんか？ そんな人でも、「Tweener」「Paperv
SEOやSMMのためにブログを作ったらまずやることリスト - ソーシャルメディアマーケティング(SMM).jp
ソーシャルメディアマーケティング.jpではソーシャルメディアを活用したマーケティング手法を解説していきます。SNS、ブログ、ソーシャルブックマークなど周辺ニュースの紹介もしています。 プラグインやテーマの追加、変更はおいておいて、ブログを立ち上げたらまずやることリストをこのエントリにまとめていこうと思います。見つけたもの、思い出したものを順次追加していきます。 これもやっといたほうがいいよ！というものがあればコメントもらえるとうれしいです。 Wordpress と Movable Typeのプラグインについてはまた後ほどまとめようと思います。 12月6日1:00 追記 戦略やコンテンツについて書かれていないというコメントをはてブでもらいました。ブログを始める前に考えておくべき戦略やコンテンツ作成の方針についても後ほどエントリを書こうと思います。 12月8日11:35 追記 F.Ko-Jiの
web制作者の為の年末年始で見逃せないエントリまとめ「2009年度版」
もうお正月も終わり、仕事始めしている人も多いだろうと思います。 業界によってはお正月に仕事をしている人も沢山いる事でしょう。 そんなお正月に見逃してしまった良質なエントリがないかを発掘するまとめです。 ネタ帳が選んだフリーソフト KeyHoleTV & KeyHoleVideo－キーホールテレビ＆キーホールビデオ－ チューナーもってない私に神のソフト。ワンセグが届かなくてもテレビがみれます。 ただ、映像と音声がたまにとまる。うんざりする事もあるけど気にしない。。 窓の杜 - Foxit Reader PDFファイルをすばやく開くツール。便利。 SRWare Iron - The Browser of the Future おいおいｗｗｗってなるくらい高速ブラウザ。 Ｃｈｒｏｍｅより早くて吹いた。いや、同じくらいかな、いいすぎた。ネットワーク監視するとGoogleに接続するアクションが消えた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
