なつレゴ - 昔のレゴを懐かしく振り返るサイト
LEGO南海の勇者カタログ LEGO南海の勇者ミニフィグ 1989年 #6285 ダークシャーク号 #6274 シーフォーク号 #6270 海ぞくの島 #6255 コミック・人形セット #6245 大砲をつんだボート #6251 人形セット #6257 いかだにのった海ぞく #6276 サブレとりで 1991年 #6273 海ぞくのとりで #6259 とりでの牢屋 #6267 とりでの酒場 1992年 #6271 シーライオン号 #6247 宝をつんだボート #6258 海ぞくの見張り小屋 #6261 海ぞくのいかだ #6277 ポートロイヤルの港 1993年 #6268 シースター号 #6286 ダークシャークII世号 #6237 宝箱と人形 #6252 人形セット 1994年 #6236 ロンゴロンゴ大王 #6246 ロンゴ族のオリ #6256 ロンゴ族のカヌー #6262 謎の石像リ
Pure CSS Components - CSSだけで作られた各種コンポーネント
Webアプリケーションでは表現力をあげるために各種コンポーネントが作られていますが、通常その手のライブラリはJavaScriptとスタイルシートの組み合わせによって実現しています。そうなるとJavaScriptの互換性やそもそも有効にしていない場合に使えません。 そこで考えだされたのがPure CSS Components、スタイルシートだけで作られたコンポーネント集です。 Pure CSS Componentsの使い方 よく使われそうな表示がすべてスタイルシートだけで実現しています。JavaScriptを使った時に比べるとアニメーションが少ないなど若干物足りない部分もありますが、JavaScriptをオフにしても動くのは魅力的です。 何でもJavaScriptではなく、テクニックをこらすことで実現してしまうのがすごいですね。 Pure CSS Componentsはスタイルシート製、MI
CSSだけで美しいレスポンシブデザインを実現『Pure』 - slow living in the sky
根強いBootstrap人気 以前大ブームを起こしたレスポンシブデザインですが、その火付け役とも言えるのが Bootstrap ですね。 以前に比べては少し勢いが小さくなったように感じますが、未だに根強い人気があります。 Bootstrapの難点 ただ、Bootstrapは、 独特の記述ルール CSSだけでも100KB以上 JavaScriptを利用する JQueryに依存する カスタマイズが難しい など、イマイチ使い勝手が悪く、気軽に導入できるというものでもありませんでした。 Bootstrapの弱点を解決する『Pure』 そこで登場するのが、Yahoo!の開発した『Pure』です。 Pureの特徴は、 CSSフレームワーク 必要なのはCSSだけ 用途に応じて分割（Grids, Buttonsなど）して使うことも可能 すべて読み込んでも19KB JavaScriptを必要としないので、ほ
Yahoo!が提供するCSSフレームワーク「Pure」で、プロジェクトをスピードアップ！｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステムWebデザイングループの石川です。 Webの世界は日進月歩。新しい技術を使った斬新なサービスが、毎日のように次々と出てきますよね。 ただ、従来のやり方で進めようとすると、それなりの時間が必要となってきてしまう側面も否定できません。 少しでも早く自分たちが考えたアイデアを形にして世の中に発信したい！ 社内検討の段階でもWeb画面で触りたい！しかもそこそこ見た目の良いものを。 デザイナーの力を借りなくてもエンジニアだけで見た目が良いものを作りたい！ というクリエーターたちの声が増えるにつれ、「CSSフレームワーク」（またはデザインフレームワーク）と呼ばれているものが注目を集めてきました。 フレームワーク (英語: framework) 開発・運用・意思決定を行う際に、その基礎となる規則・構造・アイデア・思想などの集合のこと。日本語では「枠組み」などと訳されることが多い
Menus - Pure
Vertical MenuMenus are vertical by default. Minimal default styling and low-specificity selectors make them easy to customize. By default, menu items take up 100% of the width of their container, so you may want to limit the menu width or set the menu to display:inline-block. <style> .custom-restricted-width { /* To limit the menu width to the content of the menu: */ display: inline-block; /* Or s
Pure を使って 5分でレスポンシブな Blog テンプレートを作る
Pure は Yahoo! が公開した CSS フレームワークですが、試しに使ってみましょうということで、自分で書くスタイルは極力少なくして、簡単に Blog のテンプレートっぽいものを作ってみました。 さすがに 5分はウソです すいません。でも簡単でしたよ。 Pure ： A set of small, responsive CSS modules that you can use in every web project. Pure とは Pure は、簡単に言ってしまえば Twitter が公開している Bootstrap などと同じ、CSS のフレームワークですが、CSS のみに絞ることで、その容量は最大で 5.7KB とかなり軽量。Yahoo! の CDN から読み込めば、gzip された状態で読み込めます。 また、各機能を個別に読み込むことも可能ですので、必要な機能だけを選択す
Grids - Pure
Introduction to Pure GridsPure Grids are easy to work with, and very powerful. There are a few simple concepts to keep in mind: Grid classes vs. unit classesPure Grids consist of two types of classes: the grid class (pure-g) and unit classes (pure-u or pure-u-*)The widths of the units are fractionsUnits have various class names that represent their widths. For example, pure-u-1-2 has a width of 50
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
