縦横比の違う画像を同じサイズで揃えて並べる方法
追加するJavaScript </body> （終了タグ）の直前に以下の JavaScript を追加して下さい。 緑字の部分は、ページ内のどこかで既に jQuery 1.x が読み込まれていれば追加不要です。 青字の部分は外部ファイルに定義して読み込んでも構いません。 赤字の部分は、画像が無い場合に表示する代替画像を指定して下さい。もし「No Image」などの画像表示が不要なら、この行を削除して下さい。 コピー <script src="//lcns2.sugutsukaeru.jp/c803d429b782f84/4.9/a4b94adbcbff24406a11ec647abba536/js/jquery-1_11_3-min.js" type="text/javascript"></script> <script type="text/javascript"> function s
Vue.jsにも対応の優れ物！高さが異なるカードでもグリッドにレイアウトできる超軽量ライブラリ -Magic Grid
カードの高さが常に一定であれば、CSS GridやFlexboxで簡単に実装できます。しかし、ユーザーが作成したデータを使った動的コンテンツでは高さが同じになることはほとんどありません。 カードの高さがそれぞれ異なる動的グリッドを簡単に実装できる超軽量JavaScriptライブラリを紹介します。 動的コンテンツはもちろん、静的コンテンツにも対応しています。 Magic Grid Magic Grid -GitHub Magic Gridの特徴 Magic Gridのデモ Magic Gridの使い方 Magic Gridの特徴 Magic Gridは、高さが異なるアイテムでもグリッドに揃えてレイアウトすることができます。高さを調整するために、下部に異なるスペースは必要ありません。 高さが揃っていたり、たくさんの行にそれぞれが何行にまたがっているか定義できる場合はCSS GridやFlexb
イメージマップの境界線を消す方法(改訂版) - mmmmmmmmemoooo )))))*´∀｀*)ポワワ
<map name="Map" id="Map"> <area shape="poly" onFocus="this.blur();" 「onFocus="this.blur()"」を追加する。 ただし、IE6,7では消えるが、IE9,safari,Chrome,Firefoxでは線が出てしまう。 なので、下記のサイトを参考に、CSSとonFocusを追加する。 http://blogs.yahoo.co.jp/k3_labs/2756417.html CSS .nonborder { border:none; outline:none; } HTML <map name="Map" id="Map"> <area shape="poly" onFocus="this.blur();" class="nonborder" のように記述してやると、IE6,7,8,9,safari,Chrom
CSS覚書き - BlueBoxBlog
CSS覚書きの記事一覧。JavaScriptとCSSでロールオーバーとtarget=・スマートなtarget="_blank" いつもお世話になっているREDさんのところで、感動的なスクリプトを教えてもらったので忘れないように書かせていただきます。 参照元：別窓リンクまとめ （Red Line） XHTMLの strictを使った場合 リンクで新しいウィンドウを開くようにする為に a要素のtarget属性で_blankと指定するのは文法違反・・。 で、どうするぅー ○イフルー♪・・・なわけです。 そこで登場するのが、巷でJavaと良く勘違いされてるJavaScriptです。 aタグにonclick="window.open(this.href);return false;" とすれば、解決ではあるのですが、やたらとコードが長くて（いや、でも結構シンプルで洗練されたコードだと思うけど・・）
eWeb - ホームページ作成支援 Web Design
Oops! Sorry!! This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, cons
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Takazudo Clipping*
https://hardwar.org.uk/
We are upgrading the system
Emblematiq :: Error