(X)HTM + CSS – +wag Technical Note

10月 21, 202110月 21, 2021

Tailwind CSS & クラスレスCSS

ちょっとしたHTMLを、素早く意図通りのデザインとなるようミニマルに作成する
クラスレスCSSのデザインをCDNで読込み、ベースデザインとする
併せてtailwindcssをCDNで読込み、意図通りのデザインに修正していく

Tailwind CSS

https://tailwindcss.jp/ <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

クラスレスCSS sakura

https://oxal.org/projects/sakura/ <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">

4月 11, 20184月 11, 2018

CSS font-family ; フォント指定例

CSSのフォント指定例

/* フォント */ body, p, h1, h2, h3, h4, h5, h6, table { font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳゴシック',sans-serif !important; }

1月 4, 20111月 4, 2011

IE 6,7,8 ; CSS [ul li] 表示ズレ解消

「li」部分に背景画像を指定した時、margin,paddingを0に指定しても背景画像と文字部分がズレてしまって、FireFox等と同等に表示される方法。

list-style-position:outside;

—

★崖っぷちWEB
http://www.y-tti.com/blog/2008/01/cssul_liie_firefox.php

8月 23, 2010

wordpress ; LightBox2

WordPressプラグインでお馴染みのLightBox2ですが、通常のHTMLサイトのライブラリとしても優秀です。
簡単に導入できるばかりか、見栄えもいい感じになりますね。

★LightBox2
http://www.lokeshdhakar.com/projects/lightbox2/

6月 4, 2010

Ajacs & WordPress ; Lightbox 2

画像を綺麗に表示してくれるウェブサイト用のAjacsツール。
WordPressではプラグインとして使っていたのだけれども、一般的なHTMLサイトにも使えるみたい。

★マイコミジャーナル・ハウツー
http://journal.mycom.co.jp/articles/2007/06/14/lightbox/index.html

★Lightbox2
http://www.huddletogether.com/projects/lightbox2/#download