Responsive Web Design HTML5勉強会
The document discusses responsive web design techniques including grid design, fluid images, media queries, liquid layouts, box-sizing, background-size properties, and libraries like imgsizr.js and Mobile Boilerplate that help make sites responsive across devices. It provides code examples for fluid grids, images, and layouts that dynamically adapt to different screen sizes.Read less
HTML5を使うためのプログレッシブエンハンスメント：SwapSkillsFreeEvnt(6)レポート
『 SwapSkills』は、Webプロフェッショナル向け勉強会です。 このサイトはSwapSkillsの公式ブログです。 2011年7月13日（水）にアップルストア銀座で第4回目のSwapSkillsFreeEventを開催いたしました。 今回は、allWebクリエイター塾で HTML5マークアップ講座、ゼロから学ぶJavaScript講座を担当いただいています羽田野太巳さんから、「HTML5を使うためのプログレッシブエンハンスメント」について紹介していただきました。 プログレッシブエンハンスメントと言う言葉は、CSS3のサポートが違うブラウザのシェアが横並びになった際(日本では2008年頃)に話題になった言葉で、WebデザイナーにとってはプログレッシブエンハンスメントというとCSS3だけの違いを言う。と間違った認識を持っておられる人もいるようで、今回は再度「プログレッシブエンハンスメン
CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ
17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu
Rack-webconsole, a Ruby/Rails console inside your browser
Rack-webconsole, a Ruby/Rails console inside your browser "Wouldn't it be nice to have an in-browser console for a Rails application?"The funniest afternoons tend to start with questions like this. And why stop at Rails? Let's build a Rack middleware and make it real for Sinatra, Padrino and other Rack web frameworks! Introducing rack-webconsoleRack-webconsole is a Rack middleware that enhances yo
potraceをjavascriptに移植した - Webと文字
生存報告 （ ^ω^）とりあえず生きてます。 potraceとは potraceとはラスター画像からSVG等のベクター画像を作成するソフトです。無料で使えてソースも公開されているオープンソースなソフトです（参考資料１）。元はCで書かれていますが、python、ActionScript、C#に移植されていたりします。 だから何ができるの？ 左が元のビットマップ画像、右がそれをpotraceでトレースした画像 C→javascript(´・ω・`)、ActionScript→JavaScript(ﾟ∀ﾟ) ActionScriptとJavaScriptは兄弟みたいなものなので移植はとっても簡単です。今回は参考資料２をパクって参考にしてjavascriptに移植してみました。 処理フロー imgタグで画像を読み込み 画像をcanvasに転写 画像をグレースケールに変換 画像を二値化 画像の輪郭の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
