Tool Web制作に便利！RGB値から類似色を簡単に見つけられるツール「Similar Color Finder」を紹介
今回は、Web制作やデザインの現場で重宝する新しいカラーツール「Similar Color Finder」を紹介します。このツールの特徴「Similar Color Finder」は、RGB値を基に類似した色を探せるWebツールです。140...
CSS
Tool 
デジタル HTMLでアイコンを右下に固定する方法
HTMLでアイコンや文字列などを右下に固定する方法です。HTML😺CSS.neko{ position:fixed; bottom:10px; right:10px;}サンプルは次のとおりです。サンプルスクロールしても右下のアイコンの位置は...
Tool タグだけで整形するCSSを試せる「NoClassCSS」
BootstrapやBULMAなどを使うとCSSを指定するだけでキレイなウェブサイトを作ることができます。しかしタグにclassを設定する必要があり、これが結構面倒です。調べるとclassを設定せずタグだけでキレイにしてくれるCSSがありま...
デジタル 長い文字列を省略して表示する方法
HTMLで長い文字列を右端で切って省略して表示する方法です。下の図のように長い文字列を切って右端に省略記号を付けます。
デジタル CSSだけでツールチップを実現する方法
ツールチップが必要になったので最も簡単な方法をまとめました。「ホバー(hover)」は「空中に停止する」という意味です。ヘリコプターのホバリングはこの意味です。ホバークラフトも同様です。ウェブページではマウスカーソルが文字や図形の上にある状...
デジタル jQueryのcssで得られる色情報はブラウザによって違う
jQueryでstyleで指定したフォントの色に関する情報は次のようにして得られます。
デジタル HTMLでリストを横に並べる
HTMLで<li>を使ってリストを作ると縦に並びますが、これを横に並べる方法です。CSSul{margin:0px;padding:0px;}li{display:block;float:left;width:100px;}HTML リスト...