Twitterの@creatryさんのツイートで興味深いものがありました。 あるサイト担当者からの質問。「SEOでまず1番最初にやるべき事は何ですか？」貴方ならなんて答える？ 非常におもしろい質問だと思うので、少し考えてみることにしました。ここでは、新規に立ち上げたばかりのサイトではなく、すでに運用中のWebサイトについて考察してみます。 最初にやるべきは現状分析 SEOというと被リンクを増やしたり、ターゲットキーワードで文章を最適化したり、URLを正規化したり、といった対策を頭に思い浮かべる人が多いのではないかと思うのですが、まず何よりも優先すべきは現状分析ではないでしょうか？ そもそも検索順位というのは、相対的に決まるものなので、現在の状況によって行うべき対策は違ってくるはずです。例えば、超ニッチな商品を扱っているサイトで被リンクの数が数万件あるのに、さらに被リンクを（意図的に）増やそ
ユーザビリティに配慮しつつ、jQueryのバグにも対応したシンプルなアコーディオンを実装するチュートリアルをSoh Tanakaから紹介します。 Simple Accordion w/ CSS and jQuery デモページ アコーディオンのロジックは下記の通りです。 最初にデフォルトの設定します。 一番目のアコーディオンを開いて、アクティブな状態にします。 クリックをすると。 クリックされたアコーディオンのアイテムは開くのか閉じるのか判定します。 「hidden」（閉じた状態）のアイテムをクリックすると、 全てのアイテムから「active」を取り去り、閉じます。 クリックされたアイテムは「active」になり、すぐにスライドダウンして開きます。 ロジックのイメージは、下記のようになります。 <textarea name="code" class="html" cols="60" row
こういうプロモーション、最近よく報じられるようになってきましたね。オリンパスがマイクロ一眼の"PEN E-PL1"のPRに、AR（拡張現実）を活用したというニュース： ■ Olympus E-PL1 Augmented Reality Simulation At Home (infosync) Olympus E-PL1のプロモーションサイト"Look what you can do."（何ができるか見てみよう）について。四の五の言うより、映像を見ていただいた方が早いでしょう： ご覧のように、PENを模った紙をウェブカムで写すと、そこにヴァーチャルなPENが出現するという仕組み。単にそれらしきものが表示されるだけでなく、カメラが取り外せたり、本当に操作して写真/ビデオ撮影までできる（！）という凝った内容になっています。 また撮影した映像はメール/Facebook経由で送信できるようになって
久々に自分でインテリアのエントリー。 デザイン家具が好きな人におすすめなのが、『MADE.COM』。かっこよくて安価なデザイン家具が見つかるサイトです。 By stripping out the middlemen and connecting you with the furniture makers directly we are cutting the cost to you by 50 – 80%. とのことで、中間マージンを省いて、ユーザーに50〜80%のコストを削減して提供しているようですね。 かっこいいアイテムが揃っているのと、価格も結構手頃なので、ぜひ見てみてはいかがでしょうか。 インターフェースも面白くて、各カテゴリーの目玉商品には、以下のように終了時間がリアルタイムで表示されます。 メールマガジンに登録すると、iPadが当たるキャンペーンも行われています。 素敵なサイト
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
名前やメールアドレス、住所等、大量のダミーデータが作れるJSライブラリ「Faker.js」 2010年05月20日- Marak's Faker.js at master - GitHub 名前やメールアドレス、住所等、大量のダミーデータが作れるJSライブラリ「Faker.js」がGithubにて公開されています。 生成できるデータは英語になりますが、それなりに使えそうです。 ライブラリを読み込んだ後、「Faker.Name.findName();」のようにコードを実行すればダミーの名前が取得出来ます。 メールは「Faker.Internet.email(); 」のように実行すれば生成されます 他にも以下のようなデータが生成出来るみたい。 Faker.Address.zipCode() - zipコード Faker.Address.city() - 都市名 Faker.Address.s
画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。
Google Analytics では、ターゲットを絞り込むために、3つのセグメント方法があります。 １．フィルター ２．アドバンスセグメント ３．アドバンスフィルタ いずれも特徴がありますので、使い分けましょう。 １．フィルター フィルターは、トラッキングする時点で、設定した条件のみに絞り込んで 記録できる機能です。 設定方法は、以下の通りです。 Analytics設定＞プロファイルを追加＞「既存のドメインのプロファイルを追加」で、 プロファイルを複製する。 その後、Analytics設定＞フィルターマネージャ＞フィルター作成。 その際に、複製したプロファイルを割り当てる。 デメリットとしては、過去にさかのぼって絞り込みは出来ないこと。 一方メリットは、特定ユーザーをすぐに分析可能な点。 例えば、上図のように、新規ユーザーの３つの流入経路推移を 分析をするには、フィルターを使わないと難し
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
昨日開催された WDE ex -vol9 (Twitter TL) の懇親会で「Google がフォントのホスティングやれば良いじゃないか」という話題が出ていたのですが、朝起きたら Google Font API として現実的なものとなっていました。Web Font をホスティングしているサービスは海外で既に幾つかありますが、ほとんどが JavaScript のコードを貼付ける方法が採用されており、中には body 内に記述しなければならないものもあり、エレガントな方法とはいえませんでした。 今回公開された Google の API は JavaScript を使うのではなく、CSS をリンクするだけ。使いたいフォントをディレクトリから選び、リンクした CSS ファイルに変数としてフォント名を記述するだけになります。シンプルかつ簡単です。 <link rel="stylesheet" ty
アクセスアップ、SEO、HTML、CSS、JavaScript の覚書。WEB管理のプロが制作過程で対策を記録、初心者も納得のホームページ作成ノウハウ。 携帯サイトのSEOは、基本的にはPCと変わりない。 しかし、ハッキリ断言すれば、モバイルの検索エンジンは、 PCの検索エンジンほど賢くない、というのが現実だ。 その中でGoogleモバイルはダントツで優れているが、 YahooモバイルもBingモバイルもgooモバイルもbaiduモバイルも かなりオソマツ。 検索エンジンの質は、検索結果を見れば一目瞭然。 お目当てのサイトに辿りつけるかどうかである。 YahooもBingも健闘はしているが、 明らかに中身のないサイトが上位を締めている。 このたびiMenuを乗っ取ったgooにおいては あまりにもショボい検索結果で、呆れて笑いすら出てくる。 しかしそれは逆を言えば、SEOの初歩的な知識、つま
アプリケーションのデザインに使えるアイコンを探している。 そんなときにおすすめなのが、『25 Best Icon Sets for Application Design』。アプリケーションデザインに使えるアイコン25集です。 かっこいいのが揃っているのと、商用無料なのもありますね。 ↑はApplication Icon Set。商用無料 Nixus。商用無料 108 Mono Icons。商用無料 ぜひ使ってみてはいかがでしょうか？ 25 Best Icon Sets for Application Design 一つ挽回、と。眠いのでカフェにきて仕切り直し。
95455835/ Hemera/ Thinkstock 手軽に本格的なネットショップを開きたいという人にお勧めのソリューションを５つご紹介いたします。 小さなショップから比較的規模の大きなショップまで利用できるものを基本として、それぞれの特長を独自の観点で簡単にまとめています。 既に構築したいシステムの要件が細かく決まっている場合は、それが実際に実装できるサービスかどうかを事前にご確認いただくことをお勧めいたします。 EC-CUBE 日本発のECオープンソースです。 とても高機能なのに無料で利用できてしまうところが素敵です。 オープンソースですから、自身で機能を追加することも可能です。 もちろんその場合は技術力を要しますが、EC-CUBEを利用したサイト構築の代理店も多く存在しますので、そういったところに依頼するのも手です。 サーバを既にお持ちだったり、多少の技術的知識がある場合におすす
76800027, Creatas/ Thinkstock illustratorで綺麗なグラフを作りたい。 そんなときに参考になるのが、『Create Beautiful 3D Graphs and Charts in Illustrator』。illustratorで3Dのグラフ・チャートを作るチュートリアルです。 円グラフツールで数値入力してグラフを描き、「効果 / 3D / 押し出し・ベベル」で立体感をつけたり（ベベル：曲面を選択）と、魅力的なチュートリアルとなっています。 aiのソースファイルがダウンロードできるので、一度見てみてください。 Create Beautiful 3D Graphs and Charts in Illustrator GoogleカレンダーのToDo リストで、案件の一覧を管理するようにしてみました。結構便利。
食費を節約する方法として、スーパーのチラシを見比べて、少しでも安いところで買い物をしたり、特売日だけに買い物をするようにしたり、クーポンを必ず使うようにしたりと、涙ぐましい努力をしている人も多いと思います。このような地道な努力も必要ですが、安い商品を買う以外にも、食費を根本的に節約する１０の教えがありましたので、ご紹介しましょう。 1. 食材の調理法をよく知る 食費を節約するカギは、シンプルなことですが、料理方法を知ることです。新しい料理や調理法を試してみた時には、必ずすべての手順をメモしましょう。料理の出来がイマイチだった時には、調理時間を7分から8分に変えてみたり、卵の量を倍に増やしてみたりして、それがどのように作用するか確認します。そうしていくと、食材の調理法について詳しくなり、効率よく美味しい料理ができるようになります。 2. 広告に惑わされない 「本日の特売品！」など、大きく目立
亚洲欧洲自拍拍偷午夜色,国产极品24P,国产乱理伦片在线观看,,日日噜噜夜夜狠狠视频无码,欧美A级毛欧美1级A大片式放,99久久婷婷国产综合精品青草,秋霞午夜理论理论福利无码,单亲和子的性关系A片,亚洲综合另类小说色区色噜噜
SugarSyncは、デバイスごとに同期フォルダーを選択できるのが特徴。携帯端末やネットブックなど容量の小さいデバイスは、大事なフォルダーだけ同期させればよい 個人向けネットストレージサービスとして最も人気を集めている「Dropbox」に強力なライバルが出現した。米国のベンチャー企業、シュガーシンクが提供するデータ同期ツール「SugarSync」だ。5月20日、同社CEOのローラ・イーシーズ氏が来日し、日本語版の提供開始を発表すると同時に、その使い勝手の良さをアピールした。 発表したのは、ネット上のサーバーを仲立ちとし、複数のパソコンや携帯端末間でデータを同期・共有するクラウド型のサービス。米ドロップボックスが提供する「Dropbox」と同じタイプのサービスである。 SugarSyncのユーザーは、2GBまでなら無料で利用可能。有料サービスは、30GB（月額4.99ドル）、60GB（9.9
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
