CSS

「CSS」に関する情報が集まっています

人気の投稿

新着の投稿

Bootratp4を使っていて、ヘッダメニュー(ナビゲーションバー)の項目が多過ぎる等の理由で常にハンバーガーアイコンを表示させたい、ということが起きるかと思います。 いざそうなってみると、「あれ、どうやってやるんだろうか」と戸惑ってしまったので備忘録としてメモ。 今回の場合は、nav.navbarに対して.navbar-expandや.n...

2019-08-10

とりあえず必要に迫られ、簡単に実装できる方法を探していたので試しました。 調べてみるとクロスブラウザ対応が厳しそうなので、きちんとやるにはJavaScriptで文字数をカウントしてもにょもにょした方が確実そうですが。 p { display: -webkit-box; -webkit-box-orient: ve...

2019-08-08

こういうアニメーションやエフェクトって文字で起こすとさっぱり伝わらないですよね……動きを言語に落とし込むことの難しさを改めて感じます。 とりあえず完成形のデモを以下に示します。 ホーム | Typing Slide In また、デモのリポジトリは以下になります。 arm-band/typing_slidein: ...

2019-08-05

Google ChromeのWebページの表示をライトモード、ダークモードに切り替える Chrome76でWebページをOSのアプリモードに合わせてダークモード、ライトモードに切り替えることができるようになったので試してみました。まずはメディアクエリでlightとdarkにライトモード、ダークモード用のCSSを記述します。CSS @media ...

2019-08-04

はじめに Qrunch、気に入っています。まだβ版で人も少ないですが、アウトプットが気軽にできるのは楽しいです(最近は忙しくしていてサボり気味でしたが)。 この記事では「〇〇だったらいいな」というQrunchへの願望を実現すべく、ユーザースタイルシートなどでカスタマイズを行います。 Qrunchのユーザーブログのカスタマイズについてはこち...

2019-03-04

はじめに 最近のアニメの公式ホームページって、すごいおしゃれですよね。なんかもう『技術の粋』って感じです。 そんなアニメの公式ホームページをありがたく拝見し学ばせていただこうというのがこの記事の趣旨です。 なお語彙力不足により説明がわかりにくいので、各自公式ホームページを開きながら読んでください。また、JavaScriptのコードを一つ一...

2019-03-15

はじめに CSSでグラデーションを背景に、かつ固定する(iOSで動作する)書き方について。 コード html,body { height: 100% } body:after { position: fixed; top: 0; left: 0; width:...

2019-05-27

背景 Wordpressをはじめ、最近は様々なCMS(コンテンツ・マネジメント・システム)が出ていますね。PHPやRuby on Railsをベースにしたものがメジャーなのでしょうか…。しかしPython大好きな私としては、是非皆さんにDjangoで作られたCMSも全く負けていないということを知ってほしく、今回この記事の投稿に至りました! イン...

2019-05-18

こんにちは。kyoheiです! QUEL CODEというプログラミングスクールで、週平均20時間以上はプログラミングに打ち込んでいる最中です。 ↓ QUEL CODEを詳しく知りたい人はこちらの記事をみて下さい(アフィは一切ありません!)https://ktg6.com/quelcode-experience-information ...

2019-05-05

記事を大幅アップデートしました。 Webページに含まれる操作が可能なすべての要素を取得する方法の模索 - qrunch.net はじめに JavaScriptで画面に表示されているクリッカブルな要素を列挙してみました。 Hit-a-Hintができる拡張機能がどうやって動いているのか気になったので。Vimiumを参考にしまし...

2019-02-09

記事を大幅アップデートしました。 Webページに含まれる操作が可能なすべての要素を取得する方法の模索 - qrunch.net はじめに JavaScriptで画面上のクリッカブルな要素を列挙してみたという記事を書きました。が、もっと良さげな方法を思い付いてしまいました。 何をもってクリック可能であるかを判別するか 上記...

2019-02-14

追記(2019-04-08)最適化しました。詳しくは一番下をご覧ください はじめに Webの役割というものが日に日に増している昨今、いかがお過ごしでしょうか。私は、正しく綺麗なHTMLを書こうとするも途中で我に返り途方に暮れお蔵入りになるという残念な日々を過ごしています。最近のWebページは、HTMLのみならずJavaScriptも盛ん...

2019-04-07

技術ブログ開設

ここから先はアカウント(ブログ)開設が必要です

英数字4文字以上
.qrunch.io
英数字6文字以上
ログインする