未分類 - ページ 2

カテゴリー別アーカイブ未分類
font size と line-height と font-family

ベースフォントサイズの変更と四方山話

投稿日: 2017 年 11 月 tenman
投稿グループ未分類
CSS に定義されているルールが別の CSS に干渉させない現実的方法

html5 iframeを見直してみませんか？

投稿日: 2017 年 9 月 tenman
投稿グループ未分類

output 要素

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
    <input type="range" name="b" value="50" /> +
    <input type="number" name="a" value="10" /> =
    <output name="result"></output>
</form>

<input type="range" name="b" value="50" /> +

<input type="number" name="a" value="10" /> =

</form>

Can I use

投稿日: 2017 年 9 月 tenman

投稿グループ未分類

Override of inline style インラインスタイルを上書きする

インラインスタイルをCSSで上書きする方法を、考えてみましょう。

投稿日: 2017 年 9 月 tenman
投稿グループ未分類
吹き出し縦書き

縦書き吹出

投稿日: 2017 年 7 月 tenman
投稿グループ未分類縦書き
Raindropsテーマで定食屋メニューを書く

ワードプレス　テーマ　レインドロップスで、定食屋さんなどにあるメニューを書いてみます。

ありふれたメニューを、そのまんま記述出来ると、新鮮にかんじますね

続きを読む→ 投稿 ID 8129

投稿日: 2017 年 7 月 tenman
投稿グループ未分類
日本語ウェブフォントを軽くして、読み込みをはやくする。 - まなぶろぐ

サブセットフォントメーカーの「収録文字」というところに選んだ文字をコピーして、「作成開始」ボタンを押すだけです。すると、拡張子が OTF のファイルができますので、そのままコンバータで拡張子を WOFF に変えてください。ファイルサイズは 16.4MB から 545KB まで軽くなります。

情報源: 日本語ウェブフォントを軽くして、読み込みをはやくする。 - まなぶろぐ

投稿日: 2017 年 7 月 tenman
投稿グループ未分類
CSS Isn’t Black Magic – freeCodeCamp

I’m also asked frequently about using flexbox versus floats. Of course, flexbox is great from a usability standpoint, but when applied to the same element, a flexbox layout will render in roughly 3.5ms whereas a floated layout can take aro ...

投稿日: 2017 年 7 月 tenman
投稿グループ未分類
チートシート集

Web制作者がブックマークしておきたい、便利なチートシートやリソースのまとめ

投稿日: 2017 年 6 月 tenman
投稿グループ未分類 Format リンク
css variables :before content value

CSS Variables

続きを読む→ 投稿 ID 8129

投稿日: 2017 年 6 月 tenman
投稿グループ未分類
grid minmax()

1

2

3

1

2

3

4

How the minmax() Function Works

投稿日: 2017 年 6 月 tenman
投稿グループ未分類
CSSからjavascriptに変数を渡す。

CSSから、jQueryに値を渡すというのは、とっぴなことかもしれませんが CSS variables が普及してきたことで使い道が出てきました。

面白いのは、CSSの変数がセットされていない場合に、jQueryは、エラーをはかない（みたい）

続きを読む→ 投稿 ID 8129

投稿日: 2017 年 6 月 tenman
投稿グループ未分類

CSS Variables