2013/02/23 Kansai.pm 第15回ミーティング / Yusuke Wada a.k.a. yusukebe
![「Webサービスのつくり方」 のつくり方](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc11fabba2c64d194635bd4e17a9ce495825db06/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fkansaipm20130223-130223000655-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px~16pxのときに10px~26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で確認できる環境でのみ動作確認を行っています。動作確認したブラウザは以下になります。 Windows IE6 IE7 Firefox2.0.0.14 Opera9.27 safari3.1 Netscape7.01 Mac Firefox2.0.0.14 Opera9.27 Safari3.1.1 Safari2.0.4 IE5.2 計算式は以下のとおりです。小数点以下は四捨五入するとブラウザ間で差異でるようなので、切り上げることで
February 24th, 2013 I’m happy to announce that after more than six months of development the Emmet (formerly Zen Coding) v1.0 is officially released. Maybe you’ve already been using Emmet for months, but only now, after numerous bug fixes and improvements, I can say that it works as expected. What has been changed since the Zen Coding? At first, the project name has been changed. “Emmet” is gonna
先日ビールを3リットルほど飲んで自分の可能性を感じ始めたアクアです。 前回ブラックさんの記事「気になるあのサイトのソーシャルでの言及数をチェックできる”ソーシャル◯んこ盛り”が超便利!」で紹介された「ブックマークレット」についてです。 ChromeエクステンションやFirefoxアドオンと違ってインストール不要だし常駐はしないし、何かと便利なブックマークレットですが、意外と自作したことのない人もいるようですので、今回はブックマークレットの作り方について解説してみたいと思います。 Facebookの「いいね!」ってなんでもかんでも押せばいいものでもないし、どうでもいい話も多いよな〜。 なんて思ったときに、「どうでもいいね!」だったらクリックしちゃうかもしれませんよね。 そしたらコミュニケーションも活性化するのではないでしょうか。 というわけで、今回は「いいね!」を「どうでもいいね!」に変えて
任意のWebサイトのJavaScriptの構文をチェックし、最新の構文に書き換えた場合のサイズやパフォーマンスなどを計算してくれるOSSのチェックツール・「ES timator」
Githubで使える絵文字があるんですが、その絵文字をWordPressでも使えるようにするプラグイン、Emoji Emoticonsのご紹介。かなり大量の絵文字が用意されているので結構便利だと思います。 絵文字はWordPressでも、もともと使えるんですけど、Emoji Emoticonsは絵文字の種類が凄く豊富でGithubでもコメントに使えるように導入されています。その絵文字をWordPressで同じように使えるようにする、というもの。 絵文字の種類はEMOJI CHEAT SHEETにてご確認下さい。クリックすればクリップボードにコピーされますので記事部分にそのままペーストするだけ。 CSSの影響でズレズレですけど、導入テストです。プラグインは有効化するだけで絵文字が使えるようになります。 絵文字は割と汎用的なデザインなのでクライアント向けでも使えなくも無い気がしました。 Emo
Latest CSS3 Tutorials For You To Create Modern Websites モダンなサイトを作成するためのCSS3チュートリアル集。 CSS3のテクニックがあつまったチュートリアル集のご紹介。自分に無い知識を取り入れるために参考にできそう。 いつも進んでる感を感じますが、もうずっと進化し続けるんでしょうね。 関連エントリ CSS3でChrome風ウィンドウを作成するチュートリアル 使えない(?)CSS3ジェネレーター「Useless CSS3 Generator」 CSS3でボーダーを超かっこよくアニメーションするサンプル CSS3ベースのオシャレな価格表作成チュートリアル
Bootstrap Application WizardはBootstrap用のアプリケーションウィザードフローを提供するライブラリです。 Bootstrapを使ってWebサービスを提供するサイトが多くなってきました。今回はその一つ、Bootstrapを使ってウィザード風の流れを実現してくれるライブラリ、Bootstrap Application Wizardを紹介します。 フローティングでウィザードが表示されます。 次へを押して順番に進めていきます。 左下のステータスバーが徐々に進んでいます。 完了しました! Bootstrap Application Wizardではwizardというメソッドを使って一つ一つをスライド風に切り替えながら処理を選べるようになります。入力チェックも内蔵されています。そして最後にデータが飛んでくるのでサーバ側で処理して返却すれば良いだけです。とても手軽です。
Icons Explorer | github repo クオリティの高いミニアイコンセットからワード検索ができて便利な「Icons Explorer」 FatCow、Fugue、 Led、 FamFamFamというクオリティの高いミニアイコンセットからキーワード検索ができるHTML+JSベースのプログラム。 4セットともにアイコンの種類が似通っているため、併用しても違和感なく使えそうで、4セットを一括でキーワード検索することで、最もイメージにあったアイコンをすぐに探す事ができそう。 探したものはコピペですぐ使え、アイコン選びに時間を取られることなく生産性は向上しそう folder で検索してみたところ。4つのセットからfolderという名前がついたものだけを一覧することができます。 FatCowアイコンについては、クリックで32x32のサイズも表示できます。 git clone で自分の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く