I was in Minnesota last week for An Event Apart Minneapolis. A great time was had by all. Not only were the locals living up to their reputation with Amy and Kasia demonstrating that Kristina isn’t an outlier in the super-nice, super-smart M... 続きを読む
Right after I wrote about combining flexbox with responsive design—to switch the display of content and navigation based on browser size—I received an email from Raphaël Goetter. He pointed out a really elegant solution to the same use-case... 続きを読む
The Heads-Up Grid is an overlay grid for use during in-browser website development, built with HTML + CSS + JavaScript. Paste Some Code If you haven’t already defined a grid, use The Gridulator. Then download The Heads-Up Grid files and past... 続きを読む
A grid system for responsive web design. Includes folding columns, elastic gutters, a zoomable baseline grid, and a delightful grid overlay script.Four features Columns, gutters, a baseline and a script. Folding columns Golden Grid System (GS... 続きを読む
Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies Which features do you choose to add to this list? I use the following criteria: Useful to web designers/developers Likely to be eventually implemented b... 続きを読む
Susy: un-obtrusive grid system for designers, built on Compass and SassAll the benefits of a hand-crafted grid, without all the math. So: you want to build a strong grid-based website? Your best option is to become a CSS guru over night and s... 続きを読む
.related_ss_div{ background-color:#f1faf5; border: 1px solid rgb(228, 237, 235); } div#recentVoters { width:156px; border:1px solid #555; margin-top:5px; } div#recentVoters h3 { background:#000 url(/images/thumbs_up.gif) 3px 1px no-repeat; co... 続きを読む
Compass is a real stylesheet framework — not just a collection of classes. With Compass, you still use the best of breed css frameworks; adapted to make them easier to configure and apply to your semantic markup. 続きを読む
HTTP Git Read-Only This URL has Read+Write access Dismiss Octotip: You've activated the file finder by pressing t Start typing to filter the file list. Use ↑ and ↓ to navigate, enter to view files. 続きを読む
【はてなダイアリー】用のスタイルシートの表示テストのためのHTMLです。 「サイドバー付きの最新日記画面」「日記編集画面」「キーワード表示画面」「コメント入力画面」「日記の設定画面」の表示を1度にチェックすることができます。 以下のファイルを適当な... 続きを読む
HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site. After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalizatio... 続きを読む
HTML5 Reset is a set of baseline templates to get your new project off on the right foot.About The Code Download Documentation Get in Touch About Like a lot of developers, we start every HTML project with the same set of HTML and CSS template... 続きを読む
starting html/css template. so much goodness baked in by default (previously named frontend pro template) 続きを読む
Nehan is dynamic layout engine for Japanese text format written in JavaScript. It's support Japanese vertical layout, and horizontal layout, ruby, bold, blockquote, image processing also available. No third party library needed. Getting Start... 続きを読む
Want to use a CSS grid but don't feel like going back to college? Join the club.An Introduction Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles. But complex systems are, well, complex. Lookin... 続きを読む
Many developments in computer science have nothing to do with the capabilities of computers, but with the way we use them. A few years ago, an article on Airbag Industries1 inspired me to think about writing a blog with a unique design per po... 続きを読む
Mastering CSS Coding: Getting Started (via @smashingmag) - CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between pro... 続きを読む
AboutIE7 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. StatusCurrent version: 2.0 beta 3. U... 続きを読む
If I had a dime for every time I heard a web programmer apologize for the way his/her pages looked before revealing them, I certainly wouldn’t need to work anymore. As with color picking, I think that programmers tend to avoid doing certain ... 続きを読む