CSS

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

人気の投稿

新着の投稿

Qrunch の投稿画面にウェブフォントを適用 Qrunchの投稿プレビュー画面でコードを等幅表示する の続き TL;DR Chrome ユーザー対象 Firefox にも Stylus あるので多分いける Stylus をインストール CDN で配信されているウェブフォントを Stylus で qrunch...

2019-03-01

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

2018-10-22

はじめに ちょっと気になったので実際に調べてみました。 用意した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

ここ最近、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

やろうと思ったきっかけ photoshopでののようなアイコンを毎回切り取ったりして使うのは面倒くさい。(ものによっては別の色のバージョンも必要。) だからといってfont-awesomeで似たような画像を探すのも面倒。(一部freeでは使うことができない。) アイコンを切り取るまで Photoshop 対象のレイヤーを右クリックして...

2018-12-16

こんにちわ。れとるときゃりー(@retoruto_carry)と申します。 1年前からwebを勉強しはじめて、ひとりでwebサービスを作りまくっている大学3年生です。 新しくwebサービスをリリースしたので、 何を作ったか どうして作ったか どういう技術を使ったか 苦労したこと 感想 等を書いてい...

2018-12-14

css書き方 p.sample1 { font-family: "MS ゴシック",sans-serif; } キーワードで指定する キーワード 意味 sans-serif ゴシック系のフォント serif 明朝系のフォント cursive 筆記体・草書体のフォント...

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