[B! id][content] kyo_agoのブックマーク

kyo_ago id:kyo_ago

idとcontentに関するkyo_agoのブックマーク (3)

Slideout.js - A touch slideout navigation menu for your mobile web apps.
$ npm install slideout $ bower install https://github.com/mango/slideout.git $ component install mango/slideout 1. First of all, you'll need to have a menu ("#menu") and a main content ("#panel") into your body. <nav id="menu"> <header> <h2>Menu</h2> </header> </nav> <main id="panel"> <header> <h2>Panel</h2> </header> </main> 2. Add the Slideout.js styles (index.css) in your web application. body
kyo_ago 2015/03/08
Apps

id

component

content

bower

Application

document

js

git
リンク
不特定多数の人が更新する大規模サイトに必要な CSS 設計の思想
今話題（？）の CSS 設計のメモ。この「ある程度の規模」というのは、肌感覚としてテンプレートの枚数( ≠ Webサイトのページ総数)が 20P〜50P くらいのイメージ。また、コーディング完了後に自分以外の人間による断続的な更新が入るという前提。そして一番重要なのは「更新する人のスキルは定義しない。」ということ。つまり HTML の知識が乏しい人が更新する可能性があることを前提とする。きっと1ヶ月くらいすれば変わると思うけど、自分の思想のログとして残しておく。今ぼくは以下のことに気をつけながら CSS を書いている。コードが長くなることを気にしないセレクタが長くなることを気にしないセマンティクスの実現の難しさを理解し、妥協する再利用性より保守性拡張しやすい設計最初から最適化しようとしないゴールは目先のパフォーマンス向上ではなく誰が触っても問題が起きにくい設計ひと
kyo_ago 2014/08/12
class

css

button

content

id

direction

web制作

コーディング

パフォーマンス

設計
リンク
[新機能] Amazon CloudFrontがCORSに対応しました | DevelopersIO
特に問題となるのがS3の場合でした。EC2インスタンス上のWebアプリケーションであればOriginヘッダの有無に関係なくAccess-Control-Allow-Originヘッダを返すこともできますが、S3のCORS機能は仕様通りの実装であるためOriginヘッダが存在しない場合はAccess-Control-Allow-Originヘッダを返しません。具体的には、以下の様な挙動になります。まずはOriginヘッダをつけない（同一ドメイン）の場合です。curlコマンドでStatic Website Hostingを有効にしたS3バケットhoge.example.com.s3-website-ap-1.amazon aws.comに対してアクセスします。 $ curl -I hoge.example.com.s3-website-ap-1.amazon aws.com/hoge HTTP/1
kyo_ago 2014/08/05
id

date

content

amazon_cloud_front

aws

新機能

cors
リンク
1