1. Home
  2. サイト運営情報
  3. アップデート
  4. CSSドラえもんなどをまとめたサイト「Pure CSS Design」のURLを変更しました!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
Bluetooth対応のスマート体重計・体組成計が送料込み1290円の大特価!

Bluetooth対応のスマート体重計・体組成計が送料込み1290円の大特価!

現在AmazonではBluetooth対応のスマート体重計・体組成計がなんとクーポンコードを使用することで衝撃の1290円で販売されています。スマート体重計・体組成計はスマホやタ...

Googleが11.11特別価格セールを実施中!Google HomeやChromecastなどが対象!

Googleが11.11特別価格セールを実施中!Google HomeやChromecastなどが対象!

現在、Googleが11.11だけの特別価格セールを実施しています。Google Pixel 4 / 4 XL を購入すると、Google Nest Hubをプレゼントしたり、Google Nest Hubが4,400円引き、Go...

SONY NEXシリーズのダミーバッテリーUSB電源ケーブルを買ってみた!

SONY NEXシリーズのダミーバッテリーUSB電源ケーブルを買ってみた!

私はブログでレビュー記事を書く時に写真はSONY NEX-5Nという今ではだいぶ古いカメラを使っているのですが、最近の悩みはバッテリーがすぐに無くなってしまい、製品の写真...

ダイソーの防滴ワイヤレスBluetoothスピーカー「BTS-032A」を買ったみた!

ダイソーの防滴ワイヤレスBluetoothスピーカー「BTS-032A」を買ったみた!

今回紹介するのは100円ショップのダイソーで販売されているワイヤレスBluetoothスピーカーの防滴仕様です。スマホとなどとBluetoothで連携して、ワイヤレスで音楽などを再...

DearMob iPhoneマネージャーでiTunesを使わず音楽を転送しよう!

DearMob iPhoneマネージャーでiTunesを使わず音楽を転送しよう!

前回はDearMob iPhoneマネージャーでiTunesを使わない簡単に写真を転送する方法について紹介しました。今回の記事ではiTunesを使用せずにDearMob iPhoneマネージャーで簡単...

Auslogics Windows SlimmerでWinSxSフォルダを小さくしよう!

Auslogics Windows SlimmerでWinSxSフォルダを小さくしよう!

今回はAuslogics Windows Slimmerを使ってWindowsの無駄なファイルを整理してSSDやHDDの容量を増やす方法を紹介したいと思います。Auslogics Windows SlimmerにはWinSxSフ...

合計900ドルのソフトウェアをプレゼント!WonderFoxのハロウィンキャンペーン!

合計900ドルのソフトウェアをプレゼント!WonderFoxのハロウィンキャンペーン!

WonderFoxでは、合計900ドル分となる18個のソフトウェアのライセンスコードをプレゼントするWonderFoxハロウィンキャンペーンを実施しています。このキャンペーンは2部に分...

スマートスピーカーAmazon Echo Dotが999円で販売中!Music Unlimited(1ヶ月分)付き!

スマートスピーカーAmazon Echo Dotが999円で販売中!Music Unlimited(1ヶ月分)付き!

現在AmazonではスマートスピーカーAmazon Echo Dotの第3世代が過去最安値となる999円で販売されています。さらに今回はAmazon Echo Dotに加えて音楽定額配信サービスのAmaz...

Windows10のゲームバーで画面録画をしよう!

Windows10のゲームバーで画面録画をしよう!

今回はWindows10に標準で搭載されているゲームバーを使用した画面録画(キャプチャー)の方法について紹介したいと思います。画面を録画すると聞くと専用のソフトをインスト...

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位が表示されます。今ならリンクするだけで簡単に上位に表示されます。