Important This slide deck was created for use in a controlled environment, during a talk. It works best with (modern) Firefox OSX at 1024x768. Use Ctrl + {A, S, Z, X} in the live code examples to expose the inner & outer radii sizes of the top corners. The demos were live coded, so these slides are a bit pointless if you never watched the talk.
.panel { display: none; } button:hover + .panel { display: block; } button { background-color: #800; } button:hover { background-color: red; } I make stuff appear Abruptness = bad UX* Transitions are not just fluff *Delays are even worse Don’t piss off your users JS to the rescue (?) <script src="jquery.min.js"></script> <script src="jquery.animate-colors-min.js"></script> $('button').hover(functi
background: linear-gradient(white 30%, hsla(0,0%,100%,0)), linear-gradient(hsla(0,0%,100%,0), white 70%) bottom, radial-gradient(at top, rgba(0,0,0,.2), transparent 70%), radial-gradient(at bottom, rgba(0,0,0,.2), transparent 70%) bottom; background-repeat: no-repeat; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; background-attachment: local, local, scroll, scroll; background-attach
The first annual CSS Dev Conf wrapped up a couple of weeks ago. It featured over 20 speakers, two keynote presentations, and one massive wrap up panel of CSS experts featuring every speaker there. Aside from the online conference, CSS Summit, I don’t think there’s ever been an organized event focused solely on the design language of the web for web builders. Slides: Flexible Media in Responsive We
selectorA { property1: value1; property2: value2; } selectorB { property1: value3; property2: value4; } selector:pseudo-class::pseudo-element { -vendor-property: value; } selector[attribute], selector ~ relation { property: -vendor-value; -vendor-property: -vendor-value; -vendor-property: weirdsyntax; } <ul> <li id="myID" class="myClass">item 1</li> <li class="myClass">item 2</li> <li>item 3</li>
The Edge of HTML5 Eric Bidelman · Jan 9, 2012 Legend: Not quite ready. Keep it on your radar. Relevant Chrome/WebKit bug. Bug has been fixed/resolved. Specification link ( Press 'n' for additional notes on some slides. Most of this presentation requires Chrome Canary 18+. ) Agenda CSS & Beyond JavaScript APIs for Apps and Games Multimedia APIs Media Capture Web RTC Web Audio API ( the undocumented
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
