レスポンシブ対応CSSモジュールフレームワークPure

スポンサードリンク

2013/05/31

レスポンシブ対応CSSモジュールPure

CSSファイルサイズは3.84 KB

スタイルシートを読み込むだけで使えるCSSフレームワーク。
Pure

デザイン全般は薄めの色を基調にした、Bootstrapに近いデザイン。
またフラットデザインに使用される明るい色のボタンが採用されています。

色やスタイルをまとめて変更したい際は
リンク内にあるYUI Skin Builderを利用すると
CSSの知識が浅くても幅広い変化をつけられます。

よくわかるHTML5+CSS3の教科書

10日でおぼえるCSS／CSS3入門教室

スポンサードリンク

-Web制作
-CSS, Web制作, フレームワーク

comment コメントをキャンセル

Web制作

2013/3/20

【htmlコーディング】Zen Cording for Coda v0.7.1の使い方

Web制作

2015/2/25

【WEB制作】Lightboxの実装方法。かっこいい画像ギャラリーがJavaScriptの知識なしで簡単実装できる

LightboxはjQueryを利用したJavaScriptライブラリ。最近は見かける機会が減ってきましたが、写真を押すと写真が拡大表示されて黒背景に写真が等倍で表示される「写真の見栄えをよくできる」ライブラリです。サムネイルを押すと、大きい画像が等倍にリサイズされながらフェード処理されて表示されるので動きがあり非常に見栄えが良いのがポイント高いです。 JavaScriptの専門知識がまったくなくても簡単に導入ができるのでよく利用されています。ライセンスは The MIT Licenseで商用・ ...

Web制作

2019/3/14

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】 LityはjQueryを利用したLightbox系のJavaScriptライブラリです。ポイント・画像、インラインコンテンツ、iframe、動画URLをポップアップ表示できる・3kBと超軽量・レスポンシブ対応・利用にはjQuery本体が必要。・MIT license. Lityを使うとどうなる？ユーザーがボタンを押すと、対象の内容をポップアップ表示できます。ポップアップ表示をすることで、自分の ...

Web制作

2014/1/8

Feedlyボタンをブログに設置する方法

JavaScript Web制作

2019/8/14

スクロールしたらCSS3のグラフがアニメーションするようにする方法

スクロールしたらCSS3のグラフがアニメーションするようにする方法『アニメーションするグラフを作ってくれ』と言われてしました。知らない間にアニメーションの需要が出てきているんですね。少しWEBから遠ざかっていたのでこんなことができるようになっていたのは非常に驚いています。たしかにアニメーションするグラフは見栄えが良いし、企業のサイトを作成するとなると決算や社内状況を知らせるためグラフは不可欠な要素になります。ちょっとリッチなページ、ひと目を引くページ作成でアニメーションをいれてくれと言われる ...

JavaScript Web制作

2019/8/5

【Chart.js】グラフを簡単に作れるJavaScriptライブラリ

Chart.jsはグラフをとても簡単に作っていくことができるJavaScriptライブラリです。・どのグラフにするか？・どんな数値・メモリを入れていくか？と中身のデータを入れ替えていくだけでグラフが簡単に出来上がります。エクセルなどのスプレッドシートでグラフを作る感覚に近いです。グラフの初期テンプレートは用意されており色を変えるだけでなく、カスタマイズも出来ます。グラフが表示されるときにアニメーションするのもポイントが高い点です。グラフがアニメーションするとWEBページとしての見栄えも良いで ...

Web制作

2014/7/18

Naverまとめで「サービス利用に制限がかかっているため、ログインできません。」が表示される

Web制作

2014/4/1

[Javascript]「?」を使ったif文の書き方-三項演算子

JavaScript Web制作

2019/12/26

【JavaScript】jQueryのSlideToggle()でアコーディオン開閉時にテキストを変更する。

アコーディオン処理を加えるときにとても楽ちんなのがjQueryのSlideToggle()です。短い文でかんたんにアコーディオン開閉時を実装できます。 SlideToggle()とともに「もっと見る」「閉じる」のようなボタンのテキストを変化させたいことがあります。今回はそのサンプルを紹介します。 javaScriptでやること・SlideToggle()を実装する・SlideToggle()の開閉を判別する・テキストを変更する。最初に必須なjQueryの読み込み方 jQueryをページに読み込 ...

Web制作

2019/3/12

【Web制作】Floatレイアウトを卒業するためのFlexboxのまとめ

Flexboxを使っているWEBサイトが増えてきました。ちょっと勉強しなくなると進化についていけなくなりますね。

Web制作

2020/4/8

フローティングバナーをCSS作る【Web制作】

この記事はフローティングバナーをCSS作る【Web制作】へ移動しました。 ▶

Web制作

2013/3/19

Coda2にZen Cordingをインストールする

Coda2にZen Cordingをインストールする。

adsense Web制作

2014/4/11

アドセンスのクリック率が落ちてきたら広告のブロックもしてみよう。

アドセンスのクリック率が落ちてきたら広告のブロックもしてみよう。広告のブロック設定方法の紹介

Web制作 Wordpress

