lastelのブックマーク / 2012年12月18日

lastel id:lastel

2012年12月18日のブックマーク (3件)

[HTML5]遊びながらタグを覚える「HTML5KARUTA」を作りました
本日HTML5の各タグを遊びながら覚えられる「HTML5KARUTA」を公開しました。これがどういうモノかを紹介します！ 9月くらいから構想していた、ゲームを通してHTML5を覚えるというコンセプトから作られたHTML5KARUTAを作成、公開しました。まだイメージしていたものの80％程度の出来ですが、どうぞご覧ください★ http://roadstohtml5.com/html5karuta/ HTML5KARUTAは、日本の遊びカルタというゲームを通してHTML5のタグを覚えようという主旨のゲームです。読み札にはHTML5の各タグの説明が書いてあります。絵札にはタグの名前自体があるだけです。タグの説明を聞いて、それが何のことかわかったら札を取る。日本人にはおなじみのルールですね！最近の若い人が知っているのかは知りませんけど…ｗ HTML5KARUTAを作った動機まずなぜこれを作った
lastel 2012/12/18
HTML5
リンク
とっても幻想的な泡のスクリプト！実装方法やサンプルを紹介 - Design Color
はじめに「あくちー(@actywav)さん」といえばとってもポップなデザインのサイト「actyway」の中の人です。あの有名なブックマークレット「ソーシャルてんこもり」など、便利系から面白系まで幅広いプログラム情報などが満載のブログです！今回は、そんなあくちーさんの良記事のひとつ「まるでサイダーみたい！炭酸飲料みたいに気泡が上がってくスクリプトでシュワワのアワワ！ : actyway」に沿ってお伝えします！カスタマイズ方法泡の動き(Javascript) 泡スクリプトのベースは先日Web系ブロガーさんの間でブームを巻き起こした「雪スクリプト」をベースにしているそうなので、そちらを参考に変更しました。クリスマスに使いたい！雪のパーティクルをチラチラ降らすスクリプトを作ってみよー : actyway そして泡のソースコードはこちら。自分好みにカスタマイズするなら、主に下記のハイライト
lastel 2012/12/18
javascript
リンク
Sublime Text 2での複数ファイルの一斉置換
HTMLのコーディングしていると、複数ページの同じ箇所を一気に置換することがあると思うのですが、それのSublime Text 2で実行する方法です。複数ファイルでの検索と置換上のメニューバーから「Find」→「Find in Files…」（もしくはショートカットでCtrl+Shift+f）を選択します。そうすると入力できる箇所が3つでてきます。上から「検索する文字列」「フォルダの場所」「置き換える文字列」になります。プロジェクトを指定しているとき又は検索対象のファイルを全部開いている時は、真ん中のWhereは選択しなくて大丈夫です。ちなみに検索だけすると以下のような感じで該当ページと箇所を教えてくれます。あと、ファイルを開いていない状態で、置換すると置換したページが全て開きます。というわけで簡単ではありますが、複数ファイルでの検索と置換でした。
lastel 2012/12/18
リンク
- 2012年12月19日
- 2012年12月18日
- 2012年12月17日