フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
直帰率を下げるためのアクセス解析術――回遊分析（1） [アクセス解析tips] | 衣袋宏美のデータハックス
前回まで4回にわたって流入分析を解説してきたが、今回からは回遊分析についてお話ししていく。回遊分析とは、サイトに来訪したユーザーが目的の情報にたどり着けているかを明らかにするための分析である。サイト内でユーザーが最初に見るページを「入口ページ（ランディングページ、閲覧開始ページ）」と呼ぶが、まずは入口ページでの直帰率が分析ポイントとなる。 何らかの目的を持って来訪したユーザーが、入口ページを見ただけでサイトから出ていってしまうことを「直帰」といい、直帰したユーザーの割合を「直帰率」という。直帰率が高い場合には、いきなりアクセス解析から始めるよりも、まずは基本的なことができているかどうかを確認しよう。一般に直帰率を下げる施策としては、 全文表示しないで続きを読ませる（ブログ）商品を多く並べて賑やかにする（ショッピングサイト）Flashの多用をやめる画像リンクをテキストリンクにするといった基本
![直帰率を下げるためのアクセス解析術――回遊分析（1） [アクセス解析tips] | 衣袋宏美のデータハックス](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c7da2e9041cd0eab265a2c698386bec563d2a30/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2009%2Fdatahack%2Fdatahack_icon.gif%3Fitok%3DHzcXGYqr){kind=icon}
副業としてイラスト･デザインで稼ぐ5つの方法 | nanapi[ナナピ]
副業としてイラスト･デザインで稼ぐ5つの方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活！ あなたのライフレシピを待っている人たちがいます あなたが生活でちょっとうまくやっていること、 それを知りたがっている人たちがいます！ あなたの投稿で、 みんなの生活をハッピーにしてみませんか？ nanapiに参加する（無料） はじめに 不況の折、収入が減り生活のために副収入を探している方も多くいらっしゃると思います。 最近は、デザイン業界で“クラウドソーシング”と呼ばれる仕組みを使ったサービスが増えています。これは、企業がネットを使って多くのネットユーザーに仕事を依頼し、必要なスキルを持つユーザーが仕事を請け負うマッチングサービスの総称です。これらのサービスを活用すれば、自宅で空き時間を使って副収入を得るこ
buta.in - buta リソースおよび情報
This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. 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
最新ではない、最新SEO 2010 ::SEM R (#SEMR)
最新ではない、最新SEO 2010 新年度特別企画。最新SEOとして紹介されているSEOの大半は、実は最新ではありません。最新と紹介される前に、自分で勉強する機会はいくらでもあります。 公開日時：2010年04月01日 11:54 私はSEOの記事を書くときに、「最新SEO」という切り口で紹介したことは過去にほとんどありません（書籍等で編集者が宣伝時にそういった文句を使うケースはあると思いますが）。なぜなら近年、巷で「最新SEO」として紹介される最適化手法の大半は、欧米含めたSEO業界にとって「常識」「過去のもの」だからです。 つまり、10年近く前にベストプラクティスとして推奨されているものを、今更「最新SEO」として紹介するのは私としては納得がいかないのです。さらに、あたかも「SEOには常に最新のテクニックがある」と皆さんに思われてしまうことは、本当に大事な継続的に行うべき施策を過去のも
もう使えない・古いSEOの知識 2010 （前編） ::SEM R (#SEMR)
もう使えない・古いSEOの知識 2010 （前編） かつては真実だったけれども、今は違うSEO知識まとめ 第1回。 公開日時：2010年04月05日 15:12 先日の最新ではないSEOに関連して、今度は、もう古いSEOの話。はてなに投稿された質問について。SEOについて考えて見ましょう。 SEO対策について質問です。SEOをやっている人などから以下の項目のようなことを聞くのですが、ソース（出所）を見たことがありません。以下のどれかについて可能な限り信頼できるソースか、または納得できる根拠をお教えいただけますでしょうか。 ●.htaccessでURLを書き換えた(スラッシュ終わりなどにした)方がいい ●拡張子はphp（動的なもの）などよりhtml(htm)の方がいい ●ドメインは「wwwあり」の方がいい ●サブドメインよりディレクトリ分けの方がいい ●h1を入れるならbody直下が一番いい
無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
WEB制作、プロの無料サービス活用術 第1回 - MdN Design Interactive
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（1） クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための 82の活用術の中から、Web制作に使えるデザインに特化した無料オンラインツールの活用法を13点紹介する。デザインの幅を広げ、Webサイトの質を高める実践方法を試してほしい。 Tweet [technique 01] オンラインで本格的な画像編集をする 「pixlr」 [technique 02] 繰り返し用の背景画像を作成する 「Tiled backgrounds designer」 [technique 03] カラーパター
Wordpress SEO: これを読めば後は何もいらない！ » SEO Japan
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 皆さんもご存知のように、私はワードプレスを愛用している。私はアフィリエイトサイトの大半でこのプラットフォームを利用しており数千ドル/月の収益を手に入れている。また、このブログを含むブログにも利用している。しかし、このCMSを活用しているのは私だけではないはずだ — 実際に無数のサイトがこのソフトウェアをベースにしている。 そのため、ワードプレスを称賛する声は後を絶たない。しかし、デフォルト時のSEOに関してはメリットの一つに挙げることは出来ない。私は、このソフトエウェアを多用し、検索エンジンのトラフィックのおかげで多額の収入を得るなかで、ワードプレスの設定の最適化における最良の方法を編み出した。
lpo-consulting.com
lpo-consulting.com 您正在访问的域名可以转让!This domain name is for sale! 一口价出售中！ 域名Domain Name:lpo-consulting.com 售价Listing Price:CNY 888.00 立即购买>> BUY NOW>> 通过金名网(4.cn) 中介交易 金名网(4.cn)是全球领先的域名交易服务机构，同时也是Icann认证的注册商，拥有六年的域名交易经验，年交易额达3亿元以上。我们承诺，提供简单、安全、专业的第三方服务！ 为了保证交易的安全，整个交易过程大概需要5个工作日。 具体交易流程可“点击这里”查看或咨询support@goldenname.com。 我要购买>> Process Overview: 4.cn is a world leading domain escrow service platfor
被リンク獲得：無料で誰にでも出来るSEO効果の高い方法 | パシのSEOブログ
「WordPressブログの内部SEO対策」、「無料ブログのSEOとアクセスアップ」につづき、無料で誰にでも出来るシリーズ第三弾として、今回は被リンク対策を取り上げます。 SEO対策の効果は被リンクによって大きく変わってきますが、今回は有料リンクの購入や有料ディレクトリ登録を行わずに無料で実施可能な被リンク獲得法についてまとめてみます。 有益なコンテンツを作ってナチュラルリンクを集めるのが最も良い方法ではあるのですが、「そんな事は分かってるけど、有益なコンテンツって具体的に何？」という意見も多いので、今回は誰にでも出来る方法に絞ります。 手間や時間がかかる対策 被リンク獲得法にも手間がかかるものとかからないものとがありますが、手間がかかる対策というのは実施する人が少ない分、効果がある可能性が高いという事になります。 相互リンク いまさら相互リンクと思うかもしれませんが、相互リンクは企業サイ
cssのちょっと小粋なテクニック13個
小粋の定義は分かりませんが、ちょっと「おっ」と思えるcssのテクニックをいろいろと。以前、記事にさせていただいた、ｃｓｓとHTMLのみで3D効果を実現したテクニックで他にも無いかなと思って同様に驚いたテクニックです。 3Dのテクニック同様に実用性があるかどうかは考えていませんが、何かのヒントになるかも・・と思い、cssplayでちょっと探してみましたのでいくつかのｃｓｓを使った良アイデアや高度なテクニックなど。 ざっとしか見ていませんが、多分jsは使ってないと思います。 Film strip gallery with information text ネガポジ加工された画像にフィルムのような枠をつけてマウスオーバーで写真を表示するギャラリー。 Film strip gallery with information text Super animation – just for the fu
商用サイトでも無料の国内外のWeb制作に使える素材サイト総まとめ・2009 - かちびと. net
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）なWebサイトの素材情報です。一応確認はしていますが、ご利用の際はご自身の目で必ずライセンスや利用規約（Terms of Use等）をご確認下さい。サイトごとに利用規約も異なります。当サイトは一切の責任を負いかねます。 日本国内、及び海外の商用OKなWeb素材配布サイトと日本語で紹介された海外記事のまとめです。 2度手間を防ぐ目的でリンクにマウスオーバーすると画像をツールチップで表示するようにしました。多少表示に時間掛かるかもしれません。 写真商用サイトでも利用できるロイヤリティフリー、パブリック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP