plustrick.com サイト解析まとめ

基本情報

サイトトップhttps://plustrick.com

HTMLサイズ

1ページ平均HTML(バイト)34909.65

内部リンク集計

リンク総数77

外部リンク集計

リンク総数5

メタ情報

meta description平均長84.3
OGPありページ数0
Twitterカードありページ数0

HTML言語 分布

キー割合
ja100.00%

文字コード 分布

キー割合
utf-8100.00%

内部リンク分析(Internal)

ユニーク内部リンク数77
ページあたり内部リンク平均45.25

内部リンク 深さヒストグラム

キー
051
1602
2238
33
411

内部リンク 上位URL

URLリンク総数
https://plustrick.com/topics/coding/86
https://plustrick.com/51
https://plustrick.com/coding_css_sticky/46
https://plustrick.com/design_photoshop_vertical/44
https://plustrick.com/topics/design/43
https://plustrick.com/design_photoshop_fan/43
https://plustrick.com/design_photoshop_sunburst/43
https://plustrick.com/coding_css_button/26
https://plustrick.com/coding_css_balloon_slash/24
https://plustrick.com/topics/script/23
https://plustrick.com/jquery_data_herf/23
https://plustrick.com/topics/smartphone/22
https://plustrick.com/topics/tool/22
https://plustrick.com/coding_css_sticky_side/20
https://plustrick.com/about/18
https://plustrick.com/contact/18
https://plustrick.com/privacy/18
https://plustrick.com/coding_css_vertical/17
https://plustrick.com/design_illustrator_3dcharacter/16
https://plustrick.com/coding_css_checkbox/15

キーワード分析(KeywordMap)

ワードクラウド上位

重み
続きを読む1
heightとline0.331427
heightの値を同じに指定すると0.331427
box0.270951
サンプルページを表示0.203213
今回はcssで文字を縦書きにする方法になります0.185476
グローバルナビにカーソルを合わせたときに0.185476
自分でも作ってみました0.185476
作ってみたら意外と簡単にできたので忘れないようにメモ書きです0.185476
現在のWEBデザインでは画像を使用せず0.185476
そのときによく目にする0.185476
よく作ると思われるパターンのボタンデザインに効果をかけて0.185476
デザインを変更していくチュートリアルです0.185476
ただし0.185476
CSSで縦書きを表現しよう0.178213
type0.178213
親要素に0.178213
そして0.178213
親要素が0.178213
当サイトは0.178213
を利用しています0.178213
Cookie0.178213
詳しくは0.178213
こちら0.178213
をご覧ください0.178213
今回はスラッシュ0.165713
斜め線0.165713
影を下に落として0.165713
前回の記事でposition0.165713
stickyを使用してボタンを追従させましたが0.165713
コンテンツを左右2カラムに分けて0.165713
片側だけを追従させながらスクロールすることも可能です0.165713
ページをスクロールしていき途中からボタンを追従させる場合は0.165713
jsで高さを取得して任意の高さを過ぎたらボタンを表示0.165713
追従させる処理をしていた0.165713
ような気がする0.165713
ページ途中からの追従について0.165713
気になっていたposition0.165713
stickyを使用したらとても便利でした0.165713
Photoshopで縦書きの文字を作ることがありますが0.165713
数字や英語が入っている場合はその文字も縦書きになってしまい0.165713
そんな時は1クリックで即解決ができます0.165713
ギザギザの円を作るタイミングがあり0.165713
備忘録としてチュートリアルにして残しておこうと思います0.165713
ソーシャルゲーム0.165713
基本的にデフォルトで使用されるチェックボックスの表示0.165713
見慣れているせいなのか違和感はないのですが0.165713
デフォルト状態では小さいため分かりにくかったり0.165713
サイトのデザインによっては0.165713
複数の矩形ツールとシェイプの統合や削除を用いれば0.165713

共起語上位

