1. Home
  2. サイト運営情報
  3. アップデート
  4. CSSドラえもんなどをまとめたサイト「Pure CSS Design」のURLを変更しました!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
Chromeを簡単にカスタマイズ!14色の公式ブラウザテーマを公開!

Chromeを簡単にカスタマイズ!14色の公式ブラウザテーマを公開!

Googleの「Chrome」チームが初となるChromeの公式テーマを公開しました。今回公開された14色のカラーリングは色合いや濃淡も様々なものが用意されています。これらのテーマ...

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!

一般的なWebサイトに用いられている画像はPNGやJPEGがほとんどですが、今回はWebサイトにおける次世代画像フォーマットのWebP(ウェッピー)の話をしたいと思います。WebPはG...

JPEG/PNG形式の画像をWebPへ一括変換できるソフト「WebPconv」が便利!

JPEG/PNG形式の画像をWebPへ一括変換できるソフト「WebPconv」が便利!

今回紹介するのはJPEG/PNG形式の画像を次世代画像フォーマットである「WebP」(ウェッピー)に一括変化することができるソフトである「WebPconv」を紹介したいと思います。We...

Googleが提供する画像をブラウザ上で最適化して圧縮できるサイト「Squoosh」!

Googleが提供する画像をブラウザ上で最適化して圧縮できるサイト「Squoosh」!

Webサイトで画像を掲載する際に、画像の画質やファイルサイズを最適化して圧縮するのはサイトの表示速度を高速化するためにも必須の項目です。そこで今回紹介するのはGoogl...

無料で使えるオンラインのポスター&チラシメーカー「DesignCap」が便利!

無料で使えるオンラインのポスター&チラシメーカー「DesignCap」が便利!

今回紹介するのは簡単にハイクオリティなポスターを作ることが可能な無料のオンラインのポスター&チラシメーカーである「DesignCap」です。このDesignCapを使えばソフトウ...

CORSAIR 簡易水冷CPUクーラーH60の新旧を比較してみました!

CORSAIR 簡易水冷CPUクーラーH60の新旧を比較してみました!

ちょっと前からCORSAIRの簡易水冷CPUクーラーからカラカラという異音が聞こえるようになってきたので、CPUクーラーを買い換えることにしました。そんなわけで今回はCORSAIR...

Xボーダーを使って日本に発送できない海外サイトの商品を購入する方法!

Xボーダーを使って日本に発送できない海外サイトの商品を購入する方法!

以前に、AmazonUSで日本に発送できない商品も日本語で簡単に買える「Xボーダー」がすごい便利!という記事で紹介した「Xボーダー」ですが、実はこのXボーダーは海外のAmazo...

送料込み28円!?スマホ三脚固定ホルダー(ブラケット)を買ってみた!

送料込み28円!?スマホ三脚固定ホルダー(ブラケット)を買ってみた!

今回はスマートフォンを三脚固定するためのホルダーの三脚ブラケットがAmazonで送料込み28円という超激安価格で販売されていたので一つ購入してみました。そこで今回はスマ...

Windows標準搭載の仮想デスクトップを便利に拡張できるソフト「Sylphyhorn」!

Windows標準搭載の仮想デスクトップを便利に拡張できるソフト「Sylphyhorn」!

今回紹介するのはWindows10の仮想デスクトップの機能を更に便利に拡張できるソフトの「Sylphyhorn」を紹介したいと思います。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位が表示されます。今ならリンクするだけで簡単に上位に表示されます。