2013/3/20

エックスサーバーからシックスコアサーバーへのWordPress移行手順

Web制作

2014/6/25

自分のブログファンを増やすためにプロフィールシェアボタンを記事の下へ置こう。

Web制作

2017/9/29

さくらドメインコンパネにWPXレンタルサーバーのネームサーバーを設定する方法

さくらドメインコンパネにWPXサーバーのネームサーバーを設定する方法

Web制作

2014/1/7

ウェブ作成時にMacで画面上の色を拾って16進法でコピーする方法

ウェブ作成時にMacで画面上の色を拾って、16進法でコピーする方法

Web制作

2019/4/26

古いサイトでたまに見かけるaタグ「javascript:void(0);」の意味【WEB制作】

Javascript 古いサイトの修正をするときに見かけることがあるのが「javascript:void(0);」 aタグの画面遷移を無効化するために使われていますが、どんなメリット・デメリットがあるのでしょうか。「javascript:void(0);」のメリット・aタグのhrefに書き込むとaタグの画面遷移を無効化・カーソルが「指カーソル」の形になるのでボタンの画像が視覚的に”押すもの”とわかりやすくなる。・表示枠をタブ化するときなどにURL欄に”#”などがつかない「javascript ...

css Web制作

2019/11/8

メディアクエリ(Media Queries)が効かないときに確認したいこと

メディアクエリ(Media Queries)が効かないときに確認したいことメディアクエリ(Media Queries)はスマホ向けのWEBサイトを作るのに必須な技術です。メディアクエリを正しく記述しても効かないときがありましたので備忘録として記載しておきます。メディアクエリ @media screen and (max-width: 320px); というように表示させるディスプレイサイズごとに CSSを記述していける書き方です。 CSSは原則として下に書く内容が優先度が高く処理されるため（イレギュ ...

PREV: 熊本産「夢みるく」のパッケージに「くまモン」と「にゃー」が登場。
NEXT: アップル、iPad,iPodが価格改定と新しいiPod touchを販売。円安で一斉値上がりを反映

Twitter でフォロー

売れてるUnity有料アセット

インスタグラム

: パソコンの使い方

【レビュー】仕事効率化マウス！「MX MASTER 3」を購入しました。

2021/5/19

: 生活

Caphill書類収納バッグを購入・レビュー

2021/4/9

: 生活

「アラフォーおっさんでも美肌になりたい」ので自分の生活スタイルを振り返る

2021/3/17

: 生活

楽して計測できる体重計「タニタのデュアルタイプ体組成計インナースキャンデュアル RD-903」のレビュー

2021/3/17

: 生活

ドラゴンクエストの「ナノブロックスライム」で遊ぶ

2021/3/17

製作アプリ

Twitter でフォロー

おすすめ記事一覧

1: 意外と狙い目！お金を稼げるアプリ（投資系、ライブ配信系、ゲーム系）をご紹介

お金をどうやって稼いでいいかわからない！定職の仕事での収入が少ないので、普段の仕事以外でお金を稼ぐことはできないか？現代のサラリーマンの悩みですよね。なぜならアベノミクス効果で給料があがってはいますが、（本当？）税金・保険料も上がっているので、お財布から出ていくお金の量が増えているからです。収入がいくら増えても、支出が増えたらお金はたまりませんよね。税金・保険料以外にもインフラ系の生活 ...

2: 主婦の副業！在宅Webデザイナーとして在宅ワークを目指せるWEBデザイナースクール「デジタルハリウッド STUDIO by LIG」

家計負担を考えて副業を考えている主婦の方が多いです。今は旦那の稼ぎでまかなえていても、将来的に子供が欲しいと考えると資金面での不安はあります。子供が小さい時期ですと手間がかりますので、何かと目が離せない状況になります。通い仕事になってしまうと保育園に預けなければいけなかったりと大変ですので、近頃は「在宅ワーク」が段々と人気になっててきています。「在宅ワーク」が人気になってきている背景に ...

3: 【簡単＆未経験OK】主婦が空いた時間にできる綺麗になれる副業！美容やエステのモニター会員のお仕事

副業＝大変ではない副業をはじめるとなると、時間をつくらないといけないし、新しいことをおぼえなければいけなかったりと何かと大変ですよね。やりたいことが副業にできれば長く続けられますが、やりたくないことを無理矢理続けていてもしんどくて辛い人生になってしまいます。特別なスキルが必要なく、主婦が簡単にできる綺麗になれる副業があったとしたらどうでしょうか？そんな都合の良い副業があるはずがないでし ...

4: キャバクラより楽に月30万を稼げることも。専業主婦でもできる副業がチャットレディです。

専業主婦をしているけれど、夫の稼ぎが少なくて将来設計が不安になっている、夫の少ない稼ぎを支援したい 2018年の高い税金や保険料を見ていると、どんなに夫の給料があがっても支出が増えるばかりで全然貯金も出来ません。専業主婦になったけれども、空き時間で家計をサポートしたい。しかしまとまった時間が取れないなら、短時間で大きく稼げる高収入バイト求人をさがすしかありません。そこで検討してもらいたい ...