予期せぬ横スクロールが発生した時は、 * { outline: 2px solid red; } のCSSがオススメ。 どの要素がはみ出ているか、視覚的に分かりやすくなります。 #CSS https://t.co/7tmefEDCvx
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
没ネタの供養。 TL;DR h1 を複数置けるわけじゃない アウトラインを生成するアルゴリズムはブラウザで実装されてない 見出しレベルを自動調整するように動いていたが頓挫した section お前は何者だ document outline algorithm について "document outline algorithm" とは、HTML のアウトラインを生成する都市伝説のこと。 アウトラインとは、見出しを持ったセクションで構成される枠を指す。 HTML5 より前は、このアウトラインを表現する方法がなく、広義な wrapper の div が採用されていた。 見出し要素もセクションごと、というよりは文書の階層にかかるもので、兄弟としてのフラットな構造だった。 HTML5 から、 section や nav などで囲みアウトラインを生成する謎のアルゴリズム "document outlin
If there’s nothing us writers like more than reading a great book, it’s seeing how that book came to be. Lucky for us, we got exactly that when Rowling released a snippet of her outline for the fifth Potter book, Harry Potter and the Order of the Phoenix. Problems with Order of the Phoenix First, let me say that Book Five is my least favorite of the bunch. It’s an 870-page beast with a number of r
どうも!LSSです!! 昨日の記事、 で、 border と outline の違いを試してみました。 記事にしておきながら、書いてる自分も試しながら書いていたので、ことさら 「読んでもよく分からない」内容だったかと思います^^; 一応、自分では理解したつもりで、outlineの有効活用方法を思いついたので、今回はそんな記事です! せっかくなので「コピペで使えるCSSサンプル」記事として挙げてみます^^ マウスカーソルを乗せると枠が太くなります サンプル コード コード解説 ここから、またborderとoutlineの違いの話 あとがき マウスカーソルを乗せると枠が太くなります サンプル ↓のどれかに、マウスカーソルを乗せてみてください てすと てすと てすと てすと コード <style><!-- .o-waku{ display:inline-block; margin:10px; w
どうも!LSSです!! 以前からちょっと気になっていたCSSプロパティ「outline」を試してみます。 これまでもよく使ってきた「border」とよく似ていますが、ちょっと違う?らしく、本の説明を見てもイマイチよく分からないものでw そういう時は、試してみるに限りますね^^ ちなみに手元の本には、「borderは線の太さの分、要素が大きくなり、レイアウトに影響」「outlineは線を引いても要素の大きさは変わらず、レイアウトも変わらない」てな事が書かれています。 まずはテスト用のボックスを用意します borderを装飾用にしてみます borderをoutlineに変えてみます borderとoutlineを同時に適用してみます 空行を開けずに3つ続けて置いてみると… なるほどね ただし、borderはborderで あとがき まずはテスト用のボックスを用意します てすと コード <div
Four short links で、「成長するチーム向けの最速の Wiki にしてナレッジベース。美しく、機能豊富で、Markdown 互換にしてオープンソース」を謳う Outline のことを知った。 公開されたのは2018年秋のようで、まだ若いソフトウェアと言える。高速な動作が売りだが、Markdown のサポート、Slack への対応、そしてサポートがメーリングリストでなく Spectrum なのがいまどきなのだろうか。BSD ライセンスで GitHub で公開されている。 今どき、Wiki ソフトウェアが単独で紹介されるのは珍しいし、何より『Wiki Way コラボレーションツールWiki』が初めての訳書である(今年で刊行から18年になるのか!)ワタシ的にはこの新星にやはり注目してしまうね。 Wiki Way―コラボレーションツールWiki 作者:ボウ ルーフ,ウォード カニンガ
こんにちは。 株式会社アドグローブ ソリューション事業部の富澤です。 ソリューション事業部のナレッジ共有を目的としてオープンソースのツールである「Outline」を構築しました。 今回はOutlineについてと環境構築に際してつまずいた点を共有していきたいと思います。 Outlineとは オープンソースで開発されているナレッジベースのツールで画像やテキストはもちろんのこと、Youtubeやエンジニア用途だとCodePenなんかも共有することが可能です。 例えば、案件で使用したライブラリの使い方であったり、教育用途だと最近ではYoutubeにエンジニア向けの良質なコンテンツがたくさんあるのでYoutube動画と一緒に内容の要約なんかも共有できると面白そうに思います。 実際にナレッジ共有するには、コレクションというグループを作成してその下層にドキュメントを作成するようなイメージです。 オープン
どうも!LSSです!! 今回はCSS小ネタになります。 サンプル コード 使い方 キーフレームアニメーションの内容 サンプル 文章の途中に、例えばこんな感じで枠で囲んだ部分があり、その枠がたまに太く薄くなる、そんなサンプルです。 コード <style><!-- @keyframes buwa{ 0%{outline-width:4px;outline-color:#0000ff80;} 60%{outline-width:4px;outline-color:#0000ff80;} 90%{outline-width:20px;outline-color:#ddddff40;} 100%{outline-width:4px;outline-color:#0000ff80;} } .buwaku{ outline-style:solid; padding:2px; animation:buwa
アウトラインは、横浜エリアをメインに展開している女性専用のパーソナルトレーニングジム。 業界初となる生涯リバウンドサポート付きで、卒業後の体型維持に不安がある女性でも、安心して取り組むことができるでしょう。 アウトラインの料金や特徴を確認しつつ、実際に通っている方の口コミや評判をご紹介します。 生涯リバウンドサポート付き 女性に特化したトレーニングを熟知 女性トレーナーも在籍 子連れOK、アミノ酸ドリンク提供、ウェア無料レンタルなどサービスも充実 入会金33,000円→返金なしプランなら無料!コース料金184,800円総額184,800円期間・回数2カ月(75分×16回)支払い方法一括払い、分割払い(支払い回数はコース月数と同じ)返金保証×店舗名東京(新宿・渋谷・池袋・町田・恵比寿・北千住・秋葉原・吉祥寺・錦糸町・下北沢、銀座、蒲田、中野、練馬、立川、自由が丘、赤羽)、神奈川(横浜・関内・
Outline is 何? Outline というのはオープンソースで開発されているナレッジベースです。 Slack や Google Workspace などを用いてチームメンバー内での共有はもちろん、一部の記事だけを一般公開することもできる優れたツールです。 私は個人用のメモとして活用しています。 Markdownも使用でき、編集画面がそのままプレビューになっているのでとても使いやすいです。 概要 今回は以下の環境で Outline をホスティングする方法をまとめます。 Ubuntu 20.04 (さくら VPS) CPU: 仮想2Core メモリ: 1GB また、今回のやり方では Docker は使用しませんが、Dockerを使用する場合は適宜読み替えて設定すればできるとおもいます。 インストール Outline #Installation Outline をホスティングするには以下
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く