Tag : CSS

CSSだけを使ってアプリによくあるフリックすると動くメニューを作ってみた話 #CSS #scss

アプリを使ってるとよく見るフリックすると、そこのブロックだけが動くメニューのUI。あれを再現してみることにしました。パッと見、javascriptも使ってそうな...

外部サイトへの別タブリンクとPDFへのリンクに自動的にアイコンをつける #CSS #scss

外部サイトへのリンクが別タブで開くように設定しているときやリンク先がPDFファイルだということを指定しといたとき、あらかじめアイコン表示がされていると便利ですよ...

画像の回り込みとテキスト寄せを一気に設定してみた話 #wordpress #scss

wordpressで生成されるclassの「textleft, textright, textcenter, alignleft, alignright, al...

正方形の画像を円形にトリミングする #CSS

最近、googleのマテリアルデザインのおかげで何かと目にするになった円形トリミングを画像に適用するということについてです。以前、トリミングの話を書いたときは、...

管理画面の「表示オプション・ヘルプ・WordPress のご利用ありがとうございます。・ バージョン 名」を非表示にしてみた。 #wordpress

wordpressの管理画面のカスタマイズはする必要もないことのほうが多いけれど、自分以外の誰かもログインするとなると別です。そんなとき、管理画面に出てる「表示...

テーブル化しちゃうと便利なこともある #mixin #scss

どんどん進化するweb界隈のものごとですが、テーブル表示にしたほうがわかりやすいことも多々あります。昔からやってる人にはそっちのほうが馴染みがあるということもあ...

あらかじめブレイクポイントごとのmixinがあると便利なはず! #mixin #scss

media queryをつかって、画面サイズごとのブレイクポイントを考えるとき、毎回毎回 [crayon-5a17e000a8039395014192/] ...

ログイン画面を編集したかったので奮闘してみた話 #wordpress #css

wordpressの通常ログイン画面って殺風景でいかにもWordPressっていう感じがしますよね。常々、これを何とかしたいと思っていたわけですが、そのためにプ...

はみ出した文字をぼかして消していく方法のメモ #CSS

もしかしたら、気づいた人がいるかもしれませんが、indexページのタイトルの表示の仕方を変えました。 タイトルの部分の文字の改行をやめて、ボックス...

CSSのグラデーションを使ってメタリック感を出すメモ #CSS

CSSのグラデーションをうまく使うと、メタリック感のある背景色を作ることができます。 今回は忘れないうちにそんなメモ。 金色メタリック [crayon...