CSS

WordPressでjsやcssを読み込むときにキャッシュを更新させる対策

2020/9/29  , ,

WordPress開発をしているとき、jsやcssを編集したのに表示が変わっていないぞという経験は、ありませんか?
jsやcssを読み込む場合に利用する、wp_enqueue_script()やwp_enqueue_style()関数で、jsとcssファイル編集後にキャッシュを更新させる対策を紹介します。

FirefoxでDnD APIを使うとゴーストの位置がずれる

2018/10/12  , ,

HTMLのドラッグアンドドロップAPIを使用したところ、Firefox 62で下図のような挙動になってしまいました。 ゴーストが右下から現れたような感じになってます。 コードはこんな感じです。 HTM ...

CSSだけで作る王冠付きのランキングリスト

CSSだけで作る王冠付きのランキングリスト

2020/10/26  ,

今回は、人気商品やアクセスの多い記事の表示に役立ちそうな、シンプルな王冠アイコン付きのランキングリストをCSSで装飾する方法をご紹介します。

TypekitでモリサワとTypeBankのフォントが使えるようになりました

2018/3/21  

今月6日、Adobeが提供するフォントライブラリサービス「Typekit」にて、新たにモリサワとTypeBankのフォントが使えるようになりました。 今回追加されたフォントはモリサワ10書体、Type ...

CSSでラジオボタンをタブメニューに変える

2018/6/18  ,

先日、ラジオボタンで実装済みのUIを急遽タブメニューにしたいというご要望をいただき、CSSを利用してタブメニュー風のデザインとして見せることにしました。ラジオボタンを元にCSSでタブメニューを作成する ...

CSSで作るシンプルな矢印アイコン29個

2023/3/2  ,

最近ではCSS3の対応ブラウザが増えたおかげで、画像を使わずともサイト上で色々な表現ができるようになりました。CSSでデザインの実装を行う場合、「カスタマイズやメンテナンスが容易」「レスポンシブWeb ...

HTML+CSSだけで作るエアメール封筒

2020/10/26  ,

前回、CSSで作る郵便切手と消印風スタンプをご紹介しましたので、今回はエアメール風の封筒デザインを同じくCSSだけで作ってみたいと思います。 せっかくですので、前回作った郵便切手やスタンプと一緒に合わ ...

コピペで簡単!CSSだけで作れる郵便切手と消印風スタンプ

2022/9/3  ,

今月7月は別名「文月」と呼ばれ、特に23日には「文月ふみの日」として様々なイベントが行われます。 今回はそんなお手紙と関係の深い7月にちなんで、CSS3を使って画像を切手のように装飾したり、消印風のス ...

6月23日に終了するFacebook Like BoxからPage Pluginへの移行で気をつけたい事

ホームページなどに表示してFacebookページへの「いいね!」を促すソーシャルプラグイン「Like Box」ですが、このLike Boxは現在deprecated(非推奨)とされており、2015年6 ...

無料でもOK!手軽に使えるTypekitの日本語Webフォント14個

2015/10/9  

源ノ角ゴシック・小塚ゴシック・小塚明朝など、AdobeのTypekitにて14種類の日本語Webフォントの提供が始まりました。今までTypekitの日本語フォントはアプリケーションでの利用に限定されて ...

© 2024 PRESSMAN*Tech Powered by STINGER