[WordPress] ダッシュボードの不要なメニューを非表示にする

[WordPress] ダッシュボードの不要なメニューを非表示にする

肥大化したダッシュボードメニューは事故を招く カスタム投稿やプラグインを追加していくと、だんだんと増えて見づらくなっていくダッシュボードのメニュー。 製作時は問題ないのだけど、納品時は不必要なメニューを整理してあげたほうが、なにかとメリットが多いのです。 たとえば、プラグインメニューが表示されている […]

web
[CSS] Firefoxでborderが表示されない場合の対処

[CSS] Firefoxでborderが表示されない場合の対処

Firefoxでtd要素のborderが表示されない td要素にborderを指定しても、borderが表示されないことがあります。 td { position: relative; border: 1px solid #000; background: #ccc; } こんなようなスタイルを当てた […]

web
[CSS] Androidでタップ時、オレンジの枠が消えない場合

[CSS] Androidでタップ時、オレンジの枠が消えない場合

Androidで何かしらの要素をタップした時やフォーカスが当たった時、オレンジ色の枠が表示されます(色は機種によって違うらしい)。 このオレンジのド畜生野郎が、案外デザインを邪魔してくるので、消してやろうといろいろ調べてみました。 ネット上に転がっている情報では消えなかった #honyarara { […]

web
[jQuery] 長い文章をグラデーションで隠してクリックで表示する

[jQuery] 長い文章をグラデーションで隠してクリックで表示する

2017.07.04 CSSのみで「グラデーションで隠してクリックで表示する」を実装した記事を公開しました。 CSSのみで実装する場合 [CSSのみ] 続きを読むボタンをCSSで実装する jQueryで実装 長い文章を3行ぐらいで切っておいて、クリックで全文表示させてみます。 ページに高さを持たせた […]

web
[jQuery] マウスが乗っていない要素に効果をつける

[jQuery] マウスが乗っていない要素に効果をつける

jQueryのnot()メソッドを使用して、マウスが乗っていない要素がぼやけるような効果をつけてみます。 デモはこちら ソース HTML <ul id=”fade”> <li><a href=””>link1</a></li> <li […]

web
[CSS] テキスト選択時の文字色・背景色を設定する

[CSS] テキスト選択時の文字色・背景色を設定する

対応ブラウザ 対応 対応(-moz-) 9~ 対応 未対応 4.4~ テキストを選択(反転)した時のスタイルを指定するには、::selection擬似要素を使用します。 Firefoxは、ベンダープレフィックス付きの::-moz-selectionを指定しないと適用されないので注意してください。 I […]

web
[CSS] 傾斜したグローバルメニュー

[CSS] 傾斜したグローバルメニュー

対応ブラウザ 対応 対応 9~(-ms-) 対応 対応 対応(-webkit-) 斜めになった横並びメニュー Codepenに面白いカタチのメニューがあったので、試してみました。 CSS3のtransformプロパティを使用するため、対応ブラウザは各モダンブラウザとIE9+。 ※CSSは最低限必要な […]

web
[CSS] フォントのアンチエイリアス設定

[CSS] フォントのアンチエイリアス設定

対応ブラウザ Macのみ Macのみ 未対応 未対応 未対応 未対応 CSSでフォントのアンチエイリアスを調節する CSS3のfont-smoothingプロパティを使用することで、フォントのアンチエイリアスを調節することができます。 ※Windowsはブラウザに関わらず対応していません Mac版の […]

web
全2ページ中 2ページ12