The State Of Responsive Web Design — Smashing Magazine
Responsive Web design has been around for some years now, but there’s still a whole lot to do. In this article, Stéphanie Walter will look at what is currently possible, what will be possible in the future using what are not yet standardized properties, and what still needs to be improved. This article is not exhaustive, and we won’t go deep into each technique, but you’ll have enough links and kn
Sassオレオレリファレンス
ã“ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã¤ã„㦠元ã¯ç¤¾å†…æ出用ã«æ›¸ã„ãŸãƒ¬ãƒãƒ¼ãƒˆã§ã™ã€‚ レãƒãƒ¼ãƒˆã¯ï¼‘ページã«å…¨å†…容ãŒå…¥ã£ã¦ã„ã¦ã ã„ã¶è¦‹è¾›ã„ã®ã§ã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚‰ã—ã„æ„Ÿã˜ã«ä½œã‚ŠãªãŠã—ã¾ã—ãŸã€‚ （ã¤ã„ã§ã«ã‹ãªã‚ŠåŠ ç†ä¿®æ£ã—ã¦ã„ã¾ã™ï¼‰ 内容ã¯Sasså…¬å¼ã‚µã‚¤ãƒˆã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’å¿ å®Ÿã«ç¿»è¨³ã—ãŸã‚‚ã®ã§ã¯ãªãã€æ§‹æˆãªã©ã‚’å†ç·¨é›†ã—ãŸã‚ªãƒ¬ã‚ªãƒ¬ä»•æ§˜ã«ãªã£ã¦ãŠã‚Šã¾ã™ã€‚ ã‚‚ã—内容ã«é–“é•ã„ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã”ä¸€å ±ãŠé¡˜ã„致ã—ã¾ã™ã€‚ ãŠã“ã¨ã‚ã‚Š ç†è€…ãŒé‡åº¦ã®Chromerãªã®ã§å¤ã„ブラウザã«ã¯å…¨ã媚ã³ãªã„悪ã³ã‚Œãªã„仕様ã§ã™ã€‚æ–°ã—ã„ブラウザã§å¾¡è¦§ãã ã•ã„。
Tumblrã€ã‚¦ã‚§ãƒ–上ã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ 広告を開始
Tumblrã¯ã€ã‚¦ã‚§ãƒ–上ã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ 広告を始ã‚ãŸã“ã¨ã§ã€åºƒå‘Šå¸‚å ´ã§ã®é…れをよã†ã‚„ãå–り戻ã›ã‚‹ã‹ã‚‚ã—ã‚Œãªã„。 Tumblrã¯ç±³å›½æ™‚é–“5月30æ—¥ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¦ã‚§ãƒ–上ã§ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã‚’スクãƒãƒ¼ãƒ«ã—ãŸéš›ã€ãƒ•ã‚©ãƒãƒ¼ã—ã¦ã„るブãƒã‚°ã®æŠ•ç¨¿ã¨ã¨ã‚‚ã«ã‚¹ãƒãƒ³ã‚µãƒ¼ä»˜ã投稿ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã‚’明らã‹ã«ã—ãŸã€‚ Tumblrã¯4月ã‹ã‚‰ã€åŒç¤¾ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リ上ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«ã‚¹ãƒãƒ³ã‚µãƒ¼ä»˜ã投稿ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã„る。デスクトップ上ã§ã‚‚モãƒã‚¤ãƒ«ã‚¢ãƒ—リã®å ´åˆã¨åŒæ§˜ã«ã€ï¼„記å·ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ã‚¤ã‚³ãƒ³ã§ç¤ºã•ã‚ŒãŸã‚¹ãƒãƒ³ã‚µãƒ¼ä»˜ã投稿ãŒ1æ—¥ã«4本ã¾ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ スãƒãƒ³ã‚µãƒ¼ä»˜ã投稿ã®è¡¨ç¤ºã¯ã€6月末ã¾ã§ã«ã™ã¹ã¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é©ç”¨ã•ã‚Œã€ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã¾ãšã€Viacomã‚„Ford Motorãªã©7社ã®ãƒ‘ートナーã‹ã‚‰ã®ã‚‚ã®ã¨ãªã‚‹ã€‚ Tumblrã®ã‚°ãƒãƒ¼ãƒãƒ«è²©å£²è²¬ä»»è€…ã§ã‚ã‚‹Lee Brown
Use ECMAScript 6 Today | Envato Tuts+
Today, ECMAScript 6 is in the process of being finalized. ECMAScript is the foundation of JavaScript and, hence, exploring the proposed features today also means that we get a sneak peak at how we will be writing JavaScript in the near future! In this article, we'll explore ten new features, with a significant focus on tools, browsers and transpilers. A Brief History: ECMA, ECMAScript and JavaScri
Profiling mobile HTML5 apps with Chrome DevTools  | Articles  | web.dev
Profiling mobile HTML5 apps with Chrome DevTools Stay organized with collections Save and categorize content based on your preferences. Introduction Today, the most important thing you can do for your site is make sure it performs well when visited from a phone or tablet. Read on and learn how to optimize your site for the mobile browser using Chrome DevTools and an Android device. Why is Optimizi
Content Security Policy 1.0 lands in Firefox Aurora ✩ Mozilla Hacks – the Web developer blog
The information in this article is based on work together with Ian Melven, Kailas Patil and Tanvi Vyas. We have just landed support for the Content Security Policy (CSP) 1.0 specification in Firefox Aurora (Firefox 23), available as of tomorrow (May 30th). CSP is a security mechanism that aims to protect a website against content injection attacks by providing a whitelist of known-good domain name
ã€Œæ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ マークアップ支æ´ãƒ„ールã€ã‚’GoogleãŒå…¬é–‹ã€HTMLベースã§ã®ã‚¿ã‚°ä»˜ã‘ãŒå¯èƒ½ã«
[対象: 上級] Googleã¯ã€æ§‹é€ 化データã®ã‚¿ã‚°ä»˜ã‘を支æ´ã™ã‚‹ãŸã‚ã«2ã¤ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ データãƒã‚¤ãƒ©ã‚¤ã‚¿ãƒ¼ãŒã‚µãƒãƒ¼ãƒˆã™ã‚‹æ§‹é€ 化データã®è¿½åŠ æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ マークアップ支æ´ãƒ„ールã®è¿½åŠ データãƒã‚¤ãƒ©ã‚¤ã‚¿ãƒ¼ãŒã‚µãƒãƒ¼ãƒˆã™ã‚‹æ§‹é€ 化データã®è¿½åŠ データãƒã‚¤ãƒ©ã‚¤ã‚¿ãƒ¼ãŒæ–°ãŸã«ã€7ã¤ã®ã‚¿ã‚¤ãƒ—ã®ãƒ‡ãƒ¼ã‚¿ã®ã‚¿ã‚°ä»˜ã‘ã«å¯¾å¿œã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§ã®ã€Œã‚¤ãƒ™ãƒ³ãƒˆã€ã¨åˆã‚ã›ã¦8種類をサãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ 記事 イベント 地域ã®ãŠåº—やサービス レストラン å•†å“ ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ アプリケーション æ˜ ç”» テレビ番組ã®ã‚¨ãƒ”ソード ã“ã¡ã‚‰ã«ã¤ã„ã¦ã¯ã€å…¬å¼ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ãŒå‡ºã‚‹å‰ã«ã™ã§ã«ãƒ–ãƒã‚°ã§å–り上ã’ã¦ã„ã¾ã™ã€‚ データãƒã‚¤ãƒ©ã‚¤ã‚¿ãƒ¼ãŒã€å•†å“やレストランã€è¨˜äº‹ãªã©ã‚¤ãƒ™ãƒ³ãƒˆä»¥å¤–ã®ã‚¿ã‚°ä»˜ã‘をサãƒãƒ¼ãƒˆé–‹å§‹ æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ マークアップ支æ´ãƒ„ールã®è¿½åŠ データãƒã‚¤ãƒ©ã‚¤ã‚¿ãƒ¼ã«ã‚ˆã‚‹ã‚¿ã‚°ä»˜ã‘ã¯ã€ã‚¦ã‚§ãƒ–サイトã®æ§‹é€ 化データã®ãƒ‘ターンをGoogleã«ä¼ãˆã¾
レスãƒãƒ³ã‚·ãƒ–Webデザインã¨ã‹ã‚¢ãƒ€ãƒ—ティブWebデザインã¨ã‹
2013å¹´5月31æ—¥ è‘— （ [2013-05-31 追記] Google+ ã®ã»ã†ã§ãƒ„ッコミã„ãŸã ãã¾ã—ãŸãŒã€å¼•ãåˆã„ã«å‡ºã—ã¦ã„る記事ã«ãŠã‘る話ãŒã€ŒWebã®ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã‹ã€ã‚‚ã£ã¨åºƒã„æ„味ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã‹ã€ãŒã‚„ã‚„ä¸æ˜Žçžã§ã‚ã‚‹ã«ã‚‚ã‹ã‹ã‚らãšã€è‡ªåˆ†ã®ã»ã†ã§å‹æ‰‹ã«å‰è€…ï¼Webデザインã®è©±ã¨ã—ã¦ä¸€æ–¹çš„ã«è§£é‡ˆã®ã†ãˆè¨˜äº‹ã‚’書ã„ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ãã®ç‚¹ã¯è‡ªåˆ†ã®èªè§£åŠ›ä¸è¶³ã§ã‚ã‚Šã€åçœã™ã¹ãã“ã®ã¾ã¾æ¥ã‚’æ™’ã—ã¦ãŠãã¾ã™ã€‚） 社内ã§ã‚‚レスãƒãƒ³ã‚·ãƒ–ã‹ã‚‰ã‚¢ãƒ€ãƒ—ティブ㸠- å¿…è¦ãªæƒ…å ±ã‚’ã€å¿…è¦ãªã¨ãã«ã€å¿…è¦ã¨ã—ã¦ã„る人㸠| Digital experience Universityã¨ã„ã†è¨˜äº‹ãŒè©±é¡Œã«ãªã£ãŸã®ã§ã€‚自分ãŒã“ã®è¨˜äº‹ã§æ°—ã«ãªã£ãŸã®ã¯ã€ã‚»ãƒ³ã‚µãƒ¼ã‚’æ載ã—ãŸãƒ‡ãƒã‚¤ã‚¹ã‚’用ã„ã¦ãƒ‘ーソナライズã•ã‚ŒãŸæƒ…å ±ã‚’å±Šã‘る「アダプティブデザインã€ã¨ã„ã†ã‚³ãƒ³ã‚»ãƒ—トã¨ã„ã†å‡ºã ã—。何も知らãªã„èªã¿æ‰‹ã§ã‚ã‚Œã°ã€ã‚¢ãƒ€ãƒ—ティブWebデザイン
「今ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã¯èª¤è§£ã•ã‚Œã¦ã„ã‚‹ã€è‹±ã®è‘—åデザイナーAndy Clarkeæ°ãŒè©±ã™3ã¤ã®ä¿®æ£ç‚¹ - エンジニアtype
「今ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã¯èª¤è§£ã•ã‚Œã¦ã„ã‚‹ã€è‹±ã®è‘—åデザイナーAndy Clarkeæ°ãŒè©±ã™3ã¤ã®ä¿®æ£ç‚¹ 2013/05/31公開 《Fashionably Flexible ワークショップレãƒãƒ¼ãƒˆã€‹ 2013å¹´4月6æ—¥ã«ã€Web Directions East主催ã«ã‚ˆã‚‹ã€Andy Clarkeæ°ã®ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ãŒæ±äº¬ãƒŸãƒƒãƒ‰ã‚¿ã‚¦ãƒ³ã§é–‹å‚¬ã•ã‚ŒãŸã€‚ãã®å†…容をã€ä¸»å‚¬ã§ã‚り通訳をã—ãŸèŠæ± å´‡ãŒãƒ¬ãƒãƒ¼ãƒˆã‚’ã™ã‚‹ã€‚ â– Andy Clarkeã£ã¦èª°ï¼Ÿ 世界的ã«è‘—åã§ã‚ã‚‹ã‚‚ã®ã®ã€æ—¥æœ¬ã§ã¯ä¸€éƒ¨ã®ã‚³ã‚¢ãªWebデザイナーã§ãªã„ã¨ãã®åを知らãªã„人ãŒã„ã‚‹ã®ã§ã€ã¾ãšã¯Andy Clarkeæ°ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„。 Andy Clarke ã¯ã‚¤ã‚®ãƒªã‚¹ã®ã‚¦ã‚§ãƒ¼ãƒ«ã‚ºåœ°æ–¹åœ¨ä½ã®Webデザイナーã§ã‚る。1990年代後åŠã‚ˆã‚Šã€Webサイトã®åˆ¶ä½œã‚’ã¯ã˜ã‚ã€ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã¨CSSã®å…ˆé€²æ€§ã‚’æ´»ã‹ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®å–り組ã¿ã§æ³¨ç›®ã‚’æµ´
一眼レフåˆå¿ƒè€…ã«ä¼ãˆãŸã„ï¼RAWã¨JPEGデータã®é–“é•ã£ãŸä½¿ã„分ã‘ã‚’ã—ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿãã®ç†ç”±ï½œã™ã—ã±ãã®æ¥½ã—ã‘ã‚Œã°ã„ã„ã®ã§ã™ã€‚
公開日：2013å¹´5月31æ—¥ カテゴリ：写真を使ã£ãŸãƒã‚¿ 一眼レフã ã‹ã‚‰RAWデータã§æ’®å½±ã™ã‚‹æ±ºã¾ã‚Šã¯ã‚ã‚Šã¾ã›ã‚“ï¼ï¼ JPEGç”»åƒã§ã‚‚å分ã«è‰¯ã„写真ã¯ä»•ä¸ŠãŒã‚Šã¾ã™ï¼ä»•ä¸ŠãŒã‚Šã¾ã™ãŒã€RAWデータãŒã‚ã‚‹ã¨å¾Œã€…何ã‹ã¨ä¾¿åˆ©ã§ã™ã€‚今回ã¯ãã†ã„ã£ãŸäº‹ã‚’å«ã‚ã¦ã€ãªãœRAWã§æ’®å½±ã—ãŸæ–¹ãŒã„ã„ã®ã‹ï¼Ÿã€JPEGã®ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¯ä½•ã‹ï¼Ÿãã®è¾ºã‚’ã§ãã‚‹ã ã‘専門用語ãªã—ã§åらãšã«æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ※ ã¡ãªã¿ã«RAWデータã®ç”»åƒå‡¦ç†ã‚’ç¾åƒã€JPEGç”»åƒã®ç”»åƒå‡¦ç†ã‚’åŠ å·¥ã€ã¨ã„ã†è¡¨ç¾ã§ä½¿ã„分ã‘ã¦ã„ã¾ã™ã€‚ RAWã¨JPEG撮影 ミラーレスãªã©æœ€è¿‘ã®ã‚«ãƒ¡ãƒ©ã¯ã€ä¿å˜å½¢å¼ã¨ã—㦠RAWデータ・JPEGç”»åƒ (今回ã¯TIFFã¯é™¤ãã¾ã™) ã‚’é¸ã¹ã¾ã™ã€‚（個人的ãªã‚ªã‚¹ã‚¹ãƒ¡å½¢å¼ã¯RAW+JPEGã®ä¿å˜å½¢å¼ã§ã™ï¼ï¼‰ã“ã®RAWデータã§ã™ãŒã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯éžå¸¸ã«å¤§ãã大容é‡ã®ãƒ¡ãƒ¢ãƒªãƒ¼ã‚«ãƒ¼ãƒ‰ãŒå¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ １ファイルã€JPEGç”»åƒãŒ8MBã€R
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.qcontokyo.com/data_2013/ToruYoshikawa_QConTokyo2013.pdf
{{#tags}}- {{label}}
{{/tags}}