Google Analyticsでのデーターの保存期間と制限
サイトの総アクセス数をずっと記録していきたい 例えば10年間続けたサイトで累計のアクセス数、PV数を見てみたいと思った時にGoogle Analyticsではデータがいつまで残っているのかが気になります 調 […]
映画の宣伝の様な映像っぽい文字がフェイドインしてくるCSSアニメーション ～CSS3 Text Animation Effect～
CSS3 Text Animation Effect See the Pen CSS3 Text Animation Effect by Nick Mkrtchyan (@Sonick) on CodePen. http […]
フェイスブックのLike BOXをレスポンシブにする方法
Facebookのライクボックスは基本的に横幅を指定して設置しますが、レスポンシブなサイトだとレイアウトが変動するので、それに合わせて横幅が自動で決まるようにする方法です FacebookでLike BOXの作成 htt […]
好きなサイズの広告枠でAdSenseを設置できるカスタム広告ユニット
今まで通常、広告サイズはAdSense側が用意したサイズでしか広告を設置することが出来なかったのですが、WEBサイトの空いたスペースに合わせてAdSense側が広告を表示してくれるしてくるのがカスタム広告ユニット &nb […]
CSSだけで実装できるタブメニュー radioボックスを使ったシンプルなコード ～CSS Tabs～
CSS Tabs See the Pen CSS Tabs by How Bizarre (@howbizarre) on CodePen. http://codepen.io/howbizarre/details/bE […]
Adsenseの非同期コードにあるadsbygoogle.jsは複数・各コードに必要なのか？ 一つでも大丈夫らしい
WEBサイトを高速にするために、少しでも不要なコードと読込を減らしたいところです AdSenseではユニット型広告は最大1ページに3つまで表示する事ができるのですが、コードを取得する度にadsbygoogle.jsがつい […]
文字がほろほろと落ちてくるようなアニメーションをWEBサイトに実装するコード ～Simple float down text paragraph～
Simple float down text paragraph See the Pen 文字がほろほろと落ちてくるようなアニメーション by たつや (@tatsuya) on CodePen. http://code […]
CODEPENをWordPressのビジュアルエディタで簡単に貼り付けられるプラグイン
CODEPENはHTML、CSS、JSを専門的に扱ったコードを投稿。編集、埋め込みができるもので、そのCODEPENの埋め込みをWordPressのビジュアルエディタで貼り付けできるショートコードが使えるようになるプラグ […]
AdSense Directとは？AdSenseの広告枠を直接取引できる仕組み
現在2014年1月22日 AdSense Directは日本ではまだ使えないものですが、AdSenseを使っていながら、個別に掲載する広告を広告主と提携できる仕組みです。 難しいところはAdSenseが自動で調整してくれ […]
404エラーをtext-shadowとanimationを使って壊れかけのネオン管で表現したアイディア
元はjavascriptでどうさせるものでしたが、CSSだけで動かせるように改良されたものです No Vacancy 404 CSS Only http://codepen.io/Zeaklous/pen/dIomg こ […]
サイト内のはてなブックマーク数とどのページがブックマークされているかを簡単に調べられるツール 「はてブチェッカー」
サイト内というか、ドメイン内のはてなブックマーク数をチェックできて、どのページがブックマークされているかをチェックできるサービスです はてブチェッカー http://hatebu-checker.net/url/ &nb […]
Canvasで作った泡がポコポコ浮き上がるアクアリウム ～Aquarium～
Aquarium HTML5の新要素 Canvasをつかって表現された泡がぶくぶくと上がっていくアニメーションです。 小さい泡はマウスポインターを当てると動きます。癒し系なアニメーションです 背景とか、ヘッダー画像の代わ […]
GMO お名前.com VPS、CONOHA でWordPressに最適化されたテンプレートの提供開始
最近VPSでのWEBサイトの運営に興味があり。VPSの情報を少しづつ集めているのですが GMOのお名前.COMとCONOHAでWEBサーバーのセットアップが簡単にできるWordPressテンプレートというものが提供される […]
Twitterのフォローボタンをテキストリンク化する方法
Twitterのフォローボタン、いいのですが やっぱりデザイン的にちょっと、WEBサイトに合わない時があるので できればテキストリンクで実現したい Twitterのフォローボタンをテキストリンク化する方法 […]
javascriptを使わずCSSのみでマトリックスのような文字が流れるアニメーション ～The Matrix in Sass～
The Matrix in Sass 映画マトリックス(MATRIX)で印象的だった、文字が流れていく様をCSSで実現したものです 何故か文字は片仮名と平仮名が流れていますがクールでカッコいいです 文字はCSSの方で扱っ […]
FeedlyのFollowボタンをテキストリンクで実装する方法
Feedlyへの登録ボタンをテキストリンクにする方法です。 Feedlyの場合はかなり簡単にできます 1 Feedlyでボタンを作る http://www.feedly.com/factory.html 普 […]
レスポンシブに対応したテーブル(TABLE)デザインのアイディア
Responsive Table v2 http://codepen.io/green-plastic/pen/Fczvd Responsive table http://codepen.io […]
WordPressのカスタムメニュー(wp nav menu)で囲まれている<ul>タグを削除・無くす方法
WordPressでちょっと凝ったメニューを実装しようと思って、ulがあると邪魔になるのでulが無い<li>そのままでカスタムメニューを出力する方法です カスタムメニューで出力されるタグからul […]
WordPressに簡単にGoogleマップを設置できるプラグイン Simple Map
WordPressの記事に簡単に地図を挿入するプラグインです。 設定等はなく、書くショートコードで色々カスタマイズする事ができます Simple Mapの基本的な使い方 http://wordpress.o […]
マウスオーバーで回転する3Dなボタン 3D button flip
3D button flip マウスポインターを乗せるとクルッと回転して、別の側面を表示する3Dなボタンです メニューなどで並べて表示したときに、楽しそうかなと思います rotateを使って3D表現されています SCSS […]
