Home
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;
影の色、横のずれ、下のずれ、ぼかし具合
CSS テキストシャドウで文字を縁取る
関連するタグの記事
CSS テーブルの列幅を均等にする
CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-6923682d2b694528890099/]
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSS 特定の画像だけを操作する
ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
CSSで作る押したった感のあるボタン風リンク
GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…
CSS｜テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-6923682d2b8be837382091/] ▼例：以下のようなことがでけました。 …
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
関連するカテゴリの記事
ページングしない… query_posts一覧でWP-PageNaviが動かない時の解決方法
FRIEND んげ！ページングしない（汗） ページングにプラグイン「WP-PageNavi」を導入していた。 ページングしないページは、特定カテゴリのみ非表示にしたかったため query_posts を使っていた。 ググってみたところ以下のペー…
CSSのみでモーダルウィンドウを作ってみた！
このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
CSSで作る押したった感のあるボタン風リンク
GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…
WordPress 記事タイトルの文字数制限
ME デザイン上、文字数を制限したい時ってありませんか？ 例えば、50文字を超えたら、51文字以降は省略して3点リーダーにするとか。 今回はその方法をご紹介しまっす！ ソース 50文字を超えたら、51文字以降は省略して3点リーダーにす…
Repeater Fieldsの値で投稿を並べて更新情報を作る方法／Advanced Custom Fields／WordPress
ME 更新した記事のドコが更新されたのかを伝えたい！ ME あと、更新情報をトップページで表示をしたい！ こんな思いが実現したので覚書を記します。 イメージは↓↓のようなカンジ。 更新日付順に表示をしたかった…
WordPressでTwitter、Facebook、LINE、Google+のオリジナルシェアボタンを作る方法
バズってもらうために多くのブログに設置されているソーシャルメディアのシェアボタン。 なんか設置しないと不安になるお守りのような存在なので必ずと言っても過言ではないくらい使います。 デザインはCSSでナンボでも加工できるようにシンプルなリンクで設置する方法をメモ。 Twi…
