CSS：シンプルなアイコンをCSSだけで表現！コードにカーソルを合わせると、どのパーツを組み立てているかわかります【CSS ICON】 https://t.co/pFrgbY5vDL
— Webクリエイター ボックス (@webcreatorbox) October 18, 2016
これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ [crayon-689cac0b32ad356…
CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-689cac0b32bae530346884/]
px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-689cac0b32c3d448987530/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-689cac0b32ca1489989053/] ▼例：以下のようなことがでけました。 …
GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合
WordPressでページビュー数をカウントしてランキング表示を簡単にしてくれるプラグイン「Wordpress Popular Posts」。 プラグインをインストールするとウィジェットの場合、すぐに設置できるけど、任意の場所に設定したいことがありませんか？ そんな時は、以下…
ME デザイン上、文字数を制限したい時ってありませんか？ 例えば、50文字を超えたら、51文字以降は省略して3点リーダーにするとか。 今回はその方法をご紹介しまっす！ ソース 50文字を超えたら、51文字以降は省略して3点リーダーにす…
WordPressのプラグインAdvanced Custom FieldsのRepeater Field(繰り返しフィールド)内に関連記事を設けた時、関連記事の出力の仕方メモ。 例としてライブスケジュール作成した時のやーつ。 概要 ライブスケジュールを作るにあたり、会場…
ある日ページチェックしていたら以下のエラーが表示されていた。 ビビったけどすぐ対応できたので覚書として残しておきます。 ▼エラー内容 Warning: Use of undefined constant HISTROY - assumed 'HIST…
CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
Home
