Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
Addressing The Responsive Images Performance Problem: A Case Study — Smashing Magazine
Responsive design for images is about optimizing the process of serving images to users. In this article, Anders Andersen & Tobias Järlund will share their responsive image technique, the “padding-bottom” technique, which they researched and implemented on the mobile version of the Swedish news website Aftonbladet (Sweden’s largest website). The technique presented here applies to all types of res
Adding alpha channels or chroma keys to JPEG images
Author(s) and publish date By: Dave Raggett Published: 9 March 2013 Skip to 6 comments The GIF image format supports transparency, whilst PNG supports translucency, but neither are particularly good for photos, which compress much better with JPEG. A work around is to use the HTML5 canvas 2D context. The chroma-key.js library automatically applies alpha channels or chroma keys for all images with
Managing JavaScript on Responsive Websites | Viget
The original breakout article on responsive web design came out in early 2010 (well, maybe it wasn't the first article, but it was certainly the one that moved responsive design firmly onto all our radars). Since then, responsive design has rocketed from a parlor trick only found on edgy portfolio sites to an accepted practice, finding its way into large-scale sites. For a sample of the breadth, v
というわけで、レスポンシブ Web デザインを取り入れてみた…
というわけで、何となくですがレスポンシブ Web デザインのことがわかったような気になった 😛 ので、実際に制作していくことに… まず、IE8にも対応させるために css3-mediaqueries.js というスクリプトを読み込むように記述。 [html] [/html] 最近話題になってた気がする Google HTML/CSS Style Guide には [html] [/html] と、書いてあったりするので [html] [/html] のように記述する方がいいのかな… 次に Viewport の記述。 [html] [/html] Viewport をどのように記述するのがベストなのかよくわかっていない。 ただ、user-scalable を 『no』に設定する人もいるようですが、ユーザビリティの観点からするとあまりお勧めできないと思います。 Viewport に関しては、
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Responsive Images
LukeW | An Event Apart: Interacting Responsibly (and Responsively!)
Clever Problem Solving Techniques for CSS - Developer Drive
CSS 20 stunning examples of CSS 3D transforms
http://retinajs.com/