jsdo.it

顔文字おみくじつくってみた

新年あけましておめでとうございます。[twitter:@jasmine88_]です。jsdo.itの第三回全国統一HTML5実技コンテスト 今回のお題は『HTML5で表情豊かに表現する「顔文字(・∀・)」』お正月といえばおみくじ!というわけで…顔文字×おみくじ 新春 顔文字おみくじ fo…

えすぶいじーのようせいさん

あいきゃんのっとふらーい @jasmine88_ です。こんにちは。妖精さんをInkscapeで描いてみたよ。で、SVGで書きだしてみたよ。ようせいさん - jsdo.it - share JavaScript, HTML5 and CSSSVGなんて全くわかんない人がInkscapeに頼ってみたの図。

Qに挑戦!音楽と絵具の Sound Visualizer

jsdo.it のイベント Q の応募するため、Sound Visualizer のリメイクに挑戦してみた。 音楽と絵具 - jsdo.it - share JavaScript, HTML5 and CSS遊んでるうちに絵具をぶちまけたようなデザインができた。 波形が大きいと、絵具の円も大きくなり、飛び散り方…

Qに挑戦!JavaScript と canvas で 桜の四季

とりあえずつくった 儚く散りゆく桜 からの派生形 四季折々の桜の姿を JavaScript と canvas で表現。桜の四季 - jsdo.it - share JavaScript, HTML5 and CSSとにかく処理が重いので、JavaScriptの高速化の技を調べて試してみたものの、なかなか軽くならない…

Qに挑戦!儚く散りゆく桜

jsdo.it のイベント Q の応募するため、SAKURAのリメイクに挑戦してみた。 儚く散りゆく桜 - jsdo.it - share JavaScript, HTML5 and CSSどうやって桜を舞い散らせるか、散々悩んで苦労した。ここから派生したものもつくってみた!(そっちの方が本気)

Q vol.1の結果発表

今日は結果発表の日。20時過ぎにようやく発表が…http://jsdo.it/event/q/vol1#result当然だけどボクの名前は無かったwこれはまたかなりの力作ぞろいで… vol2 ではこの中に名前を連ねることが出来るように頑張る!

CSS3で付箋紙を張り付けたようなToDoリストをつくった

jsdo.it のイベント Q の応募用に、付箋紙を張り付けたようなデザインのToDoリストをつくってみた。forked: Simple ToDo管理アプリ with HTML5 - jsdo.it - share JavaScript, HTML5 and CSS

一枚の画像で写真を重ねたように見せる!CSSのチュートリアルを見てやってみた

[CSS]セレクタの便利な使い方も学べる、一枚の画像で写真を重ねたように見せるスタイルシートのテクニック | コリス こちらのエントリーを読んで、つくってみた。 背景画像をつけてコルクボード風に 写真風 - jsdo.it - share JavaScript, HTML5 and CSS

ありがとう!Hot code 入り記念!

昨日の CSS3 で 巻物 と、そのもとになった CSS3 で Accordion が、そろって Hot code 入りしました!嬉しさのあまり記念スクショw Hot code 入りはこれが初めて(多分) 多くの方々に見ていただけてうれしいです。 ありがとうございます!

CSS3で巻物っぽいものをつくってみた

この前やったAccordion with CSS3からまた派生。 伸びる感じがどうも巻物に見えて仕方なかったから、つくってみた。 ↓実際に動きます CSS3 で 巻物 - jsdo.it - share JavaScript, HTML5 and CSS※Google Chrome 推奨巻物をクリックすると、くるくるっと伸び…

CSS3 で 「勝訴」のアレをつくってみた

昨日つくった Accordion with CSS3を見ていたら、だんだん「勝訴」のアレに見えてきた。 いっその事、本当にアレにしちゃえばいいんじゃね?という発想でつくってみた。 CSS3 で 「勝訴」 - jsdo.it - share JavaScript, HTML5 and CSSHTMLは削って、CSSの方…

Accordion with CSS3 のチュートリアルが面白そうだからやってみた

[CSS]この発想はなかった!inputとlabelを使って実装する美しいデザインのアコーディオン | コリス このエントリーを読んで、面白そうだったから実際にやってみた!CSS3 で Accordion - jsdo.it - share JavaScript, HTML5 and CSS

CSSでぷよぷよ描いてみた

ぷよぷよまんが発売されるっていうから買おうと思ったのに… SEGA | ぷよぷよ!! | Topics この地域では取扱い店舗がなさそうだ…orzあきらめきれなかったので、ぷよへのあふれる愛を形にしてみた。 CSS3で描いてみる。CSSで ぷよぷよ描いたよ - jsdo.it - sh…

ひとりで Fizz Buzz するゲームをつくってみた

先日 Fizz Buzz 問題 をやってて、 あ!これゲームにしたい!とか思いついたのでゲームにしてみた。 ひとりで Fizz Buzz するゲーム - jsdo.it - share JavaScript, HTML5 and CSS11月20日(日)の深夜に思いつき、 翌21日(月)通勤バス車内でアイディアを…

Fizz Buzz やってみた

Fizz Buzz やってみようよ! と言われてJavaScriptでやってみることになった1から順に数えていって 3で割り切れる数の時は代わりに Fizz 5で割り切れる数の時は代わりに Buzz 3と5両方で割り切れる数の時は代わりに Fizz Buzz と出力するモノ「3分で出来るよ…

Google Code Jam Japan 2011 - 練習問題A.数珠繋ぎ

Google Code Jam Japan 2011 - 練習問題A.数珠繋ぎ を JavaScript と HTML でやってみたではさっそく恒例(?)の言い訳タイムです。その前にお願いIEではlargeで実行しないでください! 処理重すぎて本当にやばいですから!(そんなもんつくるなよ Google C…

AIZU ONLINE JUDGE Volume0 - 0033

アルゴリズムの練習として AIZU ONLINE JUDGE Volume0 - 0033 Ball を JavaScriptとHTMLでやってみた AIZU ONLINE JUDGE Volume0 - 0033 - jsdo.it - share JavaScript, HTML5 and CSSInput部分にはサンプルデータがあらかじめ入っていますが 問題の形式に沿…

Problem 1 - Project Euler 触発されてやってみた

sasa+1 diary Project Euler - Problem 1 に触発されて やってみた元の問題はこちら Problem 1 - Project Euler JavaScript で無理やり書いてみよう! テーマ:ループなしで計算する 無事にループなしでつくることができたよ! そのかわり(?)ソースコード…

HTML5花火大会

HTML5花火大会 なるモノいろいろな人が投稿した花火が見れる 自分が投稿した花火も当然打ち上げられますw 興味を持ったらとりあえずやってみる!HTML/CSSはちょこっと知ってるけどJavaScriptは名前しか知らないという状態で…w 記述方法なんかほとんどわか…