HTML
https://haniwaman.com/emmet/
https://qiita.com/Hirakawa_Yuzo/items/cbd7a4870bbeb81816cd
お問い合わせ メールアドレス（必須） お問い合わせ内容（必須） ※必須項目は必ずご記入ください <style> .contact-form{ padding-top: 100px; } input,textarea{ width:400px; margin-top:10px; margin-bottom:30px; /* http://www.htmq.com/style/margin.shtml * …
のです。 target="_blank"しても同様です。
http://www.htmq.com/style/border-bottom.shtml↓動作結果 ------ ブロック要素のタグで囲む ------ <style> .underLine{ border-bottom:2px solid #666; } </style> <div class="underLine">ブロック要素のタグで囲む</div>
https://saruwakakun.com/html-css/basic/div-span
参考 http://www.htmq.com/style/font-size.shtml px 1ピクセルを1とする単位で、実際に表示されるサイズは72dpiや96dpiといったモニタの解像度により変化します。 em フォントの高さを1とする単位。 ex 小文字の｢x｣の高さを1とする単位です。数値には負の値…
HTMLクイックリファレンスのheaderの記事の方ではHTML5からheaderタグが生まれたと書いてます。 ホンマかいな。headerタグはただの区分け系タグであり機能がないからHTMLコーダーが勝手に創造した類のタグやないんか。と思い調べました。 分かったこと ・hea…
aタグやlinkタグで見られるrel属性の意味について。 https://saruwakakun.com/html-css/basic/link-rel 使われるタイミング <link rel="stylesheet" type="text/css" href="xxx.css"> <a rel="external" href="https://www.searchdesk.com/"> rel属性の意味 ・検索エンジンにページの関係を伝える。なのでSEOに良い その他参考HP http…</a></link>
しょうこちゃんねる WordPress5.X系使ってる個人様。 自作テーマ、jQueryページ、熟練を要する有料テーマ(Jet Elements、Slider Revolution、Elementor PRO)などをさらっと使えている印象。 レベル高い。素敵。https://umasho.com/ しょうこちゃんねる実績の…
https://kumaweb-d.com/jquery/jquery-how-to-plugin/
https://ownedmedianoie.com/how-to-use-multiple-themes-for-wordpress/
まあ普通にHTML書いた方が楽なんですけどね。 <section> <h1>こんにちは</h1> <p>本日もいい天気ですね</p> </section> 案１ 普通にdocument.write <script> document.write( '<section>' +'<h1>こんにちは</h1>' +'<p>本日もいい天気ですね</p>' +'</section>' ); </script> 案２ タグ用ユーザー定義関数作る <script> fu…
下記のHTMLをほぼ秘匿化するものを作ります。 <h1>aaa</h1> 私が作ったもの。 (adsbygoogle = window.adsbygoogle || []).push({}); index.html --- <html> <head> <script type="text/javascript" src="jQuery.js"></script> </head> <body></body> </html> --- jQuery.js 下記の内容を難読化して格納する。難読化に用いるサイトは右記。https://obfuscator.io/ --- fu…
意図 このサイトの左カラムのリンク編集を楽にしたい。URLとサイト名だけ入れればいいようにしたい。 今回作成する物 下記のHTMLを出力するJavaScript。 <a href="http://searchdesk.com" target="_blank" style="text-decoration: none;">検索デスク</a> <br><a href="http://www.google.com" target="_blank" style="text-decoration: none;">google</a> liタグは個人的に好きじゃないので使ってません。 作成したJavaSc…
使用感は全く変わりません。 glitch.com
Diana Adrianne氏作、CSSアート。 画像ファイルじゃなくてHTMLとCSSです。CSSで描くのは画像として描くよりも圧倒的に難しい、というか技術的に理解不能の域です。 しかもブラウザごとに見え方が異なるんだとか。
参考 div・spanをなるべく使わない、HTML5で推奨される書き方です。 <html> <body> <header>ヘッダー</header> <nav>ナビゲーションバー</nav> <article> <section> <h1>コンテンツタイトル</h1> </section> <section> <h1>コンテンツ内容見出し</h1> <p>コンテンツ内容1</p> <p>コンテンツ内容2</p> </section> </article> <footer>フッター</footer> </body> </html> 画面内に収まるのであればこの例通りでいいと思います。 行…
https://creating-homepage.com/archives/6049 xamppのコントロールパネル開いて"Explore"ボタンをクリック。xamppフォルダが開かれる。 xamppフォルダ→apacheフォルダ→confフォルダと開き、httpd.confファイルを開く。 httpd.confファイルの中の"DocumentRo…
右クリックできない(Ctrl+Uはできる) http://www.broadband-xp.com/hidesource/contextmenu.html ソフトでHTMLを難読化『XORHTML』 http://www.broadband-xp.com/hidesource/soft.html http://ni.10-59.com/net/index.html wordpressの脆弱性対策 https://ww…
Xdはweb制作に使えない気がする。 利点 ・サイトレイアウトを作るのは異様に早い 欠点 ・レスポンシブサイト作成には向かない ・ソースコード汚いのでXd以外のソフトでの保守性皆無 ・Xd自体が高額 以上を踏まえた私のXdの用途 ・タブレット・スマホ・PCのど…
https://postd.cc/motion-design-is-the-future-of-ui/ https://zurb.com/playground/motion-ui
https://javascript.keicode.com/newjs/
https://sitest.jp/blog/?p=8680 「Vanilla JSは他のJSライブラリと比べてめっちゃ早い。何でもできる」と色々な所で読んだので気になって調べてみました。 実際のVanilla JSはそれなんのJSライブラリでもないただのJavascriptじゃん、というオチでした。フ…
HTMLがやりやすい。 「div#hoge」と打つと、 「<div id="hoge"></div>」と変換されるなど色々便利なショートカットが付いてます。 ul>li*3 <ul> <li></li> <li></li> <li></li> </ul>
HTML CSS Support HTML Preview HTML Snippets : HTMLのスニペット Japanese Language Pack for VS Code : 日本語にする Live HTML Pteviewer : HTMLの安易動作確認 Live Server : 安易仮想サーバー実装 JavaScript (ES6) code snippets : Javascriptのスニ…
// ・前提 HTML Snippers導入 ・手順 新規ファイルを作成 HTMLとしてファイルを保存 エディターに"!"+"tab"入力、HTML基本テンプレートが展開される 2行目のlang属性の値をjaにして完成
Google Fonts Google Fonts日本語 良いフォントの右上の+マークをクリック。 下に表示されているFamilies Selectedをクリック、そこに表示されているlinkタグとCSSをコピペして使う。 Google Fonts日本語例 ■組み込み例 <html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine"> <style> body { font-family: 'Tangerine'</link></head></html>…
https://fonts.google.com/ https://fonts.google.com/?subset=japanese https://googlefonts.github.io/japanese/
Jstris Switchのテトリスオンラインの要点をHTMLで再現してみたという内容。 HTMLでここまでできるのかと。 Wappalyzerでの判定では言語はPHP、JSライブラリはHammer.jsとjQueryを使っているそうで。それとこのページにPython使ってるって書いてる。Wappalyz…
