今回紹介するのは、画像を一切使わずにhtml+CSSだけで「けいおん！」の秋山 澪を描いた技術デモ作品です。実際に作品を見てもらえば分かると思いますが、ものすごくクオリティが高くて普通に画像にしか見えないレベルです。久しぶりにCSSで絵を描く作品で驚かされたので、これはぜひ紹介せねばと思い記事を書きました。 「けいおん！」（K-ON!）は、軽音楽部で4人の高校生たちがガールズバンドを組み、音楽活動を行っていくストーリーで人気のかきふらい氏による4コマ漫画作品です。2年前にアニメ化、今月12月より映画が公開されている人気作品ですね。秋山 澪はその作品に登場するキャラクターです。その秋山 澪をまったくの画像なしで、html+CSSのコードだけで表現しています。 私も以前にCSSでドラえもんなど様々な作品を描いたりしましたが、はっきりいってhtml+CSSのコードだけで絵を描くのはとても大変です

[読了時間：２分] 米ZDNetが人気ブラウザFirefoxの今後を憂う内容の記事を書いているので、内容を簡単に紹介したい。「Firefox faces uncertain future as Google deal apparently ends（Google 契約打ち切りでFirefoxが不透明な未来に直面）というタイトルの記事で、それによると今年はFirefoxと同ブラウザを開発・運用するモジラ財団にとって散々な年だったようだ。 まずブラウザ市場でのFirefoxのシェアが低迷し始めている。調査会社NetMarketShareの調査によると、2009年12月には25.02%あったFirefoxの市場シェアが2011年11月には22.14％にまで低下。一方で、Googleが独自開発したブラウザChromeのシェアは4.71%から18.1％にまで上昇している。来年早々にはChromeがF

単3電池というか、いわゆる「電池」にもう直接USBポートをつけてしまい、USB充電ケーブルをさくっとさせるようにすればもっと違うように変えられるのではないか？という非常にシンプルなアイディアですが、実際にそのコンセプトを目の前にグラフィックで示されると現実感がわいてきてイメージしやすくなります。 Continuance – Rechargeable Battery with USB Interface by Haimo Bao, Hailong Piao, Yuancheng Liu & Xiameng Hu Yanko Design このようにしてあちこちで使われている電池 その側面にこのようにしてUSBポートをつけてみましょう、と。 携帯電話の充電とかにも使えます、非常にコンパクト パッケージングして並ぶとこういう雰囲気、デザイン的にもグッド

せっかくのiPhoneケースは究極のデジタル仕様に！ カギや子どもの位置を一発表示するビーコン搭載...2011.11.17 16:00 これは最強のiPhoneケースになるかも！ なにかと物を失くしがちで困るというあなたには、例えば、LEGOブロックなんかを活用するアイディアなどもありましたけど、もっとデジタルに身の回りのものをiPhoneで管理できちゃうセット｢BiKN｣が登場しましたよ。これで探し物もiPhone画面から一発で現在位置が表示されて、迷子とは永遠にオサラバできちゃいそうですね... iPhoneのプロテクトケースとして装着するBiKNは、タグのトラッキング機能が内蔵されていて、専用アプリ｢myBiKN｣を利用することで、タグを装着したものの在処を画面に分かりやすく示してくれますよ。アラーム設定機能なんかもあるので、子どものベルトクリップなどにタグを付けておいて、いざ設定

ブランドのロゴが入っていたり、カラフルな差し色が入っていたり、ちょっとオシャレな自分だけのオリジナルQRコードを作成できるのが「QRHACKER」です。 使い方はとっても簡単！　左上から順に必要項目を設定していくだけ。 まずは、QRHACKERのサイトへアクセスしましょう。 QRコードに登録できる情報は「Text」、「URL」、「Phone number」、「VCard/Contact details（電子名刺）」の4種類です。この中から作りたいQRコードの種類を選んで、下のボックスに情報を登録したら「GENERATE」をクリックします。 次に、右側からデザインを設定します。背景や画像の挿入、色の設定など、細かいカスタマイズも可能です。 できあがったQRコードは、PNGかPDFでダウンロードできます。名刺にプリントしたり、スマートフォン向けサイトへの誘導用としてWebサイトに貼り付けたり、

