別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを - 株式会社真摯
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを 2024 7/23 Webサイトにてリンク先を別タブで開く用途で、a要素へのtarget="_blank"の指定に加えてrel="noopener noreferrer"が指定されていることがあります。 しかし現時点では、リンクを別タブで開く目的にて「target="_blank"とrel="noopener noreferrer"をセットで記述」というのは不要です。そのような無思考な運用になっていれば見直した方が良いでしょう。特にrel="noreferrer"の指定はアクセス解析に影響を及ぼします。 主要ブラウザーでnoopenerは対応済み、noreferrerは特定用途で利用を 2024年現在、主要ブラウザーはa要素へのtarget="_blank"の指定でrel=
「HTMLでは環境依存文字（①や©など）を文字参照にしなければいけない」という誤解と、本当に置換すべき文字
HTMLファイルで特殊記号を使う際、① は ①、© は © のように置き換えて書かないといけないものだと思いこんでいないでしょうか。 現代ではそれは誤解です。 UTF-8では特殊記号の文字参照は不要 そもそも環境依存文字とは、データを扱う機種・ソフトウェアなどの違い（文字コードの割り当ての違い）により表示に違いが出てしまう文字のことでした。 例えばShift_JISには © が含まれておらずそもそも保存できなかったり、 ① などの丸数字は含まれているものの、WindowsとMac OS（当時）の割り当ての違いにより正しく表示できなかったりしました。[1] しかし現在ではUnicodeによって文字コードは統一化されており、その問題はほとんど起きなくなっています。 近年では多くの場合 UTF-8 でファイルを記述すると思います。 HTMLファイルの文字エンコーディングが
target blankの場合リンクのrel属性に noopener noreferrerが自動的にセットされる – WordPress Snippet
WordPress4.7.4のTinyMCEエディタで、target=”_blank”が指定された場合に、rel=”noopener noreferrer” 属性が自動的に追加されるようになりました。 この属性を使っていない場合、開いたページにjavascriptがセットされていると、ページの書き換えができて、フィッシングなどに利用される可能性があるらしい。 WordPressには、他にもメニューなどで、target=”_blank”にすることもできるようになっていますが、現在のところ、エディター内での処理で、そういった部分については、属性が自動追加されることはありません。 気になる属性ではあります。 Raindropsテーマ1.470で、メニューなどの外部リンク(target=”_blank”)に、rel=”noopener noreferrer” を追加 トピック: リンクに｢targ
HTML Tables generator - TableGenerator.com
Select table theme Please, compose a theme for your table by selecting color, border and stripes themes shown below. How to use it? Using the Table menu set the desired size of the table. Enter the table data into the table: select and copy (Ctrl+C) a table from the spreadsheet (e.g. Google Docs, LibreOffice Calc, webpage) and paste it into our editor -- click a cell and press Ctrl+V or just doubl
Brackets Blog - The Free, Open Source Code Editor for the Web - Brackets Blog - The Free, Open Source Code Editor for the Web
Adobe is committed to delivering exceptional software and services to our customers. It is in our nature to innovate and try new things, and it was in this spirit that we introduced Brackets, a modern open-source code editor for HTML, CSS, and Javascript, in 2014. Brackets was among the first web-based code editors, but the market has matured and other solutions have eclipsed some of the roles Bra
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
ネイティブアプリ級のHTML5にグーグルが期待すること - ＠IT
HTML 5が拓く新しいWeb（1. Google編） ネイティブアプリ級のHTML 5に グーグルが期待すること 新野淳一 Publickey 2009/8/21 新たなアプリのプラットフォームとなるHTML 5へのWebブラウザベンダの取り組みを聞くインタビュー。まずはグーグルに聞いた オープンな形でHTML革新を進めなくてはいけない 文書を閲覧するWebから、アプリケーションのプラットフォームへと、HTML 5の登場がWebを大きく変えようとしています。そのHTML 5について主要なWebブラウザベンダはどのように考え、取り組もうとしているのでしょうか。 今回はグーグルのシニアプロダクトマネージャ 及川卓也氏と、ソフトウェアエンジニアの田村健人氏に、グーグル、特にGoogle Chromeに関連したHTML 5の取り組みについて話を聞きました。 ――― グーグルは今年のサンフランシス
エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)
STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名： " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名： 列数 ： クラス名に列数を追加する。(nrow0, nrow1,,)
Millstream CMS - Isometric
Seriously easy content management Designed and built from the ground up to provide our clients the best CMS possible. Millstream CMS has been in continuous development since 2004. Simple to use Millstream CMS is customised to your exact requirements to make adding new content a painless and fast process. We automate many tasks making complicated content entry a breeze. Fully Supported Isometric ma
この業界、この職種に対して思っていることをありのままに。
今まで、こういった事は書かなかったけど、自分の気持ちでも書いておこうと思ったので色々書きます。 無理やりな部分があったり、文書めちゃめちゃだったりするかと思いますが、ゆるーく見守って上げてください。 やけに長文駄文エントリーなんだけど、大きく分けて三つで成り立っているので、興味ある部分だけどうぞ。 イメージの悪さから、別の業界がいいんじゃ、、、って人向け？ 才能とかセンスが無いよ、、、って人向け？ マークアップエンジニアとかコーダーの未来が暗い、、、って人向け？ イメージの悪さから、別の業界がいいんじゃ、、、って人向け？ 今ってそんなに人気無い感じなんですかね。ウェブサイトを組む人って。 まぁモチベーション下がるような記事があったり、マークアップエンジニアのキャリアアップが明確に見えないとか、ウェブ業界自体が3Kだ7Kだって言われてるくらいだから、そう言った意味でも落ちてても不思議は無いん
【Adobe Spry TIPS 】タブパネル
【Adobe Spry TIPS 】タブパネル タブパネルはタブでコンテンツを切り替えるためのUIになります。 1月1日にリニューアルされるYahoo!JapanやLivedoorでも利用されている比較的メジャーなUIですね。 head要素内での設定 タブパネルの生成にはSpryTabbedPanels.jsを利用します。 <script type="text/javascript" src="./includes/SpryDOMUtils.js"></script> <script type="text/javascript" src="./widgets/tabbedpanels/SpryTabbedPanels.js"></script> widgetsディレクトリ内のabbedpanels内のSpryTabbedPanels.cssを読み込みます。 <link rel="style
【Adobe Spry TIPS】 CSVを取得表示
【Adobe Spry TIPS】 CSVを取得表示 Spryは簡単にCSVを取得して表示することもできます。（これはすごくないです？） CSVを扱う為にはSpryData.jsとSpryCSVDataSet.jsを利用します。 <script type="text/javascript" src="./includes/SpryData.js"></script> <script type="text/javascript" src="./includes/SpryCSVDataSet.js"></script> コメントで指摘をいただきましたが、本サンプルはspry:region 属性がtableに完全対応はしていない為IE6等では動作しません。（追記：2009/12/25) CSVDataSetでCSVデータを取得します。 <script type="text/javascript"
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」:phpspot開発日誌
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」 2007年09月04日- Script.aculo.us Samplr Script.aculo.us is a cool library for effects. 超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」。 script.aculo.usを駆使した使えそうなウィジェットが多数公開されています。 Cash Register - 料金表示をアニメーション表示 Div Swap - DIV 部分をスライド風に切り替え iPhoto Resize - スライダーで写真リサイズ News Ticker - ニュースティッカー Select box
画像やページをLightBox風に表示できるThickbox:phpspot開発日誌
Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の説明文を入れます。 <a href="images/image2.jpg" title="画像と一緒に表示させたい文字列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> たったこれだけで、次のようにLightBox風に画像を開くことが出来ます。 titleで指定した説明文が画像の下に入ってます。 次にHTML
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
javascriptでスマートなポップアップを表示できるライブラリ「ModalBox」 - Webtech Walker
Home Archive javascriptでスマートなポップアップを表示できるライブラリ「ModalBox」 javascriptでスマートなポップアップを表示できるライブラリ「ModalBox」 2007年07月06日 category:javascript Comment(0) Trackback(1) 最近ポップアップはあまり好印象ではないですよね。このライブラリを使えば、ポップアップがLightBox風のインターフェースで見た目も使いやすさも格段によくなります。 実際にサンプルをご覧下さい。 サンプル ダウンロードは下記サイトからどうぞ。 http://wildbit.com/demos/modalbox/ 使い方は簡単で、まずjavascriptとcssを読み込みます。このライブラリはprototype.jsとscript.aculous.jsを
ume*memo@tumblr マークアップエンジニアはどうすりゃいいんですか…
マークアップエンジニアはどうすりゃいいんですか… IT戦記 - マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） http://d.hatena.ne.jp/amachang/20070807/1186485054 マークアップエンジニアに対して会社がやさしくないのは 儲 か ら な い か ら か…。 そもそも、外の人（マークアップエンジニア以外の人）と、中の人との 認識からして大きくズレてるもんな…と マークアップエンジニアの肩書きの人がつぶやいてみる。 あ！外の人には具体的なモデルとかありませんよ！決して！似て非なるものですよ！ Webデザイナーとは… （外の人） 今までの印刷物みたいに、かっこええデザイン作ってなー。 コーダーが勝手にやってくれるから、実装のことなんかなーんも気にせんでええでー。 （中の人） デザインとコーディングをする。場
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Excelのカラースケール風にHTMLのtableを見やすくするjQueryプラグインを作ってみた | 初代編集長ブログ―安田英久
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
https://www.openwebware.com/products/openwysiwyg/