Webブラウザのレンダリングの仕組みを理解する

2022/07/04 206 users レンダリング JavaS HTMLレンダリングエンジン 概要

参考：https://ja.wikipedia.org/wiki/HTMLレンダリングエンジン 2 レンダリングの仕組み レンダリングの大きな流れは下記のようになります。Webブラウザは、サーバーなどからHTML等のリソースを受け取り①〜⑥の処理を経て、レンダリングを実行します。それでは各処理の概要を見ていきます。 ※点線は、HTML内にCSSやJavaS... 続きを読む

こんなことができるんだ！CSSのボーダーを破線や点線にするスタイルシートのテクニック | コリス

2020/08/25 192 users フェード コリス 傾斜 CSS アニメーション

ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます！ Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Bor... 続きを読む

浅羽なち on Twitter: "割とローソンの新デザ容認派だったんだけど、さすがに「点線まで剥がして」の"点線"が全然見つからなくて、ようやく見つけたとき「は？なんやこれ正気か？」てなっ

2020/06/14 570 users 浅羽 https t.co ローソン

割とローソンの新デザ容認派だったんだけど、さすがに「点線まで剥がして」の"点線"が全然見つからなくて、ようやく見つけたとき「は？なんやこれ正気か？」てなったわ? https://t.co/ZlHuUhB23i 続きを読む

市外局番は、きれいな柄であり、地域を読み解く鍵である(1) - 地理人レポート

2020/04/16 653 users 市外局番 地域 Twitter 過程 いろい

数年前、作っている過程はTwitterでお届けしたのですが、市外局番の一体何がおもしろいのか…はあまり文字化していませんでした。リアルで話すときには話すものの、めんどくさがってWebにアップしてなかったのです。 境界線を示す場合、点線を描けばいいのですが、塗り分ける方法もあります。世界地図には国ごとにいろい... 続きを読む

電動ドリルでスパゲッティを食べると便利 - デイリーポータルZ：@nifty

2013/10/28 206 users スパゲッティ デイリーポータルZ きり 切断 ネジ

電動ドリルの便利さときたらない。 買って実際に使ってみるまで、僕は正直あなどっていた。穴あけもネジ締めも、キリやドライバーを使えば手でできる。大工仕事でもするならともかく、たまに小さな工作を作るくらいの僕には必要ないのでは。 それが買ってみたらどうだ。毎回5分かけて空けていた塩ビパイプの穴が、10秒で空けられる。素早く空けられるので数をこなすことができ、穴で点線を書いていけば切断だってできる。その... 続きを読む

ウォレス線 - Wikipedia

2012/11/21 132 users Wikipedia 陸地 黒色 右下 中央

ウォレス線（赤線）右下がオーストラリア区、左上が東洋区 インドネシア多島海の生物分布境界線（黒色の点線）。左上がウォレス線、中央がウェーバー線、右下がライデッカー線。左上の陸地「Sunda」はスンダランド、中央下寄りの陸地「Sahul」はサフルランド。 ウォレス線（ウォレスせん, Wallace Line, Wallace's Line... 続きを読む

2011年のウェブデザインのトレンドを振り返る | コリス

2011/12/08 439 users ボーダーレス コリス ウェブデザイン グリッド ペーパー

2011年のウェブ制作の話題の中心はHTML5とCSS3でしょう。 ここではデザイン面を中心に、2011年に人気が高かったウェブデザインのトレンドを紹介します。 下記は各ポイントを意訳したものです。 Responsive Web Design 点線 サークル レトロスタイル リボン マジックナンバー『3』 少しめくれてるペーパー ボーダーレス グリッド 対角線 Responsive Web Des... 続きを読む

[配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシ - バニデザノート

2011/11/21 153 users Photoshop プロパティー バニデザノート ドット 配布

photoshopでドットのラインを描く方法をまとめてみます。 さいごに、配布ブラシもあります。 Fireworksなら、線を描いて、プロパティーから「ストロークを編集」とすると きれいなドットラインが描けるのですが photoshopではそういった機能がないんですね。 ドットラインを描くにはどうしたらいいのか探してみたら、みなさん色々な方法で やってましたので、その方法をご紹介。 ブラシを使う（... 続きを読む

リンクをクリックしたときに横に伸びる点線を消す方法（Firefox） - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/01/25 434 users IDEA text-indent Firefox スルー 常識

もうそんなの常識じゃん！という人はスルーの方向でお願いします・・・自分メモです。 さて、Firefoxでリンクをクリックするとたまに変な点線ができますよね。 ↑ こういうやつ。かっこ悪い。 これ、SEO的に良さそうだからという理由でよく使われている手法です。いわゆるHTMLにテキストいれつつ、スタイルシートで背景に画像を配置し、テキストを横にすっ飛ばすというやり方（text-indent:-999... 続きを読む