[B! サンプル] gmdualis479のブックマーク

Content-Security-Policy と nonce の話 - tokuhirom's blog

Content-Security-Policy の nonce を利用すると、XSS の脅威をかなり軽減できます。そこで、Web Application Framework ではデフォルトで対応したほうがよいのではないか、という旨を @hasegawayosuke さんから教えて頂いたので、実装について考えてみました。とりあえず CSP の nonce はどういうものなのかを考慮するために、コード例を探していたのですが、実際に動くサンプルというものが nonce 関連のもので見当たりませんでした。そこで、実際に動くサンプルを用意しました。 https://github.com/tokuhirom/csp-nonce-sample 以下は Sinatra で書かれたサンプルコードです。 require 'sinatra' require 'securerandom' get '/' d

gmdualis479 2014/09/25

リンク

iOS 8 の新機能のサンプルコード集『iOS8-Sampler』を公開しました - その後のその後

WWDCでのアップルの発表によると、iOS 8 では4000以上もの API が追加されたとのことですが、新しいAPIはどう使うのか、実際に何がどこまでできるのか、といった具体的なところが、英語のドキュメントや動画をながめているだけだと正直あまりよくわかりません。やはり実際にコード書いて動かしてみるのが一番わかりやすい、ということで今年もつくりました、 iOS 8 新機能のサンプルコード寄せ集めアプリ『iOS8-Sampler』ソースコードは GitHub に置いてあります。 https://github.com/shu223/iOS8-Sampler ※使い方は Xcode 6 でビルドするだけなので、デザイナーさんやディレクターさんもぜひ最寄りのエンジニアにビルドしてもらってください。中身について今回はデザイナー okazu 氏の協力により立派なアイコンやスプラッシュ画像が最初

gmdualis479 2014/09/18

リンク

たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color

もくじ幅をデバイスサイズに合わせるスマホを横にしたときに文字が大きくならないようにする電話番号に自動的にリンクが付かないようにするリンクを押したら電話をかけられるようにするリンクを押したらGoogleマップアプリを起動させるリンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせるまずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにするスマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし

gmdualis479 2014/06/09

リンク

15 Useful Code Snippets for Smartphone Website

2014年8月22日 Webサイト制作, スマートフォンスマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！スマートフォンサイト用小技集　目次いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！横幅をデバイスの幅にあわせる文字サイズの自動調整をオフリストのクリック（タップ）範囲を広げる画面の幅にあわせてCSSを変えるリンクテ

gmdualis479 2014/03/13

リンク

CSS で作る Tumblr モバイルアプリ風メニュー

1年くらい前に「CSS で作るスマートフォン向け片手操作メニュー」って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ（Tumblr for Android）の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScript （jQuery 使用）で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblr モバイルアプリ風メニューサンプル現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE？一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。元ネタを下記に貼っておきますね（画像は「Tumblr Staff」から

gmdualis479 2013/04/21

リンク

html5-memo.com

gmdualis479 2012/12/10

リンク

#2「JavaScriptでおっぱいを動かす」 tech.kayac.com Advent Calendar 2012 - KAYAC engineers' blog

カップル爆発しろどうも。「何かよく知らないけど訳分かんない人だと思ってた」と社内で最近言われたHTMLファイ部のdamele0nです。このエントリはtech.kayac.com Advent Calendar 2012 2日目の記事です。テーマは「私の中のマイイノベーション 2012」季節のせいか周囲ではカップルが続々と誕生して次々とイノベーションを起こすなか、僕はといえば相変わらず人生にしかれた非モテのレールを光のスピードで突き進んでいます。僕だって、2人でイノベーションを起こしたい…。僕だって、冬のせいにしたい…。僕だって、クリスマスに七面鳥抱えながら海岸沿いを2人でキャッキャウフフしたい…。僕だって、ちちくりたい…。僕だって、僕だって、僕だって…。安心してください。僕は、なんですか？あなたは、なんですか？そう、エンジニアです。無いものは作ればいい。世界なん

gmdualis479 2012/12/02

リンク

phiary

今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか？これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも一応残ってるので, がっつり使わせて頂いてる次第です.