Blog New Fork Share Full Screen Result Embed on your webpage (blogs, articles, etc.) | | Login An exercise in the futile but fun. This is a playable version of Pong complete with working scoring system -- built entirely with CSS. Not a line a Javascript to be seen. All game logic is built using hover state and sibling selectors. PS: It's not quite finished but it's close. ISSUES: I'd love to limit
※This is the article written for the 25th day (the final day) of the CSS Programming Advent Calendar 2012. For details about CSS Programming, please refer to this article. ============================================ Hello, this is the jsdo.it team! Thanks for using our service! To answer the passionate encouragement from the CSS "HENTAI" Programmers in the world, we jsdo.it team have prepared a C
2度あることは3度あります。CSS Programming Advent Calendar 2012の24日目、1026です。Merry Christmas! 予告どおりギャンブルの定番スロットゲームです。 前回のフリースローで学んで、回転速度を相当遅くしてみたのですがどうでしょうか? MAXBETボタンとコイン枚数の表示は飾りです。1枚しかbetできませんし、コインは返って来ません。そんな飾りはあるのにコイン投入口はありません。 大当たり(大したことないですが一応)は777だけです。謎の小当り的なもの(パネルの表示がちょっと変わる程度)が結構あります。 いつも通りChromeのみの動作確認です。 適当な解説 基本的にはフリースローと同じ 小見出し通りです。元々、こっちを先に思いついて作っていて、後でフリースローにも使えると思って作った感じなので、コチラのほうがフリースローより地味と言えば
どうも。 おっぱいの人 です。未だホンモノにはありつけていません。 このエントリは、CSS Programming Advent Calendar 2012 23日目の記事です。 CSS Programmingとは もう今更説明しようがないですよね。 おっぱいとかそんなんより数倍変態な人たちがHTMLとCSSだけでゲームとか作っちゃうアレです。 ぼくはというと、今年一年中ガラケーと戦ってた(業務的に)のでCSS3とか実はほとんど触れていないので、リハビリの意味を込めての復帰戦となります。 CSSだけでTemple Runをつくる Temple Runってコレです。iPhoneのランニングゲー(?)では一番有名ですよね。 手前味噌で恐縮ですが、Tap Ninja なんというのもKAYACさんからでております。ああ、すみません宣伝では無いんです。石を投げないでください。ごめんなさいごめんなさい
この記事はCSS Programming Advent Calendar 2012、22日目のための記事です。 CSS Programmingとは、jsを使わないでHTMLとCSSを駆使してゲームとかスライドショーとか作る技術です ということで、ここでは、前回の記事で作った、グローバルナビの下の大きめの画像のところ(以下:スライドショー)を、CSSだけで実装してみます。JavaScriptで実装したサンプルはこちら。 以下が目次になります。 まえがき CSS Programmingに使える便利なやつ transitionプロパティ E ~ F(間接セレクタ) :not(s)否定疑似クラス :checked疑似クラス <label>要素 それCSSで出来るよ。 きっかけづくり チョボのところの仕組み ~と:checked <label> transition :first-childと:fi
これは [CSS Programming Advent Calendar 2012](http://www.adventar.org/calendars/2) の 17 日目の記事です。 (4日ぶり4回目) 先ほどお話にも出てきた、日本CSSプログラミング界権威?のげこたん([@GeckoTang](https://twitter.com/GeckoTang))です。 [前回](http://geckotang.tumblr.com/post/37822303528/13-css-programming-advent-calendar-2012)書き終わったあとにゲーム的なものを作ろう...何がいいかなぁと考えていたら 「CSSSniper」とかいいんじゃね!とかなんとかで名前だけが降臨し、実装しようと思って進めていました。 …が、作っている途中で「あれ...これ[アレ](http://j
Recent Entries Reactでシンプルなwebサイトが作れそうなテンプレートを作った 2015/12/13 advent_calendar, react react-mixinのmixinファイルの中で 「_(アンダーライン)」をメソッド名の先頭に使ったらエラーはいた 2015/10/12 react, react-mixin webpack.configをCoffeeScriptで書く 2015/06/10 coffeescript, webpack CSSで印刷を禁止させる 2015/02/26 css, print Advent Calendar 2014 読むリスト 2014/12/15 advent_calendar all entries Tags adobe advent_calendar android asciiart audio audition book
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く