[WordPress] 検索ボックスに入力した単語を保つ

[WordPress] 検索ボックスに入力した単語を保つ

検索結果ページに飛ぶと検索ボックスが空になる件 WordPressでサイト内検索した時、検索結果ページ(search.php)に飛ぶと検索ボックス内が空になってしまいます。 この仕様は何かと不自由なので、保持するようにしました。 <?php if( is_search() ) $search_ […]

web
macOS SierraにSASS環境を作るメモ

macOS SierraにSASS環境を作るメモ

SASS(サース)とは Syntactically Awesome Stylesheetsの頭文字で「いい感じの構文で書けるスタイルシート」的な意味です。たぶん。 読み方はサスじゃなくてサースみたいなので注意しよう!!!!! 詳細はshikaさんのこの記事がとてもわかり易い。 Sassってなに?だっ […]

web
[CSSのみ] 続きを読むボタンをCSSで実装する

[CSSのみ] 続きを読むボタンをCSSで実装する

4〜 3.5〜 7〜 12〜 3.2〜 2.1〜 概要 長い文章や項目の多いフォームなどの高さを制限して、クリックで表示したいときに便利な「続きを読む」 「もっと見る」ボタン。 要素をグラデーションで隠して、ボタンをクリックすると全文を表示してくれます。 UIとして適切かはともかくとして、どうしても […]

web
[jQuery] “URLとタイトルをコピー” ボタンを実装する

[jQuery] “URLとタイトルをコピー” ボタンを実装する

42+ 41+ 9+ 12+ 10+ Chromeのみ iOSは機種やブラウザに関わらずiOS10が必要みたい(要検証) Androidの標準ブラウザは恐らく全滅、Chromeは新しめのものならだいじょうぶっぽい(要検証) PCはモダンブラウザなら大体だいじょうぶ。 デモは下部のボタンから シェアボ […]

web
[JS] flatpickr.jsを使ってみる

[JS] flatpickr.jsを使ってみる

flatpickr flatpickrは、jQueryに依存せず、単独で動作する軽量なDatepickerです。 flatpickr 実装 <head> <link rel=”stylesheet” href=”https://unpkg.com/flatpickr/dist/fl […]

web
[WordPress] テーマやプラグインのアップデートを非表示にする

[WordPress] テーマやプラグインのアップデートを非表示にする

ほんとはアップデートしたほうがよいのだけれど WordPressには、WordPress本体やプラグイン、テーマがアップデートされた時に「WordPress 4.X が利用可能です!更新してください。」等と通知してくれる機能があります。 が、この親切な機能のおかげで、納品後にクライアントが良かれと思 […]

web
[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で実装する

[jQuery] アニメーションしながら開く「続きを読む」をjQueryで実装する

対応 対応 対応 対応 対応 対応 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を指定しないと適用されないので注意してください。 IE8以下は未対 […]

web
全3ページ中 2ページ123