Milk+ea

Weblog Is My Hobby.

サイト制作

3分カウントダウンをただ繰り返すだけのタイマーなサイト

マッサージする時とかにほしかった、少し離れたとこからも見える3分タイマー。

自作の暗記単語リストなどを(パッパッパ)っと自動再生で見れるサイト

自作の暗記単語リストなどを(パッパッパ)っと自動再生で見れる自作サイト「フラ単」の紹介。

WebStoreのChrome拡張機能を紹介する時に、HTMLを自動で作成するブックマークレット

WebStoreのChrome拡張機能を紹介する時に、HTMLを自動で作成するブックマークレットを作成したのでその紹介です。

Pisita 散った・・

ひらがなカタカナ2字源

ひらがな、カタカナで文章を書くとその部分を字源文字に変換してくれるサイトを作成しました。

あと何秒?

予定されてる・予言されてる出来事まで分かる範囲であと何秒かわかるサイトを作成しました。

生主NERさんのアニメ最終ランキングの点数まとめサイト

あにれび URLが変わりました→ あにれび 見てないアニメを後から見るときにちょっとした参考にでもなればいいなーーーっと。 今回からgruntでgzip化してサクラサーバーの.htaccessに書いて(コピペ)配信というような事までやってみた。 少しは早くなってんの…

SassなどをシンタックスハイライトされたHTMLに変換するサイト

Cotane 久しぶりの制作。 Markdownで```sass・・・こんな感じに書くとこうなります。 $color: #f8f8f8 .body background: $color +center .content @extend %contents width: 70% .sub @extend %contents width: 30% CotaneでHTML化して貼り付けるとこんな配…

テーブル要素のCSSいくつか

Sasuli Sasuli - はてなブログ用CSS コチラからアクセスするとはてなブログでコピペで使えるCSSが表示(標準のデザインのみ) 既存のサイトに使用するには多少のCSSの知識は必要かもしれません。 このサイトにCSS(SASS)を貯めておき、はてなブログのテーマ…

Jsonn 絶望した、ぜつぼうおおおお (ヽ´ω`)ハァ・・・・(¦3[___]

keyCodeの確認

keyCode調べ ちょっとキーコード見たいときに。

ニコ生NERさんカレンダー

NER Calender 赤い日付をクリックすると、その日の放送の録画リンクが表示される、みたいな。 カレンダーには、CLNDR.jsというのを使ってみた。 ついでに、↑、↓で年の移動、← 、→で月の移動みたいな機能も付け。 あと、clndr.jsの設定にあるdaysあたりが?。

SublimeTextのスニペットを作るサイト

たぶんChromeオンリー() 追記 FireFoxでもいけました。 こんなの Snippet どんなの 全部のフィールドを入力した後、Createボタンをクリックするとsublime-snippetの形にしてダウンロードできるサイト。 思い立った時にすぐ作れるようにという感じで作成。 で…

FailAPIとドロップ機能を使ってHTMLファイルの圧縮サイトを作る

FailAPIが使えないブラウザでも普通にコピペすれば圧縮できます。 作ったサイト - compress :: html 「Drop to here !」というところにhtmlファイルをドロップすれば、下に圧縮されたコードが挿入されます。 スペースとコメントが削除されます。id="hoge"な…

左から右へ埋まっていく感じのタイマーを作る

指定された時間をtransition-durationに設定をして、その時間を使って徐々にwidthを100%にするってだけです。 %Timer 作っている最中にカラーを変える機能やポーズできる機能とか付けたくなって思ったより時間がかかりました。 タイマーなのに時刻表示がどこ…

Sass関数の動作

Module: Sass::Script::Functionsに載っている関数一覧なんだけど、ほんの一部しか使ったことなかった(知らなかった)ので全部の動作を自分で確認してみた。 そしてサイトにまとめてみた。見づらいんだけど。_ノ乙(、ン、)_ カラーの変換とか、変更前と後の色を…

indexedDBというのを使ってみた。

忘れやすいコマンドとかちょっとしたことをメモすると、つけたタイトル名で検索して再確認できるみたいなやつ(を想定した)。コチラmymo。 といってもモダンブラウザでしかたぶん動きません。 僕環境のChrome、バージョン 27.0.1453.110 mだとちゃんと動い…