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

CSS

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

人気の投稿

新着の投稿

こんにちわ。れとるときゃりー(@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

はじめに はじめまして。情報系を専攻している大学生です。(Twitterはこちら) こちらの記事はWeb系全然わからない素人がポートフォリオを作る過程をまとめたものです。普通にWebアプリ開発をされる方からしたら「こんな時代もあったなあ」と振り返れるかもわからないレベルです。 環境構築 Atom 1.19.2 普段iOSア...

2018-12-07

要素内にあるテキストを高さに対して真ん中に表示する 素朴な疑問として要素の中にテキストがあり、そのテキストを要素の高さに対して真ん中に表示する場合、どういった方法が一般的にベストなのかを模索し、パっと思いついた記載してみました。 パディングのトップとボトムを同じ値にする CSS /* 共通のスタイル */ .btn { width: 1...

2018-11-24

概要と環境 ほぼタイトル通り。 Python3 BeautifulSoup4 でスクレイピングやってたら「あっれれ~?」という事があったので.. こういう感じ Beautiful Soup 4.4.0 documentation - CSS selectorsBeautifulSoupというPythonのライブラリがあるのですが...

2018-11-19

TweetDeckを試しに使ってみて便利だったので色々設定していたが、通知カラムの「filtering by 」っていう表示がどうしても気になって、こいつを消す方法を探ってみた。もしかしたら簡単に消せるのかもしれないが、TweetDeck内にはどうしても見つけれなかったので… そいつを消す方法 Chromeの拡張機能Stylebotを追加す...

2018-10-28

新規にBootstrapベースでサイトを作ることも少なくなってきたとは思いますが、既存のWordPressテーマをカスタマイズする際に必要となることは多くあると思います。 Bootstrapで最も利用頻度が高いのがgridシステムですが、最大の欠点は要素同士の間隔が固定されてしまっていること。gridは使いたいけど間隔を狭くしたい、広くしたいというと...

2018-11-20

各要素でのMindBEMdingパターン 前回はCSS設計でFLOCSSを試した全般的な内容を書きましたので今回は焦点をしぼり、実際にMindBEMdingを利用したときに発生したパターンをいくつか記載いたしました。 MindBEMdingでの基本パターンは下記のようになります。 // パターン block ...

2018-10-27

Htmlのinputに正しい値が入力された、されていないで表示を変えるときは調べれば割と簡単に出てきたのですが、値が空か、入力されているかはなかなか出てこなかったのでメモ書きついでに書いておきます。 以下はinputに値が入力されたときにlabelを変化させるCSSです。 inputに入力された値が「正しい」か「正しくない」か input...

2018-11-12

cssdでのメディアクエリの呼び出しについて 基本的に @media screen and (max-width: 767px) { /*なにかの効果*/ } で呼ぶことができる。 ↑の呼び出しを毎回使うのも面倒なので、scssなら @mixin sp-only { @media screen and (max-width:...

2018-11-10

吹出口まで含め、枠が点線となる吹き出しをCSSだけで作れます。 完成イメージ コード <div class="balloon"> <p>ここにテキストが入ります。</p> </div> .balloon { position: relative; max-width: 4...

2018-11-06

なったのはいいがcalcを使うときはコメントで四則演算のそれぞれの値が何の値なのかを書いておいたほうがいいと思うんだ。 明日の自分は今の自分じゃないからきっと理解するのに時間がかかる。この値はプログラミング言語でいうところのマジックナンバーに近い。 今の時代、cssはminifyしてリリースしている組織・人は多いと思う。それならなおさらコメントして管理...

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