Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now

「CSS Sprites（CSSスプライト）」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね（2012.8現在）。 具体的には「サイト内で使用するたくさんの画像（パーツ）をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要

リユース総合商社”のオフィスバスターズ、施工状況を360度カメラで撮影し、社内およびクライアントと共有

国産の２倍のイキイキパワー！徹底した衛生管理の下、国内工場でじっくり時間をかけて作られたヴェーダヴィ ジンジャーシロップで今年の冬は体の芯までイキイキ！わずか大さじ１杯から始められる､リピーター続出のおいしくて続けられる｢飲むイキイキ習慣｣を応援します。 初めての方に嬉しいお試しサイズ！ オフィス等に便利なミニボトルもご用意しています。

ドイツ人の名前の由来・意味…ノア、ユリアなど名前とは洋の東西を問わず、いかなる形であれ想いを込めて与えられるもの。「マルティン」や「ユーリア」といったドイツ語圏で頻繁に目にする名も、それぞれが独自の意味合いを持っています。友達の名前にどんな由来があるか調べてみても面白いかもしれません。 欧米ではある程度親しい間柄であれば、大人でも苗字でなく名前でなく呼び合う傾向がありますが、これはドイツ語圏も同様。自己紹介の際からファーストネームが基本と言ってよいでしょう。では「いわゆるドイツ系の名前」とはどのようなものでしょうか。 日本ではアニメや漫画でドイツ系設定のキャラも登場することが多いため、そこから知る向きもあるかもしれません。 例えば『新世紀エヴァンゲリオン』のヒロイン・惣流（式波）・アスカ・ラングレーもドイツ系という設定。ただし彼女の「アスカ」という名前は一般的なドイツ名ではありません。 一

この記事は、1年以上前に書かれたものです。 情報が古い可能性がありますので、よく調べてから参考にしてください。 ダウンロード、設置 http://bxslider.com/にアクセスし、右上のDownloadボタンからファイルをダウンロードします。 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.bxslider.min.js"></script> head内に読み込みを記述します。 HTML HTML側での記述はこんな感じです。 <ul class="bxslider"> <li><img src="images/01.jpg" /><

revenue-hack 31歳のWeb歴8年以上のフリーランスエンジニア。 プログラミングやエンジニアを目指そうとしてる初心者向けに、現役エンジニアとして勉強法などを発信。 副業も年間300万稼いでいて、プログラミングを教えたり、ブログ発信で収益化。 AWS SAA保持者。 Twitterでは主にブログやSEO、プログラミングに関して情報発信しています。

Akismet プラグインは記事に対するコメントの中でスパムコメントなどを自動的に分類してくれるプラグインです。ここでは Akismet プラグインのインストール方法と使い方について解説します。なお Akismet プラグインを使用するには API キーを取得する必要が有ります。 Akismetプラグインのインストール Akismetプラグインは最近のWordPressではインストール済みとなっています。(有効化はされていません)。 インストールされていなかった場合は、画面左側の「プラグイン」メニューの中にある「新規追加」メニューをクリックして下さい。 「プラグインを追加」画面が表示されましたら、画面右上の検索ボックスで「Akismet Anti-Spam」を検索して下さい。 「Akismet Anti-Spam」プラグインが表示されましたら「今すぐインストール」をクリックして下さい。 イ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

たくさんのWordPress（ワードプレス）をまとめて管理 １つのご契約サーバーに最大100データベース=WordPress100個を作成可能。（全てのWordPressを異なる独自ドメインで運用することもできます。） たくさんのWordPressをひとつのアカウントにまとめられるので管理が楽ちん。 1サイト実質10円（税抜） WordPressを100個作ると1個10円（税抜）と、信じられないくらい低価格。サーバー契約のコストが削減できます。 SSDで高速化 大容量16GBメモリ／Xeon6コアCPU搭載のハイスペックサーバー＋SSD採用のデータベースでWordPress（ワードプレス） を高速化。快適にご利用頂けます。 転送量制限 120GB/1日 キャンペーンサイトなどの一時的にアクセス数が急増するサイトにもおすすめです。

nofollowとは、指定したリンク先にPageRankを渡さず、リンクをクロールの対象から除外するためのタグです。リンクのSEO的価値を無効化することができるため、全ての外部サイトへのリンクにnofollowタグを記載されているケースが多く見られますが、これは本当に意味のある行為なのでしょうか？ここでは、nofollowの本来の目的や正しい使い方、勉強として過去のテクニックも解説します。 ※nofollowを詳しく知らないという人は以下からどうぞ。 無意味です 「外部サイトへのリンクには、PageRankが外に流出するのを防ぐために”nofollow”を入れるように、とSEOの人からアドバイスをもらったことがあり、実践している」という方が今でも多いように思います。というか多いです。 ほとんどの場合、大切なPageRankの流れを意味もなく断ち切っているにすぎず、プラスになることはなくマイ

PNG32bit(24bitアルファ付き)画像では、8ビット(256階調)の透明度が各ピクセルに割り当てられていますので、ドロップシャドウの部分も綺麗に再現されます。 GIFやPNG8ではアルファ値は1ビットですのでONまたはOFFの2階調しかありません。よって、透過を活かしたアイコンが作りにくく、どうしても汚い画像になってしまいます。 アイコンには 16x16 , 32x32 , 48x48 , 96x96 , 128x128 等の複数の画像を含めるようにしましょう。表示環境によって、より適した画像が表示されます。 ファビコンを作成の方へ： 16x16の画像を含ませて、ファイル名をfavicon.icoに変更すれば完成です(任意のファイル名でもOK)。 favicon(ファビコン)とはウェブサイトやウェブページに関連付けられたアイコンのことです。 faviconは日本では「ファビコン」と

WEB製作者の為のSEOチートシート SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました。 重要なHTML要素 title要素にキーワードを含みましょう。 h1,h2,h3要素にキーワードを含みましょう。 b要素、strong要素でキーワードを包みましょう。 img要素のalt属性、ファイル名にキーワードを含みましょう。 a要素のtitle属性、アンカーテキストにはキーワードを含ませましょう。 a要素のnofollowを上手に使いましょう。 インデクシングに関する限界 ページのファイルサイズは150KB以下にしましょう。 ページ内のリンクは100個以内にしましょう。 title要素は70文字(半角)以内にしましょう。 meta要素のdescriptionは155文字（半角）以内にしましょう。 URLの含まれるパラメーターは2個以内にしましょう。 ディレクトリの

リンクを評価するようになるよりも前の（つまり昔の）検索エンジンは、ページ内にテキストで書かれた言葉で判断していた。その言葉の使用回数が多ければ、そのページはそのトピックについて書かれていると理解していたんだ。 しかし、ページ内でその言葉を繰り返して使い過ぎると、キーワードの乱用とみなして、反対に評価を下げるようにもなっていった。 ページを判断する手段はその他にもある。たとえば、評判が高そうなドメイン名にあるコンテンツだから評価を高くしようということもあるだろう。 今の検索エンジンは、コンテンツの質を評価するために、そうしたさまざまな方法をたくさん使っているんだ（リンクもその1つだ）。 だがもし検索ユーザーが本当に珍しいキーワードで検索して、その言葉が書かれたページがウェブ上にほとんどなかったとしたら、どうだろう。その言葉が書かれているページがウェブ上に1つだけ存在するが、そのページにはまっ