CSSだけで作られたシンプルなアナログ時計
自動で時間の取得はできませんが、アナログ時計として動作します CSSだけで作らえたアナログ時計 すこしサイズが大きいです 真ん中の方にある矢印で、時刻合わせも可能です CSSのソースを見ると、 […]
にょーんっと開く巻物のメニューを実装する HTMLコード
IEだとグラデーションが表示されていないので 上手く背景画像に切り替えたら使えそうなアイディアです ライセンスはMITです クリックで開閉する巻物 メニュー これをサイトのメニュ […]
簡単導入 カラフルなドーナツグラフ [jsdo.it]
この前は円グラフを紹介しましたが 今回は、ドーナツ型の円グラフです 前回のグラフと比べてどちらのほうが好きかというとこっちのほうが好きかな？ 実際の動作 使い方 一番簡単な使い方としては、HT […]
Google Adsenseでウェブサイトでどんな広告が表示されているかを広告レビューセンターを使って確認する方法
Adsenseでどんな広告が表示されているかを確認することが出来ます アカウント単位での表示された広告になるので、どのサイトで表示されたものかまでは特定する事ができませんが確認する価値はあります 広告レビュ […]
WordPressで自動で生成されるサムネイル画像の画質（クオリティ）を設定する方法 ImageMagick Engine
WordPressには自動で設定してしているサイズの画像を画像がアップロードされると作成する機能が付いていますが、そのサムネイルの画質というものは操作出来ません、WordPressのコアが自動でやっています そこでWor […]
完全無欠かと思われたWindows Live Writerに欠点があった？
Windows Live Writerを使って現在も記事を書いています （以降Windows Live WriterをWLWと呼ぶ） WLWはブログエディタで最強かと思っていたのですが 一つ欠点がありました それはJPG […]
WP+Windows Live Writerで画像のアップロード先をFTPで直接サーバーにして画像がかさばらないようにする
WordPressで画像をアップロードすると、もれなく色々なサイズの画像が生成されます その分画像ファイルが増えるし、画像一枚一枚にアタッチメントといメディアページまでも作らえれます 地味にデータベースの容量も食っていき […]
WordPressで個別記事のページネーションを同一カテゴリ内だけにする方法
WordPressでsingle.phpでページネーション（次の記事、前の記事）のリンクを同じカテゴリーだけで前後の記事にする方法です 通常のリンクの設置コード <?php previous_post […]
WEBサイトに簡単にアニメーションする円グラフを設置する
またもやjsdo.itで使えそうなものを見つけました！ 円グラフをjavascriptとCSSと1行のHTMLで実装するプログラムです ライセンスはMITです アニメーションするSVGで作られた円グラフ H […]
CSSだけで作られた、ちょっと騒がしいスライド
codepenでCSSで作られたアニメーションたっぷりのスライドを見つけましたので紹介します WEBサイトへの埋め込みでは少し上手く動かないかもしれません そのときはこちらで、確認してみてください http […]
初心者でもウエブサイトに簡単にアニメーションを付けるためのコードを生成してくれるジェネレーターanimate.css
CSSにあまり詳しくない方でも使いやすいツールanimate.cssです HTML要素でアニメーションを付けたいものに2つのクラスを付けるだけで動作させれてしまうものです アニメーションの種類は全部で70もあり、アニメー […]
CSSで文字が跳ねたり動いたりループするアニメーションの色々なバリエーション
今まではGIFアニメーション等の素材でやっていたところを、CSSだけでできちゃうようなアニメーションの作例です webkit系のみで動作して、他ではアニメーションはせずに表示されるだけです http://jsdo.it/ […]
CSSでプログラミング？ CSSとHTMLだけでワニワニパニックを作ってしまった人が居る
最近jsdo.itの存在を知って色々コードを探したりしていますが なんと、CSSだけでゲームを作ってしまっている人が居ます 驚愕です こちらがそれになります CSS PANIC […]
CSSでクリックされた時（クリック中）に変化する要素を作る方法
CSSでは、マウスオンされたときに文字の色を変えたり、色々な変化をhoverで制御するのが常套手段として使われていますが、activeプロパティを使うことで、クリック中の変化を与えることが出来ます acti […]
CSSのtext-shadowだけで、文字の枠線をゴリ押し気味に付けてしまう方法
背景に画像を使っていたりすると文字がはっきり見えなかったりしますよね そんな時には文字に枠線を付けてやれば視野性が良くなります そこで、文字の縁取り専用のCSSプロパティもあるのですが、text-shadowで文字に枠線 […]
GitHubからコードを探す方法（アドバンスドサーチ）
Web制作に使えそうなコードがサイトで色々紹介されていたりしますが、元はどこかな？と思ったらGithubで有ることが多いです、それならばGithubから直接探せばまだ見ぬ素晴らしいコードが沢山見つかるんではないのかな？と […]
ライブドアブログがMarsEdit、Windows Live Writer等のブログエディタに対応
ライブドアブログと言えば、一番最初にブログを始めた時に利用したブログですね。 無料ブログのなかでもクォリティーはハイレベルです 一つのアカウントで複数ブログを持てるのも良かったですね。 今はサーバー借りて、自由度の高いW […]
All In One SEO Packが2.1.1にバージョンアップ
All In One SEO Pack の新しいバージョンが出ていました アップデート内容 Google Analyticsのディスプレイ広告向け機能をトラッキングコードに追加することが可能になりました デ […]
レンタルサーバーのヘテムルが月額1000円～からに
レンタルサーバーのヘテムルが月額1000円～からに 今までは一律1500円でしたが、最長の3年間契約で月額あたり1000円に 1000円台で人気といえばエックスサーバーのx10プランですね エックスサーバーとヘテムルのス […]
CodePenとは何か？ HTML、CSS、JSのコードを公開共有できるサイト
先ほど書いたjsdo.itと同じく Web制作に使えるHTML、CSS、JSのコードの投稿・共有が出来るサイトです まだあまり日本では広まっていないのか、codepenについて調べても情報が少ないですね でも、かなりCO […]
