1. Home
  2. サイト運営情報
  3. アップデート
  4. CSSドラえもんなどをまとめたサイト「Pure CSS Design」のURLを変更しました!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
Facebookのいいね・シェア数が表示されなくなったので修正しました!

Facebookのいいね・シェア数が表示されなくなったので修正しました!

先日から記事のFacebookのいいね数(シェア数)の自作ボタンの数が表示されなくなっていることに気がつきました。最初は一時的なサーバーの問題かと思ったのですが、数日経っ...

FLEXISPOT CPU冷却ホルダー CH1Bでデスクの天板からPCを吊るそう!

FLEXISPOT CPU冷却ホルダー CH1Bでデスクの天板からPCを吊るそう!

前回の記事のFLEXISPOT 電動式昇降デスク E3シリーズをより良く使えるようにするために、今回はオプション的なパーツである「FLEXISPOT CPU冷却ホルダー スタンディングデ...

Gmailのメールを一括削除する方法!(スマホ・PC両方に対応)

Gmailのメールを一括削除する方法!(スマホ・PC両方に対応)

Gmailのメールを整理しようと思った際に、一つ一つメールを選択して削除するのはものすごく大変なので、特定のメールを一括選択して削除をしたいですよね。ですが、Gmailの...

最強のPCデスク!FLEXISPOT 電動式昇降デスク E3シリーズを使ってみた!

最強のPCデスク!FLEXISPOT 電動式昇降デスク E3シリーズを使ってみた!

今回は最強のPCデスクであるFLEXISPOT 電動式昇降デスク E3シリーズを紹介したいと思います。このFLEXISPOT 電動式昇降デスク E3シリーズはなんと電動式で高さを調節可能な...

ダイソーのLANケーブル延長コネクターを買ってみた!

ダイソーのLANケーブル延長コネクターを買ってみた!

今回紹介するのはダイソーで売っているLANケーブル延長コネクターです。LANケーブルを少しだけ延長したい場合、長いLANケーブルを買い直すのは少しもったいない気がします...

アンインストールできないソフトをきれいに削除できる「GeekUninstaller」!

アンインストールできないソフトをきれいに削除できる「GeekUninstaller」!

今回紹介するのはソフトウェアのアンインストールをサポートしてくれるソフトのGeekUninstallerです。普通にアンインストールする際にも使えるのですが、このソフトの良い...

様々なデバイスに対応したFaviconに一括変換してくれる「Real Favicon Generator」が便利!

様々なデバイスに対応したFaviconに一括変換してくれる「Real Favicon Generator」が便利!

今回紹介するのはサイトのFaviconを様々なデバイスに対応した状態で一括変換してくれる「Real Favicon Generator for all platforms」です。スマートフォンのiOS/Android、...

プロ用動画編集ソフトのVEGASシリーズが最大90%割引のキャンペーンを実施中!

プロ用動画編集ソフトのVEGASシリーズが最大90%割引のキャンペーンを実施中!

現在ソースネクストでは、全製品が衝撃プライスのThe Chance Ultraキャンペーンとして、プロ用映像制作ソフトの最新版となるVegas Pro 16シリーズや知識がなくても作曲可能...

Windowsで画像ファイルのサムネイル(縮小表示)が表示されない時の解決方法!

Windowsで画像ファイルのサムネイル(縮小表示)が表示されない時の解決方法!

今回はWindowsを使っていて画像ファイルのサムネイル(縮小表示)が白くなって正常に表示されない問題が発生したときの解決方法を紹介したいと思います。先日スクリーンショ...

NetaGear RSS News

Now Loading

Article

CSSドラえもんなどをまとめたサイト「Pure CSS Design」のURLを変更しました!

 アップデート 
doraemon_css3_v2_001.png

数年前に製作して大好評だったCSSドラえもんCSSぐぬぬインデックスなどの画像を一切使わずにCSSだけで描いた作品をまとめたサイトであるPure CSS Designの公開してた無料サーバーとの契約が切れたので、新しくドメインを取得して移行しました。

前々から移行するつもりだったのですが、完全に忘れてしまってリンク切れ状態になってしまったのでやっと移行しました。これらのCSSだけで描いてみたシリーズは結構時間をかけて作ったものですし、このまま消した状態にするのはもったいないですしね。

Pure CSS Design


doraemon_css3_v2_003.png

Pure CSS Design
http://purecss3.net/

These are Samples drawn with CSS3 only, with no images.

CSSドラえもんなどの過去作品はPure CSS Designの方で公開中です!興味のある人はぜひご覧ください。たまに重い時があるので、そういうときは時間を置いてからアクセスしてください。他の作品は下からどうぞ。

CSS3で作ったCSSドラえもん!


doraemon_css3_v2_001.png

日本人なら誰もが知っている国民的キャラクターの「ドラえもん」です。使うものはXHTML+CSS3だけで一切の画像は使っていません。

CSS3 ドラえもん - Pure CSS Design
http://purecss3.net/doraemon/doraemon_css3.html

CSS3で作ったとあるぐぬぬの禁書目録!


gununu_index_css3_001.png

とあるぐぬぬの禁書目録 - Pure CSS Design
http://purecss3.net/index/Gununu_Index_CSS3.html

とある魔術の禁書目録(インデックス)のぐぬぬ画像を参考にして作った「とあるぐぬぬの禁書目録」です。


CSS3で作ったとある科学の風力発電!


css_Wind_Electricity_001.png

とある科学の風力発電 with CSS3 - Pure CSS Design
http://purecss3.net/wind/Wind_Electricity.html

今回作成したのは、とある魔術の禁書目録やとある科学の超電磁砲に度々出てくる風力発電+飛行船です。ただし、飛行船はchromeだけのおまけです。

今回の個人的感想




今回ドメイン移行して復活しました。IEもついにバージョン10まできたのでCSSドラえもんのお仕事もほとんど終了といったところではありますが、結構な手間をかけて作ったものなのでなくしてしまうのは惜しいと思い、ドメインを移行して復活させました。

それに伴いNetaGearはComing soon...に変更しました。内部システム的にはほぼ完成してるんですが、デザインがあとちょっと決まらないので公開していないのですが、近いうちにNetaGearも公開したいと考えています。そちらの方もお楽しみにー。

Related article

COMMENT TO THIS ENTRY

復活してよかったです!

10284

Most Popular

Now loading...

Social Links

Sponsored Link

Popular Article

Access Ranking

Now Loading...

当ブログにリンクしていているサイトの中でアクセス数の多いサイト上位15位が表示されます。今ならリンクするだけで簡単に上位に表示されます。