サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
tech.jastin.net
Web制作に便利なHTMLやスタイルシート、jQuery、WordPress等のノウハウをまとめています。
通常アイコンWebフォント「Font Awesome」は、HTMLソース中にアイコン表示用のコードを追加する必要がありますが、スタイルシートの疑似要素:beforeを使用して特定のタグ、クラスに対してアイコンを表示することが出来ます。 Font Awesomeの仕組み Font Awesomeのアイコンは以下のように、faクラスでFont Awesomeをフォントファミリーとして指定し、fa-{アイコン名}クラスの疑似要素:beforeのcontentプロパティでアイコンの種類を指定しています。 .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; /*Font Awesomeのフォントファミリー*/ font-size: inherit; text-rendering: auto; -web
現在のアクティブなコンポジションと同じコンポジション階層(ネスト化したコンポジションのネットワーク)にある、最後にアクティブだったコンポジションをアクティブ化
<ul>タグ内のリストのマーカーをdiscにしていたのですが、テキストの色と同じだと強すぎて少し薄くしたいという要望がありました。そこで、HTMLマークアップは変更することなく、CSSだけでlist-styleのマーカーの色を変更する方法を紹介します。 標準のリストマーカー 何も手を加えていない状態での<ul>、<li>は下のようになります。 See the Pen Normal list-style by JaSTIN (@JaSTIN) on CodePen.24295 黒く大きなマーカーは主張が強い印象があります。CSSだけでリストマーカーを変更 方法としては、まず<ul>タグのlist-styleを無効にして、<li>タグの:before疑似要素に対して、マーカーを設定しています。See the Pen Change list-style by JaSTIN (@JaSTIN) o
gmaps.jsはGoogleマップをWebページに簡単に埋め込むことが出来るjQueryプラグインです。地図を表示するだけでなく、マーカーやポリゴン等を追加、ストリートビューの表示など様々なオプションが用意されています。 このページでは、gmaps.jsをWebサイトで使用するための導入から基本的な使い方を紹介しています。
昨年より問題となっていました、FREETEL SAMURAI REI端末でWebサイト表示時に英字が重なって表示される問題が、本日のオンラインアップデートによって無事解決しました。
<div class="flexslider"> <ul class="slides"> <li><img src="../images/photo01-m.jpg" /></li> <li><img src="../images/photo02-m.jpg" /></li> <li><img src="../images/photo03-m.jpg" /></li> <li><img src="../images/photo04-m.jpg" /></li> <li><img src="../images/photo05-m.jpg" /></li> <li><img src="../images/photo06-m.jpg" /></li> <li><img src="../images/photo07-m.jpg" /></li> <li><img src="../images/ph
よく使うスタイルシートだけで作る見出しデザインをコピペ可能なスニペットコードと一緒にリストアップしました。随時更新していきます。
Page Builder by SiteOriginで利用出来るウィジェットの一覧です。こちらに掲載している以外に、WordPressのデフォルトウィジェットを利用することが出来ます。 ウィジェットスタイル 各ウィジェットは追加クラスやスタイル、padding、背景などを調整することが出来ます。
このページを最初にブックマークしてみませんか?
『Web技術指南書 | Web制作を少しでも便利に出来れば良いのですが。』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く