語1語2スコア共起ページ数
デザインからコーディングまで何でもやってます都合のいい何でも屋さんです3.85788772
ポジション的にはデザイナーだったりフロントエンドだったり都合のいい何でも屋さんです3.42541651
デザインからコーディングまで何でもやってますポジション的にはデザイナーだったりフロントエンドだったり3.11846751
そのときによってコロコロ変わりますポジション的にはデザイナーだったりフロントエンドだったり3.09037934
そのときによってコロコロ変わります都合のいい何でも屋さんです2.67911434
グローバルナビにカーソルを合わせたときに自分でも作ってみました2.54284916
そのときによく目にする現在のWEBデザインでは画像を使用せず2.54284916
heightとlineheightを同時に使用するケースがよくあるかと思います2.53452315
作ってみたら意外と簡単にできたので忘れないようにメモ書きです自分でも作ってみました2.50514316
そのときによく目にするよく作ると思われるパターンのボタンデザインに効果をかけて2.50514316
よく作ると思われるパターンのボタンデザインに効果をかけてデザインを変更していくチュートリアルです2.50514316
そのときによってコロコロ変わりますデザインからコーディングまで何でもやってます2.43904134
今回はスラッシュ斜め線2.42676112
そのときによってコロコロ変わります詳しくは詳細ページへ2.36224517
heightの値を同じに指定すると指定したサイズの垂直方向中央に要素が整います2.3567115
buttonタグのheightとlineheightの値を同じに指定すると2.3567115
基本的にデフォルトで使用されるチェックボックスの表示見慣れているせいなのか違和感はないのですが2.33129812
簡単に作ることは可能です複数の矩形ツールとシェイプの統合や削除を用いれば2.33129812
displaynoneとvisibility2.33129812
stickyを使用してボタンを追従させましたが前回の記事でposition2.28857212
stickyを使用してボタンを追従させましたがコンテンツを左右2カラムに分けて2.28857212
コンテンツを左右2カラムに分けて片側だけを追従させながらスクロールすることも可能です2.28857212
ページをスクロールしていき途中からボタンを追従させる場合は片側だけを追従させながらスクロールすることも可能です2.28857212
jsで高さを取得して任意の高さを過ぎたらボタンを表示ページをスクロールしていき途中からボタンを追従させる場合は2.28857212
jsで高さを取得して任意の高さを過ぎたらボタンを表示追従させる処理をしていた2.28857212
ような気がする追従させる処理をしていた2.28857212
ような気がするページ途中からの追従について2.28857212
ページ途中からの追従について気になっていたposition2.28857212
stickyを使用したらとても便利でした気になっていたposition2.28857212
Photoshopで縦書きの文字を作ることがありますが数字や英語が入っている場合はその文字も縦書きになってしまい2.28857212
そんな時は1クリックで即解決ができます数字や英語が入っている場合はその文字も縦書きになってしまい2.28857212
ギザギザの円を作るタイミングがあり備忘録としてチュートリアルにして残しておこうと思います2.28857212
デフォルト状態では小さいため分かりにくかったり見慣れているせいなのか違和感はないのですが2.28857212
サイトのデザインによってはデフォルト状態では小さいため分かりにくかったり2.28857212
Photoshopで虹を描くのは初めての経験だったので虹の作り方を調べつ作成2.28857212
その時の工程メモ虹の作り方を調べつ作成2.28857212
チュートリアル的なメモ目立たせたいときに使われることが多い放射線の効果ですが2.28857212
コーディングのヘルプに入った際デザインに吹き出しがあったのでcssで対応したわけですが2.28857212
CSS3から要素を透過できるopacityが使用できるようになり2.28857212
画像リンクにもhoverでopacityを付けることにより要素を透過できるopacityが使用できるようになり2.28857212
この透過を応用すれば画像リンクにもhoverでopacityを付けることにより2.28857212
この透過を応用すれば黒い画像をhoverで明るい画像にすることも可能です2.28857212
hiddenはどちらも要素を非表示にするプロパティですがnoneとvisibility2.28857212
hiddenはどちらも要素を非表示にするプロパティですが実際に中で起こっていることは異なっています2.28857212
heightの値を同じに指定するとただし2.15316515
boxshadowはCSS3で登場したプロパティで2.1372610
box文字とおりボックスの周りにシャドウを落とすことができます2.1372610
前回の記事でposition斜め線2.12040511
stickyを使用したらとても便利でした今回はcssで文字を縦書きにする方法になります2.11041512
ただし指定したサイズの垂直方向中央に要素が整います2.11041512

類似サイトはこちら

被リンク情報

このデータの閲覧には会員登録が必要になります。会員登録