技術ブログを開設する
ログイン
もっと気軽にアウトプットできる技術ブログプラットフォーム

CSS

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

人気の投稿

新着の投稿

はじめに JavaScriptで画面上のクリッカブルな要素を列挙してみたという記事を書きました。が、もっと良さげな方法を思い付いてしまいました。 何をもってクリック可能であるかを判別するか 上記記事では、タグや属性をもとにクリック可能であるかを判別していました。しかし、その方法ではうまく判別できないことも時々ありました。 そこで、人間同...

2019-02-14

どうも、みなさん。ホエホエパー。 謎の白い物体、weep です。 よろしく。しなちく。 残念ながら、当記事の情報が古くなったため事情が変わっています。 だもんで、2019年2月22日付けで当記事を抹消しました。 以後、#InstanceTicker については、GitHub 上で行いますので、以下を参照下さい。 Gi...

2018-10-22

追記(2019/01/01 あけましておめでとうございます) Qrunch開発チームから、今回のアップデートについての解説記事が公開されました。qrunch.net/@useridというページがあるんですね。こちらが『ユーザーページ』でした。というわけで、記事タイトル変更などの修正と加筆を行いました。この記事では、userid.qrunch....

2018-12-30

はじめに JavaScriptで画面に表示されているクリッカブルな要素を列挙してみました。 Hit-a-Hintができる拡張機能がどうやって動いているのか気になったので。Vimiumを参考にしました。特に参考にしたところ: link_hints.coffeeの657行目あたりから 全体像 const settings = ...

2019-02-09

はじめに ちょっと気になったので実際に調べてみました。 用意したHTML <!DOCTYPE html> <meta charset="utf-8"> <style> @keyframes spin { 0% { transform: rotate(0d...

2019-02-09

stylusとは? StylusはSassとLessのいいとこどりと言われているCSSメタ言語の一つ。SASS記法、SCSS記法のどちらでも記入することができるので、.sassか.scssを記載することができればstylusも入りやすいと思う。stylusはnode.jsのexpressやjadeと同じ人が開発している。stylusの拡張子は.sty...

2019-01-23

はじめに User Style SheetでのWebページのカスタマイズの秘伝のタレをご紹介。モダンなテイストに仕上げてみました。 いらないものを消し去りたい 素直にdisplay: none;しています。ただ、ものによってはdisplay: block !important;とかなっていて殺意がわきます悩まされます。 場合によってはh...

2018-12-26

ここ最近、IEでスタイルが崩れる現象がちょくちょくあって、困らされています。IEのスタイルが崩れる原因と対策を調べると、「互換表示を無効にする」という対策がよく挙げられます。これで解決される場合も多いのですが、解決できないとなると、なかなかしんどいですよね。。 そういう時は、スタイルが崩れている要素に指定しているCSSが効いているかチェックするべ...

2019-01-18

はじめに プログラマのための技術ブログサービスである Qrunch は、簡潔かつ容易に技術的な内容について記述する事が出来ます。 しかし、技術ブログサービスである Qrunch において、ソースコード及びコマンドライン等を表現する為に用いられる <pre> タグ及び <code> タグで囲まれた内容が非等幅フォントで表示...

2019-01-11

tl;dr Qrunch は qrunch.io と qrunch.net に分割され、同時に「デザイン」機能が追加されました。 「デザイン」では、テーマカラーや独自にCSSを指定することができます。 デザイン じぶんはこんな感じ。 (2018.12.31 現在) SCSS (2018.12.31) #blog-...

2018-12-31

tl;dr 味気ないスクロールバーをcssでデザインして遊ぶ。 百聞は一見に如かず。 See the Pen Scrollbar Design Test by lemon2003 (@lemon2003) on CodePen. グラデとかの使い方間違ってる?ダssssっさ。 解説 ::-webk...

2018-12-30

札もく会に参加して、コーダー・Webデザイナーのみすみ(@flip_glow)さんから、色々と教えてもらいまいした! どん詰まってたところに、家庭教師のおねいさんのごとく、やさしく教えてもらい、女神すぎました。ありがとう…! 今日出来たこと Bracketsインストール(Macでは未) Bootstrap3(Macでは未...

2018-12-22
このエントリーをはてなブックマークに追加