[B! HTML] psakuraのブックマーク

psakura id:psakura

HTMLに関するpsakuraのブックマーク (5)

HTML の〜内に書くタグの順番にも気を遣ってみた。
今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<head>〜</head>タグ内のコードにフォーカスして、弊社が実際に行っているHTMLマークアップの考え方を紹介していきます。ブラウザで「要素を検証」して実際にコードを見てもらうのが手っ取り早いのですが、参考までに以下にコードをコピーして記載します。今日（2016年1月20日）現在のオンズのウェブサイトの<head>〜</head>タグは次のように記載されています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="author" content="//on
psakura 2016/01/21
webデザイン

サイト

ソースコード

コーディング

html
リンク
[60] フォームを美しく整えよう（CSS使用）
[60] フォームを美しく整えよう（CSS使用）最終更新日：2018年06月23日（初回投稿日：2013年11月19日）フォームは、ちいさな「部品」と「テキスト」とが混在します。それらをただ並べただけだと、ごちゃごちゃして見づらいので、スッキリさせるためにフォーム部品以外のHTML要素と組み合わせて CSSで整える必要があります。今回は、フォームのレイアウトのコツというか、基本の考え方をメモ。他のHTML要素と組み合わせるフォーム部品の要素のデフォルトスタイルは、全部インラインです。フォーム部品は普通、質問・選択肢になる「テキスト」と一緒に使いますが、CSSを何も指定しないままだとこんなふうに ↓ ぜ〜んぶ繋がって表示されます。これじゃあ入力する気も起きやしない。最近おもしろいと思ったTV番組は？その番組の感想をどうぞあなたの興味のあるTV番組のジャンルを教えて
psakura 2015/10/09
Webデザイン

html

フォーム

css
リンク
WordPressの文字コード（UTF-8）と改行コード（LF） - Naifix
WordPress のテーマ制作やカスタマイズのさい、文字化けや原因不明の余白などの不具合が起きているなら、文字コードと改行コードが原因かもしれません。テキストエディタで各ファイルを編集するさい、文字コード・改行コードは以下のとおり設定しましょう。文字コード：UTF-8（BOM なし）改行コード：LF とくに文字コード UTF-8 の「BOM あり」と「BOM なし」の違いは要注意です。文字コードとは文字コードとは、文字に割り振られた固有の番号のこと。文字コードとは、コンピュータなどの電子媒体において、文章を画像などの図形データとしてではなくテキストの形式で扱う場合に、その各文字（単一の文字でない場合もある）に対して持っている符号（コード）のことである。文字コード（Wikipedia）コンピュータは、固有の番号をもとに「あいうえお」など人が読める文字に変換して表示しています
psakura 2015/09/04
wordpress

文字コード

utf-8

HTML
リンク
ホームページ制作なら渋谷のウェブ制作会社【スタイル】
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
psakura 2015/08/16
webデザイン

css

HTML

ボタン
リンク
ソースコードの装飾表示方法　SyntaxHighlighter
HTML,CSS,JS,Perl,PHPなどの各ソースコードをWebサイト上に綺麗に再現。 NetyaSun ソースコード表示　ホームページ　作成、運営、管理ガイド行番号や各行背景色で見やすいソースコードビューライブラリ　SyntaxHighlighter エディタのようにWebサイト上に綺麗にソースコードを表示する方法。ソースを書くプロ達や未来の開発者のための学びの場である HTML,CSS,JS,Perl,PHPなどのマニュアル・解説サイトなどで、 PREソースコードを行頭番号付きでカッコよく表示するソースビューア SyntaxHighlighter　　SyntaxHighlighter:Download ソース上にオンマウスでの操作タブがソースの右上に表示されるようになった。ソースを別窓ビュー表示したりクリップボードに保存や印刷も可能な優れものです。 <?xml ve
psakura 2015/02/09
サイト

ソースコード

html
リンク
1