[B! css][design] bonlifeのブックマーク

Bootstrap Templates and More on WrapBootstrap

Bootstrap templates are website templates built with the popular Bootstrap framework. WrapBootstrap is the marketplace for high-quality website templates compatible with Bootstrap, React, Angular, Vue.js, Laravel, Django, ASP.NET Core, PHP, Python, and more.

bonlife 2013/04/15

日本語フォントにしっかり対応してるのがあると良いな。と思うものの、それを調べるためだけに有料のを購入する気になれないんだよな…。

リンク

スマートフォン向けサイトにはレスポンシブ・ウェブデザインを推奨、Googleが公開したスマホサイトの最適化 at #SMX Advanced Seattle 2012

[対象: 中〜上級] SMX Advanced Seattle 2012 セッションレポート第2弾は、英GoogleのPierre Far（ピエール・ファー）氏による「スマートフォン向けサイトの最適化」です。 Far氏のプレゼンテーションは、直前にGoogle Webmaster Central Blogで公式アナウンスがあったスマートフォンサイト構築の推奨に関する記事とその詳細を説明しているドキュメントとほぼ同じ内容です。 Far氏のプレゼンと公開されたばかりのドキュメントを合わせて、Googleが推奨するスマートフォンサイトを構築する際の最適化についてレポートします。スマートフォン向けサイトの最適化 3タイプの構成のスマートフォン向けサイトをGoogleはサポートレスポンシブ・ウェブデザイン (Responsive web design) — デスクトップとモバイルで同じURL・同

bonlife 2012/06/12

リンク

複雑なCSSレイアウトをウェブ上で簡単に作成できる「The 1Kb CSS Grid」:phpspot開発日誌

The 1Kb CSS Grid by Tyler Tate :: A simple, lightweight approach 複雑なCSSレイアウトをウェブ上で簡単に作成できる「The 1Kb CSS Grid」列数、列の幅、グリッド間の感覚を指定して「DOWNLOAD」ボタンを押すと、HTMLとCSSがセットになったアーカイブがダウンロードできます。開いてみると、次のようなレイアウトの基本になるようなHTMLが手に入ります。 CSSフレームワークを使っているものですが、ウェブ上でパラメータ調節できて簡単にジェネレートできるのはいいですね。関連エントリ CSSレイアウトのチート集「CSS Layout Cheats」複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」フリーで使えるCSSレイアウトのテンプレート配布サイト 42個のフリーCSSレイア

bonlife 2009/06/26

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

bonlife 2009/01/21

リンク

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!

by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.

bonlife 2007/02/28

リンク

WEB標準なレイアウトを作成するレイアウト言語「Bamboo」:phpspot開発日誌

The Bamboo Projekt - About Bamboo helps you to create standards-based, cross-browser page layouts more easily by providing a new layout language that is more natural than CSS for defining layouts. WEB標準なレイアウトを作成するレイアウト言語「Bamboo」。次のようなレイアウト指定をすることで複雑なHTML&CSSなレイアウトを作成できます。 <layout> <grid> <rows> <row height="200px" />  <row height="20px" />  <row height="