Chromeをアップデートしたらshockwaveがクラッシュするようになった場合の対処
WinXPのほうのマシーンで、Chromeをアップデートしたらショックウェーブがクラッシュして一部のyoutubeが見れなくなりました、youtubeの動画広告に反応してshockwaveがクラッシュしているみたいでした […]
短いコードだけどカッコいいSVGを使った、マウスオーバーのアニメーション SVG Animation
SVG Animation 動作が止まっているときはRERUNしてください、それでもうまくいかない場合はこのリンク先で見れます シンプルながら、SVGを活かしたカッコいいアニメーションです サイトのロゴにこのアニメーショ […]
CSSでマウスオーバーで文字がスライドして入れ替える方法
CSSのline-heightとネガティブマージンを使って手軽に文字を入れ替える方法です さらにtransitionを使ってアニメーション化します HTML コード <div> <p>TEXT 0 […]
BracketsのコードヒントでCSSのPosition stickyが候補に表示されてたので調べてみた
CSSのposition sticky まだ試験段階のもので、標準で動作することは基本的なくてGoogle Chrome CanaryとFirefox Nightlyで、機能を有効にすることで試すことが可能のようです S […]
レスポンシブなCSSで作られた円形の画像ギャラリー circle image gallery (pure CSS version)
circle image gallery (pure CSS version) CSSだけで作られた円形の画像ギャラリーです 周りの回転している画像にマウスポインターを乗せると中央の画像が切り替わるものです レスポンシブ […]
AdSenseが簡単に設置できるWordPressプラグイン Google Publisher Plugin（google公式）
Google公式のWordPressプラグイン Google Publisher Pluginはウェブマスターツールでのサイトの確認と、AdSenseの管理が簡単に行えるプラグインです Google Publisher […]
少し奇抜なCSSだけで作られたメニュー Pure Css3 Menu
Pure Css3 Menu 好みは結構分かれそうなデザインのCSSだけで作られたメニューバーです ドロップダウンのあるメニューで、奇数と偶数でデザインを分けてギザギザな表示になっています – […]
WordPressのプラグインで現在の検索エンジンでの表示順位を収集して確認できるSEO Rank Reporter
SEOがどれほど進んでいるのかをチェックするできるWordPressのプラグインがあります。 このプラグインを利用することで、現在の検索結果の順位を3日ごとに収集して表示してくれるものです SEO Rank […]
無料で使えるVPSは存在するのか？ HOST1FREEとVPS.me 他の候補も有り
近頃VPSに興味があり、無料で使えるVPSがあれば学習用に使ってみたいなと思い調べてみました 有力候補は2つ？ HOST1FREE VPS.me どちらも無料でVPSを一応借りることはできるみたいです HO […]
画像の移り変わりが楽しい3Dアニメーション Grid Animation Effects
Grid Animation Effects ANIMATEのボタンをクリックしたら、表示されているサムネイルがランダムに3Dアニメーションします。 この例ではクリックでアニメーションさせていますが、ページを開いた時にア […]
TweetDeckでツイートのメモに使える Custom Timelineの使い方
TweetDeckで最近追加された機能でカスタムタイムラインというものがあります、これはツイートをコレクションしていくようなもので、後で見たいツイートのリンク先や気に入ったツイートを集めるものです、カスタムタイムラインは […]
CSSだけで作られた、ゲームボーイがアニメーションで出来上がる
ゲームボーイをCSSで描いて、それをアニメーションで少しずつ出来上がっていく様子です ゲームボーイの内部もアニメーションで作れれていて見ていて楽しい 実用的なWEB制作には、あまり使えるシーンが無いのですが、CSSでここ […]
BracketsでCSSの色コードを簡単にRGB(a)、Hex、HSLaに相互に簡単に変換する方法
Bracketsでは色コードでクイック編集をすると、カラーパレット等のツールが表示されます、そこの機能を使うことで簡単に色コードをそれぞれ相互に変換することができます BracketsでCSSの色コードを変 […]
WEBサイトに地図を埋め込めるサービス3種 Yahoo地図、Googleマップ、いつもNAVIでの使い方
Yahoo地図での地図の埋め込み方 http://map.yahoo.co.jp/ ヤフー地図にアクセスします 貼り付けたい地図まで、検索やカテゴリなどから探し出します 地図画面の右上にあるURLをクリックするとコードが […]
CSSだけで作られた立体感のある黒ベースの光が回るローディング
CSSだけで作られたローディングです CSSだけで作成されたローディングで、光が回っているのですが、ちゃん光の反射も表現されていて立体感があります。しばらく見てられるぐらいカッコいいです ローディングが止まっている場合は […]
Google Analyticsで一つのページに2以上の複数のAnalyticsコードを設置する方法
Google Analyticsで一つのページに2以上のAnalyticsコードを設置する方法 Googleのヘルプによる情報 ga.jsを使っているコードの場合は一つのインスタンスしか利用できないのでga.jsを複数使 […]
暗闇の中、懐中電灯で紙を照らしているかのようなWEBサイトのアイディア
マウスポインターがライトとなってページを照らすアイディア 通常のWEBサイトでこんなことされたら、たまったもんじゃないんですが遊びとしてはとてもおもしろいです 電気のスイッチなんかを作って、全体を明るくするなんて工夫を加 […]
.みんな(ドットみんな)の一般の取得は2014年2月21日から、Gonbei Domainでは日本語で取得可能
新gTLDの.みんなのドメインの登録期間が開始されています gTLDとはだれでも取得可能なドメインです、地域や業種等で制限されることがないものです 代表的な.comや.netがgTLDです 日本語対応のドメ […]
メガネのレンズがあるところだけクリアに画像が見えるCSSの画像フィルターblurを使ったアイディア
CSSのblurを使ったメガネのレンズの部分をクリアに見せるアイディア メガネを使えばこんなに綺麗見れますよっていう宣伝につかったり、メガネの部分を虫眼鏡にして遊べるWebサイトを作ったりと使えそうですね […]
Googleドライブで詳細とアクティビティが表示できるようになり、だれが編集したかわかりやすくなった
複数人数でgoogleドライブにファイルを編集している場合に、だれが何をしたかがわかりやすく表示できるようになりました 詳細とアクティビティが画面の右側にあるので、それをクリックすると表示させることができます ファイルだ […]
