ういすぷのブログ

ういすぷの記録帳

• ブログへ戻る
• タグ一覧
• ブログ一覧

• 
  [CSS] Flexbox を使った２カラム3カラム分けのメモ
  
  
  CSS3に実装されています「Flexbox」についてのメモです。いままでIE11未満の対応などでfloatによるカラム分けをしていましたが、Windows XP/Vista などのサポートが切れたことにより、Flexboxを使っていけるようになりました。ちょっとしたことなのですが、メモとして残したいと思います。Flexboxの使い方使い方は簡単で、親要素に「display:flex;」と指定するだ [...]
  • CSS3
  • HTML
  • メモ
  • カラム分け
  • ソース
  • コピペ
  • Flexbox
  • float
  • order
  • 順序
  • ソート
  2018.07.09
• 
  くるくる回す CSSメーカー
  
  
  CSSを使って要素を回転させることができますが、そちらを直感的に作成出来るサービスを公開しました。次の様な回転するモノを作ることができます。まわるよ〜.curucuru1{animation: CURUCURU_SPIN1 5s linear infinite;}@keyframes CURUCURU_SPIN1 {0% {transform: rotate(360deg);}100% {tran [...]
  • アプリ
  • サービス
  • Web
  • JS
  • JavaScript
  • CSS
  • 回る
  • くるくる
  • メーカー
  • コピペ
  2017.11.10
• 
  「傍点（ぼうてん）」をCSSを使って文字を装飾する
  
  
  「傍点（ぼうてん）」は文字の上や横に強調（注意）させるために○や●を付けたりする装飾（点）を言います。これが、CSSでやれる様になっていたのでメモします。Firefoxは対応していましたが、他は「ベンダープレフィックス」を付けて下さい。またIEはダメでした。ベンダーフレックスは次の通りです。＞Firefox-moz＞Google Chrome , Safari-webkit＞Opera-o [...]
  • CSS3
  • HTML
  • 傍点
  • ぼうてん
  • 装飾
  • 強調
  • ソース
  • コピペ
  • セレクト
  • モダンブラウザ
  • ベンダープレフィックス
  2017.02.12
• 
  CSS3で文字や画像を選択させない様にする。
  
  
  ボタンなどマウスなどで選択させると、見た目上あまり美しくない場合があると思います。そこで、文字や画像を選択させない方法がCSS3にあります。次の様な選択（アクティブ）をさせません。該当する要素に「user-select:none;」を宣言します。CSS3では、ベンダープレフィックスという指定を行なわないと動作しない場合がありますので、次の様に指定するとモダンブラウザ（Web標準を十分に準拠ブラウザ [...]
  • CSS3
  • HTML
  • 選択させない
  • ソース
  • コピペ
  • セレクト
  • モダンブラウザ
  • ベンダープレフィックス
  2016.12.02