令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
HTML5 Form Validation のカスタマイズ
Tomomi Imura An Open Web advocate and front-end engineer, who loves everything mobile, and writes about HTML5, CSS, JS, UX, tech events, gadgets, etc. She unintentionally got 15min of fame by creating The HTTP Status Cats. Also, the opinions expressed here are solely her own and do not express the views or opinions of my employer. Twitter LinkedIn Instagram Github Flickr My articles are licensed u
数字のみ入力できるinputを作る2つの方法 | りーほーブログ
この記事では数字のみを入力できるinput作る方法をサンプルコード付きでご紹介します。 javascriptは使用しません。 数字のみ入力できる入力項目の作り方は
お名前.com共有サーバーでhtmlファイルをphpとして動かす方法｜ヨシキミナトヤ.COM
お名前.com共用サーバーでhtmlをPHPとして動かす Xサーバーやらさくらインターネットやらお名前.comやらあれやらこれらやら。サイトを運営する為のサーバーは様々ですね。ふぃ～。 お名前.com共有サーバーでhtmlファイルをphpとして動かす方法を記載しておきます。 調べているとお名前.com共有サーバーはhtaccessの制限が強いとかなんとか。 .htaccessを作ります まずは「.htaccess」を作ります。 .htaccessの中には以下を記述してください。 ローカルで「.htaccess」と保存できない時は、「a.htaccess」等の名前で保存して、FTPにアップ後ファイル名を「.htaccess」に戻します。 Action myphp-cgi /php.cgi AddHandler myphp-cgi .html php.cgiを作ります 次に「php.cgi」を
いまどきHTMLメールを作るにはどうするの？ - Qiita
linkタグが使える -> WEbフォントが使える styleタグが使える -> メディアクエリが使える そうは言っても上記の対応は比較的新しいものです。 大半はgmailと同程度と考えて臨むべきでしょう。 2. テーブルレイアウト 「HTMLメールの作り方についてテーブルレイアウトの記事が見つかったけど、古い情報なんでしょ？」って思うことでしょう。 残念ながら、2015年もテーブルレイアウトです。 そしてたぶん、来年もテーブルレイアウトです。 諦めましょう。 3. スタイル属性からのCSS指定 linkタグもstyleタグも使えなかったらこういうことになります。 諦めましょう。 実装方法を知る どこからかBoilerplateを引っ張ってくる 一から組むとか大変面倒くさいです。 なのでボイラープレートを引っ張ってきましょう。 A. Faundation for Emails http:/
HTML の 〜 内に書くタグの順番にも気を遣ってみた。
今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<head>〜</head>タグ内のコードにフォーカスして、弊社が実際に行っているHTMLマークアップの考え方を紹介していきます。 ブラウザで「要素を検証」して実際にコードを見てもらうのが手っ取り早いのですが、参考までに以下にコードをコピーして記載します。 今日（2016年1月20日）現在のオンズのウェブサイトの<head>〜</head>タグは次のように記載されています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="author" content="//on
W3Schools Online Web Tutorials
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
Simple HTML DOM documentation
PHP Simple HTML DOM Parser A fast, simple and reliable HTML document parser for PHP. Created by S.C. Chen, based on HTML Parser for PHP 4 by Jose Solorzano. Parse any HTML document PHP Simple HTML DOM Parser handles any HTML document, even ones that are considered invalid by the HTML specification. Select elements using CSS selectors PHP Simple HTML DOM Parser supports CSS style selectors to navig
HTMLメールを送信する - メール送信(PEAR::Mail) - PEAR入門
本文にテキストを使って記述する代わりにHTML文を記述することができます。Mail_Mimeクラスで用意されている「setHTMLBody」メソッドを使います。 Mail_Mime::setHTMLBody() boolean setHTMLBody (string $data [, boolean $isfile = FALSE]) 引数： $data 本文を表すHTML文。又は本文を表すファイル名 $isfile 1番目の引数がファイル名の場合にはtrueを指定 戻り値： 成功時には TRUE、失敗時にはPEAR_Error 1番目の引数に本文として設定したいHTML文を指定します。1番目の引数にはファイル名を指定することもでき、その場合は2番目の引数に「true」を設定して下さい。 例えば次のように記述します。 $body = <<<EOS <html> <head> <meta h
40 Best Free HTML And CSS Templates OF 2011
Yesterday I post the Best PSD website templates of 2011 and Today its turn to focus on HTML and CSS templates. If you are a regular visitor of Stylish Web Designer then you must know that I always try to present best free and premium resources for web designers and developers. If you are first time here then do check our resources section to get so many free and premium stuff for your next project
HTMLの特殊文字 ： IT用語辞典
▼ ご意見やご指摘、追加希望用語などはこちらからお送りください (個別にお返事はできかねますのであらかじめご了承ください) 当サイト「IT用語辞典 e-Wordsイーワーズ」はIT（Information Technology：情報技術）用語のオンライン辞典です。コンピュータ・情報・通信などを中心とする各分野の用語について、キーワード検索や五十音索引から調べることができます。用語の意味や定義、概要や要約、略語や別表記、英語表記や綴り、フルスペル、読み方や発音、仕組みや役割、歴史や由来、語源、構造や構成、要素、特徴、機能や性能、諸元、規格や仕様、標準、原因や要因、手法や方法、方式、種類や分類、利点やメリット、欠点やデメリット、問題点、対義語や類義語との違い、用例や事例、具体例、画像や図表、関連用語、外部資料や別の辞典による解説へのリンクなどを掲載しています。 当サイトは株式会社インセプトが制
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
パワーソフト・ＨＴＭＬ特殊文字一覧
ＨＴＭＬ特殊文字一覧 ＨＴＭＬ特殊文字一覧は、ホームページ作成時に特殊な文字を使用したいときに利用します。たとえば、ブラウザは通常、複数空白を詰めてしまいますが、ここで空白がほしいときには、 と記述すると空白を挿入してくれます。また、ＨＴＭＬファイル内にいきなり "<" を書くとタグの開始とみなされますが、文字として＜を書きたいときには ≷ と記述します。 使用頻度の高いのは、 " & < > © です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
めしおのアフィリエイト教材レビューブログ