css

問題点：Drupal8のW3.CSSの管理設定可能な部分は少ない W3.CSSモジュール:Drupal 8 W3CSS Theme 8.x-1.16 W3.CSSの管理画面：ホーム » 管理 » テーマ » テーマの設定 管理できる項目はコンテンツの色、メディアリンクなどぐらいです W3.CSSの豊富なコンポーネント（例：Card、Selectionなど）...

やりたいこと：タイマー（時間）を点滅できるように表示したいです タイマーの作成：SVG+CSS+JSで時間表示/動画パイタイマーの作成方法 前回紹介したタイマーの改善点：タイマー（時間）を一秒ごと点滅にして表示したほうがより見やすくなります タイマーが点滅しなくても、機能には問題はありません 表示上には少し硬い感じがあります JSの関数（...

やりたいこと：残留時間が表示しながら円を描く動画効果のタイマーを作成します 残量時間を動画で表示します 残量時間のパイを動画で表示します SVG+CSS+JSでタイマーの動画効果を作成します svg、css、js三兄弟でパイタイマーを実現します HTMLでタイマーを描く場所の用意 <div class="item"...

やりたいこと：複数行のアンカータグの文字列を一行に短縮、末尾を三点リーダーにする 複数行の文字列を一行にしたいです 複数行から一行にするcss設定は比較的に簡単できそうです（いろいろな記事があります）。以下はcssの text-overflow: ellipse を利用する要点 white-space: nowrap;  //改行しない text...

DrupalのモジュールをアップデートしたらBootstrapのボタン背景カラーが消えました いろいろなモジュール（どのモジュールが覚えていない）を更新して、しばらく立ったら、気が付くと、Bootstrapのボタンの背景色が消えました。 ボタン背景のｃｓｓについて調べましたが、whhg.cssにあるボタンのプロパティ：background:none として設定されたせいで、...

ページスクロールに応じて各ブロックのアニメーション効果のjsライブラリ：scrollme scrollmeのホーム：http://scrollme.nckprsn.com/ 比較的に手軽に使用できるし、かつバリエーションも多いようです サンプルコードを作成してお試しください 使用方法 jsライブラリのダウンロード：https://...

問題点：Safariだけのcssレイアウト崩れ現象 IE/Chrome/Firefox/Operaのテストが問題なく、Safariだけであるcssのレイアウトが崩れています Safariでは、上記ソーシャルフォローボタンの上下のずれは2pxを生じました。 解決：Safariのみにcss修正を行う...

やりたいこと：複数のソーシャルリンクボタンを一行に配置 複数のソーシャルリンクボタン（例：Twitter、FacebookのFollowボタン）を一行に配置したいです 問題点：ボタンが同じライン上に揃っていない 各ボタンのcss設定が違うため、一行配置時に、同じラインに揃えるのは難しいです...

やりたいこと：Drupalのブロックシステムにある「ハイライトされ」エリアにTwitterなどのフォローボタンを配置します サイトSEO一環として、Twitter、Facebookなどのフォローボタンを設置したいです 配置場所としてページのトップにある「ハイライトされ」エリアにしたいです 問題点：テーマ（Bootstrap）のjumbotron、...