My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling

Asiance _Your Digital Ag... / Tatchies / jitto他...全21件

手袋を着けているときに、iPhoneやAndroidスマートフォンを操作できず、困ったことはありませんか？そんなときに役に立つのが、特殊な繊維や導電性の糸を使って、タッチパネルに対応した手袋です。無印良品が発売している「タッチパネル可能手袋」を購入し、実際に試してみました。 ▽ 今年も登場！ 無印良品が「タッチパネル可能手袋」の先行予約を開始 - はてなニュース ▽ 無印良品ネットストア 「タッチパネル可能手袋」は、導電性の糸を編み込んだ手袋です。無印良品の店舗やネットストアで購入できます。無印良品では2010年も同様の商品を発売しており、一部で売り切れになるほど人気を集めていました。価格は1,980円（税込）で、ネットショップで購入する場合の配送料は525円（税込）です。 では、早速「タッチパネル可能手袋」を見ていきましょう。 2011年のラインアップは、黒、チャコールグレー、ベージュ、

My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling

定番のFTPクライアントソフト「FFFTP」の開発が8月31日で終了した。作者のSotaさんがWebサイトで明らかにした。今後はバージョンアップしなくなるが、開発が終了していることを明記した上で同ソフトの公開は続ける。 FFFTPはWindows用のFTPクライアントソフト。無料で公開されており、無料ホームページサービスなどでFTPクライアントとして同ソフトを推奨してるケースも多い。2010年10月24日に公開された「Version 1.97b」が最後のバージョンになった。 作者のSotaさんは1997年ごろ、自分で使うために同ソフトの開発を始めた。開発終了は「FFFTPの開発を継続するためのモチベーションが維持できなくなったのが理由です」と説明。開発に協力した人々に謝意を表し、「FFFTPの開発は終了いたしましたが、FFFTPがオープンソースのフリーソフトウエアであることは変わりません」

(ここで言うHTML5はcss3とJavascriptも含めた技術全体の事、逆にFlashはAir等の派生技術は含めないブラウザ上のFlashPlayerの技術のみを指します。） ウェブに携わる人間には常識だけど、HTML5は何でも出来るスーパーヒーローではない。 どちらかというと、中日の高木とか、ヤクルトの宮本とか、巨人の川相とかの方が近い。知らないやつはググれgoogle:いぶし銀。 HTML5の真骨頂は、昨今のリッチなインターネットコンテンツを、非常に簡潔にスマートに記述できるところにある。複雑な事をすれば凝った事もある程度できるけど、得意分野じゃない（標準APIが機能不足だし、JavaScriptの言語仕様が複雑な処理に向いていない）。 ブラウザだけでここまで出来る、とか、 Flashはもういらない、とか、 ってのは、川相だって筋肉付ければホームラン打てるようになるし清原はもういら

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け

ブラウザゲームの可能性が一気に広がりそうです 次世代のWebフォーマットとして注目され、徐々にいろんなところで使われはじめている「HTML5」。そんなHTML5で作られた「スーパーマリオブラザーズ」が公開され、話題となっています。 従来のHTMLに比べ、マルチメディア機能が大幅に強化されたHTML5では、今までのようにFlashなどの外部プラグインに頼らなくても、単体で複雑なゲームなどを動かすことが可能と言われています。今回紹介する「Infinite Mario Bros」も、ベースはあくまでJavascriptで、HTML5の高いポテンシャルを感じさせてくれるものとなっています。当然ながら、ブラウザがHTML5に対応していないと遊べませんので、古いブラウザを使っている人はご注意を。 パッと見はよくあるFlashゲームですが、もちろんFlashは一切使っていません 操作は方向キーで左右移動