CSS for grown ups: maturing best practises // Speaker DeckSpeaker Bio Software Architect at the Guardian. Former Clearleft, Microsoft, Multimap. View Speaker Details
CSS Power Tools
Let’s admit it, the tools for writing CSS aren’t very advanced. For the most part, the people who write tools don’t know about CSS and the people who know about CSS don’t write tools. Quite a conundrum! In this session, you’ll learn about good tools that can make development faster and maintenance easier. We’ll also talk a bit about where we can go from here. What tools do we need as sites are bec
UPGRADE JAPAN!!ã§ã€ŒSassられ指å—ã€ã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’担当ã—ã¾ã—㟠- ã‚ã¨å‘³
先週ã®åœŸæ›œæ—¥ã«UPGRADE JAPAN!!ã¨ã„ã†ãƒãƒ£ãƒªãƒ†ã‚£ã‚¤ãƒ™ãƒ³ãƒˆã«ã‚¹ãƒ”ーカーã®ä¸€äººã¨ã—ã¦å‚åŠ ã—ã¾ã—ãŸã€‚ マスコミã®å–æã¨ã‹ã‚‚ã„ãŸã‚ˆã†ã§ã€ã“ã®ã‚ˆã†ãªå¤§ããªã‚¤ãƒ™ãƒ³ãƒˆã«ãªã‚‹ã¨ã¯ãƒ“ックリ。義æ´é‡‘ã‚‚20万円超集ã¾ã£ãŸãã†ã§ã™ã€‚よã‹ã£ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã€è©±ã—ãŸå†…容をã€SlideShareã«ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚今後もアフターフォãƒãƒ¼ã‚’å…¼ãã¦Sassã®ã“ã¨ã‚’紹介ã—ã¦ã„ããŸã„ã§ã™ã€‚ Sassã‚‰ã‚ŒæŒ‡å— View more presentations from taiju higashi SassãŒåŒ—陸ã§ã‚‚æµè¡Œã‚‹ã¨ã†ã‚Œã—ã„ã§ã™ã€‚イベントä¸ã€ã‚¤ãƒ™ãƒ³ãƒˆå¾Œã«ã€ŒSassられãŸã„ã€ã€ŒSassã‚ŠãŸã„ã€ã¨ã„ã†è¨€è‘‰ãŒå¾®å¦™ã«æµè¡Œã£ã¦ã¦è‰¯ã‹ã£ãŸã§ã™ã€‚ セッションä¸ã«ç´¹ä»‹ã—ãŸãƒªãƒ³ã‚¯ãªã© Webデザイナーã®ç‚ºã®ã€Œæœ¬å½“ã¯æ€–ããªã„ã€â€é»’ã„ç”»é¢â€å…¥é–€ Part.01 « FJORD, LLC（åˆåŒä¼šç¤¾ãƒ•ã‚£ãƒ¨ãƒ«ãƒ‰ï¼‰ CPI x CSS Nit
WEB標準デザインã€ã¯ã˜ã‚ã®ä¸€æ© ～デザインã‹ã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¾ã§ï½ž
第6回 岡山WEBクリエイターズã®ã‚»ãƒƒã‚·ãƒ§ãƒ³1ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰å†…容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザインã€ã¯ã˜ã‚ã®ä¸€æ© ～デザインã‹ã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¾ã§ï½žã€ 岡山WEBクリエイターズ勉強会ã§ãŠè©±ã—ãŸå†…容をã€ã‚¹ãƒ©ã‚¤ãƒ‰ã¨ã¨ã‚‚ã«å…¨æ–‡æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ テã‚ストã¯ã‚ãã¾ã§åŽŸç¨¿ãã®ã¾ã¾ã§ã™ã®ã§ã€å®Ÿéš›ã«å–‹ã£ãŸå†…容ã¨ã¯å¹¾åˆ†ç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ スライドã®PDFをダウンãƒãƒ¼ãƒ‰ è¬›å¸«æ¦‚è¦ SKPRODUCT代表。 デザインã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€PHPã«ã‚ˆã‚‹ã‚·ã‚¹ãƒ†ãƒ 構築ã€ActionScriptを使用ã—ãŸFlashãªã©ã€WEB制作全般を行ã†WEBアーã‚テクトã§ã™ã€‚ 岡山ã®å¤§æ‰‹ä¼æ¥ãƒ»å¦æ ¡ãªã©ã‚’ä¸å¿ƒã«WEBサイトã¨ç‹¬è‡ªã«é–‹ç™ºã—ãŸCMSフレームワーク『SEEDã€ã®æ供を行ã£ã¦ã„ã¾ã™ã€‚ 本日ã¯ã€WEB標準デザインã¯ã˜ã‚ã®ä¸€æ©ã§ã™ã€‚ WEB標準ã¨ã„ã†ã¨ã€æŠ€è¡“çš„ãªã“ã¨ã‚’想åƒã•ã‚Œã‚‹æ–¹
Slide 1
1 Highly Maintainable, Efficient & Optimized CSS August 31, 2010 Think Vitamin HTML & CSS Online Conference Zoe Mickley Gillenwater @zomigi 2 What I do Books Flexible Web Design: Creating Liquid and Elastic Layouts with CSS www.flexiblewebbook.com Stunning CSS3: A Project-based Guide to the Latest in CSS www.stunningcss3.com Web Freelance graphic designer and web developer CSS consultant Member of
HTML+CSS templating
HTMLテンプレートを作るã®ã¯ç°¡å˜ï¼Ÿ 赤ã®ä»–人ãŒä½œã£ãŸHTMLテンプレートを簡å˜ã«ç·¨é›†ã§ãã‚‹ã‹ï¼Ÿ 新人ã«æ•°åƒãƒšãƒ¼ã‚¸ã®ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ä»»ã›ã‚‰ã‚Œã‚‹ã‹ï¼Ÿ HTML, CSS, JavaScriptを覚ãˆã‚Œã°ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯æ¥½å‹ï¼Ÿ ãã“ã¾ã§ç°¡å˜ã˜ã‚ƒãªã„ã‹ã‚‚ã—ã‚“ãªã„ ブラウザã®ãƒã‚°ï¼Ÿ ã¾ããれもã‚ã‚Šã¾ã™ Cascadingã¨ã„ã†ä»•çµ„ã¿ã¯ç´ 敵ã§ã™ãŒ ã‚ã£ã¨ã„ã†é–“ã«ã‚³ãƒ¼ãƒ‰ãŒå¤§å¤‰ãªã“ã¨ã«ãªã‚Šã¾ã™ CSSã«ã¯ç´ 敵ãªã‚»ãƒ¬ã‚¯ã‚¿ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ 残念ãªãŒã‚‰IE6を下é™ã¨ã™ã‚‹ç’°å¢ƒã§ã¯ä½¿ãˆãªã„ã‚‚ã®ã°ã‹ã‚Š
WDE08 Blog: Object Oriented CSSã¨CSS Systems
CSSãŒæ™®åŠã—ã€ã„ã¾ã‚„CSSã§ã‚¦ã‚§ãƒ–サイトをレイアウトã™ã‚‹ã“ã¨ã«ç•°è«–を挟む人ã¯ã„ãªã„ã ã‚ã†ã€‚CSSã¨ã„ã†ã®ã¯ä»Šã‚„å°ã•ãªï¼’ページã‹ã‚‰ãªã‚‹ã‚¦ã‚§ãƒ–サイトã§ã‚‚ã€1000ページã«ã‚‚ã®ã¼ã‚‹ã‚¦ã‚§ãƒ–サイトã§ã‚‚使ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ã§ã¯ã©ã®ã‚ˆã†ã«CSSã‚’èªã¿è¾¼ã¾ã›ãŸã‚Šã€æ•´ç†ã—ã¦ã„ã‚‹ã§ã—ょã†ã‹ï¼ŸåŠ¹çŽ‡ã‚ˆãCSSをコントãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã¯ä»•äº‹ã®æ™‚é–“ã‚’ã¸ã‚‰ã—プライベートã®æ™‚間を増やã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 WDN09ã«ã¦OOCSS（Object Oriented CSS）ãªã‚‹ã‚‚ã®ãŒNICOLE SULLIVANより発表ã•ã‚Œã¾ã—ãŸã€‚興味ã®æœ‰ã‚‹æ–¹ã¯ã”覧ã«ãªã£ã¦ã¿ã¦ãã ã•ã„。 ビデオ スライド Object Oriented CSS View more presentations from Nicole Sullivan. ãƒãƒ³ãƒ‰ãƒ³è¿‘郊ã«æ‹ 点をãŠãã€Clearleftã®NatalieãŒBarCamp London
マークアップエンジニアã®ã‚ャリアパス
1. マークアップエンジニアã®ã‚ャリアパス Career Path for Markup Engineers CSS Nite LP, Disk 9 –Corder’s Higher- @cssnite #cssnitelp9 森田 雄 2010å¹´4月17æ—¥ Yu Morita; 2010 (CC) BY-SA / Some rights reserved. 2. マークアップエンジニアã®ã‚ャリアパス 2001å¹´11月6æ—¥ マークアップエンジニア誕生 Yu Morita; 2010 (CC) BY-SA / Some rights reserved. ｜1
高速ウェブアプリã®ãŸã‚ã®CSSパフォーマンス - CSS Performance for Fast Web Applications | warikiru
2009-12-04 高速ウェブアプリã®ãŸã‚ã®CSSパフォーマンス - CSS Performance for Fast Web Applications ラベル: report Web Directions East 2009 カンファレンス 11月13æ—¥ 15:00–16:00 Nicole Sullivan（ニコール・サリãƒãƒ³ï¼‰3000以上ã«ã‚‚昇る大è¦æ¨¡ã‚µã‚¤ãƒˆã®æœ€é©åŒ–ã«æºã‚ã£ã¦æ¥ãŸ Nicole Sullivan ã¯ã€ç¾åœ¨ Yahoo! ã®ãƒ‘フォーマンスエンジニアã¨æœ€é©åŒ–ã®ã‚¨ãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã¨ã—ã¦å›½å†…外ã®ã‚»ãƒŸãƒŠãƒ¼ã§è¬›æ¼”。Webサイトã«é–¢ã™ã‚‹ç ”究ã ã‘ã§ãªãã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ã‚‚ã“ãªã™ãƒžãƒ«ãƒã‚¿ã‚¹ã‚¯ãªãƒªãƒ¼ãƒ€ãƒ¼ã‚·ãƒƒãƒ—を発æ®ã€‚フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã®é«˜ã„スã‚ルをæŒã¤ã€‚ ContactsStubbornella - BlogNicole Sullivan (stubbornella) on
CSS Nuggets
CSS Nuggets - Presentation Transcript CSS Nuggets http://www.flickr.com/photos/twenty_questions/3491868827 :first and :last http://www.flickr.com/photos/luiscdiaz/330340600 :first-of-type Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoree
jQuery 1.4.2 Visual Cheat Sheet woorkup.com
Blog » WordPress » How and where to learn WordPress plugin development (FYI, we build plugins) How and where to learn WordPress plugin development (FYI, we build plugins) It can be overwhelming when you first try to get into WordPress plugin development. Honestly, one of the best ways to learn is just to dive right in and start coding. However, this is something that doesn’t just happen overnight.
The 5 Layers of Web Accessibility
In this month's YDN Tuesday Dirk Ginader, Web Developer and part of the Accessibility Task Force at Yahoo!, will talk about Web Accessibility. Starting with basic markup and ending with accessible javascript and WAI ARIA he'll cover best practices and lots of tips and tricks to make your websites and web applications accessible to everyone. Get more information about the event here: http://skillsm
CSS Nite in Ginza, Vol.33フォãƒãƒ¼ã‚¢ãƒƒãƒ—（2）益åã•ã‚“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ï½œCSS Niteå…¬å¼ã‚µã‚¤ãƒˆ
CSS Nite in Ginza, Vol.33フォãƒãƒ¼ã‚¢ãƒƒãƒ—（2）益åã•ã‚“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ 記事公開日：2009å¹´4月 5日（日） 4月4æ—¥ã«é–‹å‚¬ã—ãŸCSS Nite in Ginza, Vol.33ã®ã€Žã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹XHTML+CSSã€ç›Šå 貴寛（サイãƒãƒ¼ã‚¬ãƒ¼ãƒ‡ãƒ³ï¼‰ã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã¨ã—ã¦ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã¨éŸ³å£°ã‚’シェアã—ã¾ã™ã€‚ スライド（PDFã€64ページã€12.6MB） 音声（MP3ã€42:35ã€12.2MB） 補足 é…布ãŒçµ‚了ã—ã¦ã„るブラウザをダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ã¯evolt.org - Browser Archiveã§ã™ã€‚ ベストセッション20192019å¹´ã€CSS Niteã§ã¯49回ã®é–¢é€£ã‚¤ãƒ™ãƒ³ãƒˆã‚’通ã—ã¦123セッションãŒè¡Œã‚ã‚Œã¾ã—ãŸã€‚ãã®ä¸ã‹ã‚‰ãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³ï¼‹Î±ã‚’é¸ã³ã¾ã—ãŸã€‚ 2010å¹´ã‹ã‚‰2019å¹´ã®ãƒ™ã‚¹ãƒˆãƒ»ã‚»ãƒƒã‚·ãƒ§ãƒ³CSS Niteベスト・セッション2019CSS Niteベス
Object Oriented CSS, Grids on Github – Nicole Sullivan
How do you scale CSS for millions of visitors or thousands of pages? Object Oriented CSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites. I recently presented Object Oriented CSS for high performance web applications and sites at Web Directions North 2009. If you d
CSS Nite in Ginza, Vol.31フォãƒãƒ¼ã‚¢ãƒƒãƒ—（3）å°æž—ã•ã‚“｜CSS Niteå…¬å¼ã‚µã‚¤ãƒˆ
CSS Nite in Ginza, Vol.31フォãƒãƒ¼ã‚¢ãƒƒãƒ—（3）å°æž—ã•ã‚“ 記事公開日：2009å¹´2月23日（月） 2009å¹´2月19æ—¥ã«é–‹å‚¬ã—ãŸCSS Nite in Ginza, Vol.31ã®ã€ŽCSSレイアウト：IE 6対応ã®ã‹ã‚“ã©ã“ã‚ã€ï¼ˆå°æž—信次ã•ã‚“ï¼ã¾ã¼ã‚ã—）ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¨éŸ³å£°ã‚’シェアã—ã¾ã™ã€‚ スライド（PDFã€145ページã€5.5MB） 音声（MP3ã€1:00:28ã€34.6MB） ãƒ‡ãƒ¢ç´ æ Clear Sky Source - デフォルトCSS ãã®ä»–ã€Internet Explorer 6対ç–ã«é–¢ã™ã‚‹å‚照リンク Internet Explorer (Windows) CSSãƒã‚°ãƒªã‚¹ãƒˆ IE6ã®ãƒã‚°ã®ã¾ã¨ã‚ - Webtech Walker CSSレイアウトã®å®šçŸ³ã€€WinIE6ãƒã‚°å›žé¿æ³• RedLine Magazine : リストタグを使用時ã®IEã§ã®å¤‰ãªéš™é–“を消㙠IE
講習会『CSS フレームワーク/CSS Resetã€ã‚’開催ã—ã¾ã—ãŸ
cos31ã§ã™ã€‚ 今回ã¯CSSã®ã‚¯ãƒã‚¹ãƒ–ラウザを簡å˜ã«åˆ©ç”¨ã—ã¦ã‚‚らã†ãŸã‚ã®é¸æŠžè‚¢ã¨ã—ã¦ã€ŒCSS フレームワーク/CSS Resetã€ã‚’紹介ã—ã¾ã—ãŸã€‚ CSSフレームワークã¯ä»¥ä¸‹ã®æ§˜ãªæ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ å¤–æž (レイアウト)æä¾› タイãƒã‚°ãƒ©ãƒ•ã‚£ デザインã®æä¾› CSS Reset CSS Resetã¯ã€ŒåˆæœŸåŒ–CSSã€ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ 概è¦ãŒãƒ¡ã‚¤ãƒ³ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã©ã‚“ãªã‚‚ã®ã‹ã‚’知るã“ã¨ã«ä¸»çœ¼ã«ç½®ã„ã¦ã„ã¾ã™ã®ã§ã€CSSコードã¯ã»ã¨ã‚“ã©å‡ºã¦ãã¾ã›ã‚“ã®ã§ã”了承ãã ã•ã„ ã¡ã‚‡ã£ã¨å†…容ã®ç´¹ä»‹ å„ブラウザã”ã¨ã«HTMLã‚¿ã‚°ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®åˆæœŸã‚¹ã‚¿ã‚¤ãƒ«ãŒç•°ãªã£ã¦ã„る為ã€åŒã˜ãƒ•ã‚¡ã‚¤ãƒ«ã‚’閲覧ã—ã¦ã‚‚ã“ã‚Œã ã‘ã®å·®ç•°ãŒç”Ÿã¾ã‚Œã¾ã™ã€‚ CSSフレームワークを用ã„ã‚‹ã¨ã€ã“ã®å·®ç•°ã‚’å¸åŽã—ã©ã®ãƒ–ラウザã§ã‚‚ã»ã¼åŒæ§˜ã®è¡¨ç¤ºã‚’è¡Œã†ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ 以下ã®ä¾‹ã¯ä¸Šã®ã‚³ãƒ¼ãƒ‰ã«ã€YUI Reset CSS,YUI Font C
CSS Nite in Ginza, Vol.27 - Archiva
Make a note of it: Web tech, montaineering, and so on. CSS Niteè¡Œã£ã¦ãã¾ã—ãŸã€‚ã“ã“æš«ãã¯æ¥å‹™ãŒãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã«é£Ÿã„込んã§ãŸã“ã¨ã‚‚ã‚ã£ã¦ã€ã“ã†ã„ã£ãŸã‚»ãƒŸãƒŠãƒ¼ã‹ã‚‰é ã–ã‹ã£ã¦ãŸã‚“ã§ã™ãŒã€å‡ºæ¼”者２人ã¨ã¯æŠ˜ã‚Šã‚ˆã先月末ã«å‘‘む機会ãŒã‚ã£ãŸã“ã¨ã‚‚ã‚ã‚Šã€ä»•äº‹ã®ã»ã†ã‚‚都åˆãŒå°½ããã†ã ã£ãŸã®ã§ä¹…々ã«å‡ºã¦ã¿ã¾ã—ãŸã€‚今回ã¯ã‚¢ãƒ•ã‚¿ãƒ¼ã‚‚å‚åŠ ã€‚ã“ã†ã„ã†æ‰“ã¡ä¸Šã’ã£ã¦ä»Šã¾ã§æ•¬é ã—ã¦ã¾ã—ãŸãŒã€ã‘ã£ã“ã†æ¥½ã—ã„ã‚‚ã‚“ã§ã™ã。以後ã¯ãªã‚‹ã¹ãå‚åŠ ã—ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ å‰åŠã®hamashunæ°ã¯ã€Œãƒ–ãƒã‚°ã‚’書ãã¨ã“ã‚“ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã€ã€å¾ŒåŠã®å°å±±ç”°ã•ã‚“ã¯ã€Œdisplay: inline-block;を使ã£ãŸãƒ–ãƒãƒƒã‚¯è¦ç´ ã®ä¸Šä¸‹æƒãˆã€ã¿ãŸã„ãªæ„Ÿã˜ã€‚å‰è€…ã¯ãƒ©ã‚¤ãƒˆã€å¾Œè€…ã¯ã„ã‹ã«ã‚‚コーダãŒå¥½ããã†ãªå†…容ã€ã¨ä»–ã«ã‚‚ã„ã‚ã„ã‚対象的ãªå†…容ã§ã—ãŸã。 ã‚‚ã¡ã£ã¨è©³ã—ã„感想ã¯ä»¥ä¸‹ã€‚ Webã®ä¸–ç•Œ
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Line Height
ベルタ育毛剤効果ã¨åˆæœŸè„±æ¯›ã«ã¤ã„ã¦ï½œãƒ™ãƒ«ã‚¿è‚²æ¯›å‰¤å£ã‚³ãƒŸè©•åˆ¤
Koji Ishimoto presentations
{{#tags}}- {{label}}
{{/tags}}