Tag : scss

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

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

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

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

テキストリンクの色を一括で設定しちゃうmixinを作ってみた話 #mixin

そんな大した代物でも何でもないんですが、scssの練習がてらに作ってみたテキストリンクの色を一括で設定しちゃうmixinです。 リンクカラーを設定するmixi...

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

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

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

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

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

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

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

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

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

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

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

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

12