Lyria CSS assistant

Lyria CSS assistantは欄に入力をするだけでCSSを自動で表示するプログラムです。（HTML、CSSとJSで動いています）

Lyria CSS assistant for text
文字の装飾用のCSSを出したい方はこちら

文字や背景の色を変えたり、サイズを指定したり、アンダーラインを引いたりするCSSを作ります

Lyria CSS assistant for image
画像の装飾用のCSSを出したい方はこちら

画像の幅を指定したり位置を指定したりするCSSを作ります

Lyria CSS assistant for mail
メール用リンクを作りたい方はこちら。

HTMLでメール送信リンクに、件名や本文があらかじめ入力された状態で開くようにするプログラムです。CSSではなくHTMLを書き出します。（HTML、CSSとJSで動いています）

文字やページを飾り付けるなら
Lyria CSS assistant
ランダムに表示したり時間によって文字を変えたいなら
JSあしすたんと

Lyria CSS assistantへようこそ。
CSSってなんぞって方はこちらをご覧ください。
HTMLはわからないでもないけど、CSSはわからない人向けに作りました。
本格的にCSSをやりたい人には向いていないかもしれません。
参考までに…HTMLとは

Lyria CSS assistant for textへようこそ。
アンダーラインや枠をやっぱりつけないってしたい場合は全てを「つけない」にしてください。
「自分で入力」を選んだ場合は後で表示されるかっこの中を書き換えてください。
ヘルプ、CSSってなんぞって方はこちら。
参考までに…HTMLとは

HTMLはもとともマニュアルの電子化をするために作られたSGMLっていう言語から派生した言語だよ！

Lyria CSS assistant for imageへようこそ。
「自分で入力」を選んだ場合は後で表示されるかっこの中を書き換えてください。
サイズはどっちかをautoにしないと引き伸ばされた感じに縦横比が変わってしまうことがあります。
ヘルプ、CSSってなんぞって方はこちら。
参考までに…HTMLとは

CSSは1996年からで、HTMLよりも3つ年下なんです。
しかし、しばらくはHTMLでも装飾していましたが、HTML5になりCSSで装飾することを推奨する形になりました。（bタグとか非推奨になりました）

Lyria CSS assistant for responsiveへようこそ。
レスポンシブとはスマホとパソコンやタブレットで表示の仕方を変えて見やすくするということです。
スマホの画面でいくつもカラムが分かれていると画像などが小さくなって見にくくなったり、
文字をたくさん改行しなくてはいけなかったりと見にくかったりします。
逆にパソコンで画像などを全て全幅表示するとそれはそれでかなり見にくいです。
そういったことがないようにそれぞれ適切な表示の仕方をする。それがレスポンシブなのです。「自分で入力」を選んだ場合は後で表示されるかっこの中を書き換えてください。
ヘルプ、CSSってなんぞって方はこちら。
参考までに…HTMLとは参考までに…HTMLとは参考までに…HTMLとは

表に出てこない言語だけどCSSのこと、忘れないでください！見えないながら頑張ってるんです！参考までに…HTMLとは

Lyria CSS assistant for mailへようこそ。
これは実はCSS全く使わないところなんです。
HTMLのみですが、こういうのあると便利かなーと思って追加したおまけです
ヘルプ、CSSってなんぞって方はこちら。
参考までに…HTMLとは