シンプルなHTMLでダークモード対応、Webページを簡単に実装するためのclassレス超軽量フレームワーク -SPCSS | コリス

2020/12/16 9 users class classレス ドキュメント コリス 実装

HTMLは非常にシンプルな実装で、テキストベースのWebページをさくっと実装するための超軽量でシンプルなclassレスの超軽量CSSフレームワークを紹介します。 HTMLにclassは一切不要です、外部CSSを記述するだけで簡単に利用できます。ダークモードにも対応しており、カスタマイズも簡単。テキストベースのドキュメントと... 続きを読む

[CSS]シンプルなWebサイトを少しだけ美しくするためのスタイルシートのコレクション -water.css | コリス

2019/04/09 63 users フレームワーク コリス head内 CSS デモページ

シンプルなWebサイトをすぐに構築したい時、デモページを簡単に作成したい時、CSSでスタイルするのに時間をかけたくない時に便利なCSSのフレームワークを紹介します。 class付与を一切必要としないスタイルシートで、HTMLページを用意したら、head内に外部CSSとして加えるだけで、すぐに利用できます。 water.css water.... 続きを読む

はてなブログに外部CSSを当てる方法とそのメリット - はるなぴログ

2018/06/16 37 users ロク メリット テキストエディタ 干渉 CSS

2018 - 06 - 16 はてなブログに外部CSSを当てる方法とそのメリット はてなブログカスタマイズ ドロップボックスに外部CSSファイルを置いて共有化する head内にリンクタグを設定 外部からCSSファイルを配信するメリット テーマCSSとの干渉を避けることが可能 小さくて見にくい「デザインCSS」の窓ではなく使い慣れたテキストエディタが使用可能 ファイルを更新するだけですぐにCSSが適... 続きを読む

ドロップボックスのファイルを共有化してから外部CSSとして直リンクする方法 - はるなぴログ

2018/06/09 37 users ドロップボックス ロク ファイル 備忘録 共有化

ドロップボックスのファイルを共有化してから外部CSSとして直リンクする方法について備忘録として書きます。 はるなぴはアメブロでもこの方法でスマホ用のCSSを適用しています。 ドロップボックスアプリをインストールしてから実行するのが簡単です。 ドロップボックスアプリを開きます。そして外部CSSとして動作させた... 続きを読む

[CSS]便利なのが登場！レイアウトやUIコンポーネント用のスタイルシートが簡単にまとめて利用できる -Tailwind CSS | コリス

2017/11/06 92 users コリス Flexbox エレメント フレームワーク CSS

既存のページに外部CSSを加えるだけで、最近のWebサイトやブログで見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトをカスタマイズできるスタイルをまとめたCSSのフレームワークを紹介します。 Flexboxを使ってみたい、天地の中央に配置したい、シャドウを加えたい、レスポンシブ対応のナビゲーションを備えたいなど、簡単に利用できます。 デザインにも幅広く対応してい... 続きを読む

ブルマがすごい！外部CSSを一つ加えるだけで今時のコンポーネントやエレメント、レイアウトが簡単に利用できる -Bulma | コリス

2016/02/05 444 users フレームワーク Flexboxベース CSS Bulma 全部

外部CSSを一つ加えるだけで、最近よく見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトが簡単に利用できるCSSのフレームワークを紹介します。 一部だけ利用してもよし、もちろん全部を利用 ...記事の続きを読む 続きを読む

CSSがサイトの読込速度の遅延原因かも？見直すところは大きく3つ！ | スマートフォン＆モバイルEC事例ノウハウ集｜モバイルファーストラボ

2015/01/23 105 users CSS レンダリング モバイルファーストラボ 読込速度 要因

CSSもページ表示速度を落とす要因になります 「なんだか自分のサイトのページの表示速度が遅いなあ…」 もしかしたら、CSSが原因の1つになっているのかも？CSSを見直す良い機会かもしれません。 ブラウザはページ内容を表示する時レンダリングを行っています。 レンダリングとは、データ（今回の場合だとHTML）に書かれている情報を解析し、その通りにディスプレイに表示させることを指します。 外部CSSはこ... 続きを読む

[JS]jQueryも外部CSSも不要！レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス

2013/05/22 491 users jQuery コリス スタンドアローン RESET グリッド

スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示... 続きを読む

ご存知、ないのですか？CSSの優先順位

2012/08/09 641 users CSS 優先順位 ご存知 important HTML内

ご存知、ないのですか？CSSの優先順位 — Presentation Transcript ご存知、ないのですか？ CSS の優先順位 Yumi Ishizaki 20120809 CSSの優先順位の基本 Html内のCSS＞ユーザーCSS＞ブラウザ標準style Body内Style=“” ＞head内に直接css＞外部css 最後に記述した方が優先的に表示される !important ... 続きを読む

画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブラリ「spin.js」:phpspot開発日誌

2011/08/17 51 users spin.js phpspot開発日誌 パラメータ 方式 最初

spin.js 画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブラリ「spin.js」。 あのローディング画像を画像を使わず、外部CSSも使わない方法で実現でいるライブラリです。 パラメータをいじくれば簡単にローディングイメージをカスタマイズ可能です。 独立して動く方式をベースとして、jQueryプラグイン方式で動くコードも公開されているみたいです。 最初は画像だったものが、画像... 続きを読む