SVG & CSSでアンサガのスキルパネルのようなメニューを作る
「SVGにチャレンジ！ 第1回」です。第2回があるかは分かりません。 インラインSVGを使って『アンリミテッド：サガ』というゲームのスキルパネル風のメニューを作ります。 実物は「アンリミテッドサガ スキルパネル」とかで画像検索してみてください。 このスクエアさんの『アンリミテッド：サガ』というゲームがすごく好きでですね……以前からこれをウェブページとして作ってみたいと思っていたんですよ。 クリッカブルマップとかも考えましたが、あれあまり好きじゃない。 というわけでSVGでやることにしました。拡大しても綺麗ですしね！ Unlimited Saga Style Panel Menu with SVG & CSS デモファイルをダウンロード 表示確認で一番期待通りに表示できたのは、Firefox 7とChrome 16 devです。 IE 9とSafari 5.1は、transitionしません
HonestyWorks TechNote » App Engine Java用データストアの透過キャッシュを作りました
ソースコードは こちら に公開しています。 概要 データストアのRead/Writeの無料課金枠が結構シビアなのでもはやキャッシュなしではやっていけないと思ったのがこれを作るきっかけでした。（速度的にはデータストアの呼び出しがそんなに遅いとは感じないのであくまで課金対策が主眼です。） 既存のコードにできるだけ手を入れないで実現したかったのでApiProxyを使ってdatastoreのAPI呼び出しをhookし、protocol bufferのrequest,responseをそのままキャシュしてはどうかと思いつきました。 キャッシュ対象とするのはQuery（RunQueryメソッド）でGetはもともと安いので対象外としました。RunQueryメソッドをhookしてキャッシュにデータが存在すればdatastore APIは呼び出さずにキャッシュしたレスポンスを返す、キャッシュにデータが存在し
dropboxで気軽にひとりgit - Hacking My Way 〜 itogのhack日記
一人で開発をしている場合でも、ソースコードのリビジョン管理やバックアップは必須だ。クラウド上にリポジトリを持って入れば、ローカルマシンが壊れてもすぐに復帰することができる。 Google Codeやgithubのようなリポジトリサービスは手軽に始められていいのだが、無料で使える範囲だと公開リポジトリしかもてない。 無料でもbitbucketのようにプライベートリポジトリを使えるサービスもあるが、リポジトリは一つまでに限られている。 http://d.hatena.ne.jp/itog/20100215/1266201296 複数人で使っている場合は、素直に有料プランにすればいいのかも知れないが、一人でちょっとした履歴とバックアップをとるために有料プランはもったいない。 そんな場合はdropboxを使うのがオススメ！無料で4GBまでの大容量が使えてリポジトリの数の制限もない。限定された環境で
Dropboxを利用してGitのプライベートリポジトリをつくる方法 - Rubellum fly light
はじめに GitのプライベートリポジトリをDropboxを利用して構築する方法です。 Dropbox上にリポジトリを作成することで、同期しているすべてのマシンからこのリポジトリを利用することができるようになります。 このリポジトリを共有ディレクトリにすることで、複数人による開発も可能となります。 なおこの記事では Mac/Linux を対象に環境を構築していきます（Windowsはよくわかりません＞＜）。 追記 bitbucketなら無料で非公開リポジトリを作ることができます。 特にこだわりがないなら、bitbucketを使うといいと思います。 準備 Dropboxのアカウント登録とインストール 無料会員でOKです（2GBまで利用できます）。 → Dropbox - Simplify your life →（参考リンク） ファイル同期のDropbox入門と、便利テクニックまとめ - nan
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
パスワードを解読されないように保存するために
LinkedInでパスワードが流出したとのこと。 http://itpro.nikkeibp.co.jp/article/NEWS/20120607/400824/ パスワードは単純にSHA1でハッシュ化されただけのようです。 この状態では元のパスワードは比較的容易に推測が可能です。 レインボーテーブル、辞書攻撃、総当りなど。 やはりサイトごとに違うパスワードを使うのが利用者として必要ですね。 さて、Web開発者はユーザのパスワードを安全に管理する必要があります。 漏洩させないのはもちろんですが、元パスワードの推測は困難にしましょう。 そういうわけで、パスワードをソルトとともにストレッチするライブラリ（ただの関数ですが）をGitHubに公開しました。 https://github.com/najeira/hashpass いまのところ、PythonとPHPとGoの3言語を用意しています。
Web Fontを使ったソーシャル系サービスアイコン集·OpenWeb Icons MOONGIFT
OpenWeb Iconsはソーシャル系サービスを表現するのに使えそうなWeb Fontです。 文字の横にちょっとしたアイコンを載せるとその意味がぐっと分かりやすくなることがあります。そんな時にはこれまでごく小さなアイコン画像を使うのが一般的でしたが、今回はWeb Fontを使ったOpenWeb Iconsを紹介します。 サンプルです。 実例です。こういう使い方は良いですね。 HTMLでの指定方法です。Bootstrapライクです。 OpenWeb Iconsは現時点で19種類のアイコンが登録されています。EOT/WOFF/TTF/SVGで作成されており、それぞれをCSS上で読み込んで使います。なおBootstrapと組み合わせることで、Bootstrapのアイコンのように指定して使えるようになっています。クラス名に-coloredをつけるとカラーになります。 OpenWeb Iconsは
こんな手が…。Dropbox上で動的システムを動かす「Drapache」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
DrapacheはDropbox内のファイルを読み込んで動的に動かすWebサーバです。 DropboxではPublicに入れたファイルをHTTPを通じて読み込めるようにしています。この機能を使って静的なWebサイトを提供している人もいます。しかしそれで十分ではありません。時代は動的システム、Dropbox内のファイルを動的システムに対応させるソフトウェアがDrapacheです。 まずドメインを取ります。 次にDropboxをコネクトします。 接続を許可します。 完了です。そうするとアプリフォルダの中にDrapacheフォルダができあがります。 ファイル構成はこんな感じです。 サンプルのスクリプトです。確かに動的ファイルが動いています。 動的です。もちろん修正すれば若干のタイムラグはあれど反映されます。 Drapacheの仕組みとしては登録したユーザのデータを読み込み、DrapacheがWe
【これ、地味だけどオススメなんです】1日たった10分で英文法をマスターした秘密の勉強法
Tweet Pocket 私は英文法が大嫌いでした。高校生のときも週に３時間もある英文法の授業が苦痛で苦痛でたまらなかったです。 でも、そんな私が、今日お教えする方法を行ってから、TOEICの問題も思い通りにスラスラ解けるようになりました。そして、この方法だと英文法が苦手でも英単語数が少なくても、１日10分、シンプルな３つのステップ、英文法力はつきます。 とてもシンプルで簡単な方法ですが、効果は抜群なので是非試してみて下さい！ １.英文法書は問題集１つに絞る高校のとき、私の通っていた学校では、5cm以上もある分厚い英文法書の教科書を使っていました。「こんな英文法書、ドラえもんの暗記パンみたいに、ヤギになって食べなければ覚えられないよ！」と真剣に思っていました。 あなたは、英語は授業で例えると、体育と一緒だと言われていることを知っていますか？ つまり、英語は、知識を暗記するんじゃなくて、実際
私がウェブサイト作成時にお世話になっているサイトをご紹介
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
