You Look Too Cool

アイコンを右下に固定する方法

HTMLでアイコンや文字列などを右下に固定する方法です。 (さらに…)

タグだけで整形するCSSを試せる「NoClassCSS」

BootstrapやBULMAなどを使うとCSSを指定するだけでキレイなウェブサイトを作ることができます。
しかしタグにclassを設定する必要があり、これが結構面倒です。
調べるとclassを設定せずタグだけでキレイにしてくれるCSSがありました。
「No-Class CSS フレームワークをいろいろ比較するサイトを作った」に詳しい説明があります。
ここで紹介されているツールはサンプルが英語です。
サンプルが日本語のツールがほしいと思い、自作しました。 (さらに…)

長い文字列を省略して表示する方法

HTMLで長い文字列を右端で切って省略して表示する方法です。
下の図のように長い文字列を切って右端に省略記号を付けます。 (さらに…)

CSSだけでツールチップを実現する方法

ツールチップが必要になったので最も簡単な方法をまとめました。
「ホバー(hover)」は「空中に停止する」という意味です。ヘリコプターのホバリングはこの意味です。ホバークラフトも同様です。
ウェブページではマウスカーソルが文字や図形の上にある状態を指します。
セレクタとして「:hover」という疑似クラスを使用するとホバー状態のときのスタイルを変えることができます。ツールチップは、内容を非表示にしておき、ホバー状態のときだけ表示するという仕組みで実現されます。JavaScriptは不要です。 (さらに…)

jQueryのcssで得られる色情報はブラウザによって違う

jQueryでstyleで指定したフォントの色に関する情報は次のようにして得られます。 (さらに…)

HTMLでリストを横に並べる

HTMLで<li>を使ってリストを作ると縦に並びますが、これを横に並べる方法です。

CSS

HTML