転○会議の口コミって投稿したり課金しないとモザイクで読めないけど あのモザイクってCSSでかけてるのか デベロッパーツールでHTML眺めればコメントの内容がふつうに見えるんだけど こんなざる実装でいいのか
連載目次 IT訴訟事例を例にとり、システム開発にまつわるトラブルの予防と対策法を解説する本連載、今回は「著作権」を考察する。 著作権については、過去にも本連載で「プログラムや設計書、画面デザインなどが著作権法で定める著作物として認められるためには、作成者独自の工夫や創意が必須である」と解説した。 今回はこの著作物の定義について、より分かりやすい判例を紹介する。あるユーザー企業(以降、ユーザー)がベンダーに依頼して作成したHTMLが著作物に当たるかどうかを争った裁判だ。 HTMLファイルに著作権は認められるのか HTMLファイルは、作成者が一生懸命に頭を悩ませて作り上げるものであり、全く同じものは他には存在しない。 その一方、他のプログラミング言語に比べると使用する単語や文法が限定的であり、誰が作っても同じようなものになりやすい。これを「著作物」としてしまうと、HTMLの作成者は、何を書いて
モーダル・ダイアログ ボックスはWebサイトやスマホアプリでよく見かけます。しかし、その実装方法は何通りもあります。その多くはWebを視覚的にナビゲートしないユーザーにとっては実質的にモーダルボックスを使用できず、アクセシブルに実装するのは困難でした。 HTML 5.2で登場した新しい<dialog>要素はこの問題を解消し、実装方法を迷うことなくモーダルやダイアログ ボックスを利用できるようにするものです。 <dialog>要素で、モーダル・ダイアログ ボックスを実装する方法と注意点を紹介します。 Meet the New Dialog Element 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 HTML 5.2の新機能: モーダル・ダイアログ ボックスを実装するための<dialog>要素 <dialog>要素の基本機能 <
2017 - 03 - 18 HTMLの取得した値の出力方法 HTML JavaScript HTMLの取得した値の出力方法について if文で条件分岐させた場合の出力方法 まとめ HTMLの取得した値の出力方法について HTMLで JavaScript から受け取った値の出力を行うことができる。 HTMLで値の出力を行うには、「document.write();」を使う。 if文等で条件を分岐させた後のテキスト文の出力にも使うことができる。 使用例 <script type="text/javascript"> document.write("表示する文"); </script> 表示例 HTMLでそのまま書いた文 HTML文 JavaScript で書いた文 スポンサーリンク if文で条件分岐させた場合の出力方法 別記事で作成したおみくじを「document.write()」で
2016年12月21日 著 忙しさにかまけているうち、すっかり投稿のタイミングを逃してしまって、既に旧聞に属する話ではあるけれど、少し前に話題になったh1要素は複数回使って良いのか!? HTML5.1に関するW3CとWHATWGの主張の違い - Togetterまとめについて、アクセシビリティおじさんとして反応しておきたい。 各所で指摘されている通り、h1要素を複数回使うことについて、是か非かでいえば明確に「是」ですね。W3Cの策定する「HTML5」を使おうと、WHATWGの策定する「HTML Standard」を使おうと。ちなみにSEO上でも問題ないらしい。従い、この話題で論じられるべきは、アウトラインアルゴリズムを前提として見出し要素をマークアップすべきか否かでしょう。HTML 5.1の4.3.10.1. Creating an outlineには、以下の注記があります: There
Embeddable HTML/CSS/JavaScript engine for modern UI development Some real life applications that use Sciter core engine for their UI – HTML/CSS under the hood. Build cross platform desktop applications with HTML, CSS and script Sciter brings a stack of web technologies to desktop UI development. Web designers, and developers, can reuse their experience and expertise in creating modern looking desk
投稿日:2016年1月20日 更新日:2016年1月20日 HTML, SEO 7890文字:約14分 ONZE 株式会社 オンズ ONZE https://on-ze.com/archives/4831 今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<head>〜</head>タグ内のコードにフォーカスして、弊社が実際に行っているHTMLマークアップの考え方を紹介していきます。 ブラウザで「要素を検証」して実際にコードを見てもらうのが手っ取り早いのですが、参考までに以下にコードをコピーして記載します。 今日(2016年1月20日)現在のオンズのウェブサイトの<head>〜</head>タグは次のように記載さ
ウェブ開発者のKeith Clarkさんが、ウェブページ製作には欠かせないHTMLとCSSという2つの言語を使い、FPSなどで登場しそうな3D空間を再現しています。 Creating 3D worlds with HTML and CSS http://keithclark.co.uk/articles/creating-3d-worlds-with-html-and-css/ HTMLとCSSで作られた3D空間は以下のページで実際に表示させることが可能。PCはもちろんのこと、スマートフォンやタブレットからも見ることができます。 A 3D engine built using HTML and CSS 3D transforms by Keith Clark http://keithclark.co.uk/labs/css-fps/ 上記ページの「Mouse & Keyboard」をクリッ
システム開発の際、デザインとHTMLコーディングは別会社で! 受け取ったHTMLの組み込みはお願いします! ということが結構あるのですが、その時もらったHTMLを見て、ここはやめてほしいという点をまとめて書いていこうと思います。 インデントがバラバラ プログラム書くときもそうですが、インデントがバラバラだと見づらいです。 ※弊社ではHTML/CSSともにインデントはスペース2つです。 タブ/スペースが混じっている インデントが崩れているときは大体、タブ/スペースが混じってますね。見づらいです。 ※弊社ではタブは使わないようにしています。 JSが意図した動作になっていない/動かない JSまで対応となっているにもかかわらず、動かないというのは論外ですね。 「JSが意図した動作になっていない」これも結構ありました。 例 全選択/全解除というところをチェックすると、下にある項目が全部選択されるとこ
by Morten Wulff インターネット用語には英語の頭文字で表す言葉が数多く存在しますが、ウェブ上の文書を記述するための言語「HTML」を性行為感染症(STD)の1種だと思っているアメリカ人が11%存在することが調査によって判明しました。 1 in 10 Americans think HTML is an STD, study finds - latimes.com http://www.latimes.com/business/technology/la-fi-tn-1-10-americans-html-std-study-finds-20140304,0,1188415.story 調査を行ったのはオンラインショッピング用のクーポン配布サイトVouchercloud。広報担当者によるとVouchercloudにはテクノロジー・アイテムを購入するために毎月何千人もの人々が訪れ
前回の記事でお披露目した、私のブリブリなブログデザイン。 このデザインを作成するまでに利用した便利なツール、サイト様をざざざっと書いていこうと思います。 ちなみに、私の作業環境はWindows 7でございます。 CSSソースの素 初心者がカスタマイズをしようとしても、どこから手をつけたらいいのか分かりません。 とりあえず、ベースとなるCSSデザインがあればラクちんですよねー。 ってことで私は、id:hatenablogさんのサンプルテーマ「Boilerplate」をベースにデザインを改造しました。 デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました - はてなブログ開発ブログ はてなブログの構造を知る id:hatenablogさんの「Boilerplate」を開いても、 …何の事だかチンプンカンプン…。 そんな時は、id:kyabanaさんのブログを参考にしましょう
pdf2htmlEXはレイアウトの再現性を極めたPDFからHTMLへの変換ソフトウェアです。 PDFはそのままでは容易に編集できないフォーマットです。そこが利点でもあり欠点でもあります。PDFを別フォーマットに変換するソフトウェアは幾つかありますが、今回は驚いてしまうくらい品質高いHTML変換を行うpdf2htmlEXを紹介します。 これがHTMLだと思えないくらいの再現度です。 計算式にも対応。 段組み、画像埋め込みも問題なし。 白黒に限らず扱えます。 中国語。マルチバイト対応です。 まるで素のPDFを表示しているかのような再現度の高さがpdf2htmlEXの売りです。PDFを一つのHTMLファイルとして出力し、色や文字の装飾も反映します。リンクもそのまま使えます。なお、Type3のフォントには対応しておらず、テキスト以外のオブジェクトは画像としてレンダリングされるようになっています。
The Next Webによると、Google DriveでHTML、JavaScript、CSS filesの一般公開が可能になったとのこと。これにより、簡単なWebページの公開であればGoogle Driveで行えることになる。 利用方法は「Host webpages on Google Drive」に詳しいが、 (1)Google Driveでフォルダを作り、共有設定を「ウェブ上での一般公開」を選択。 (2)作成したHTMLファイルをGoogle Driveでにアップロードする。この時点で公開される。 (3)公開したページを見るには、アップロードしたファイルをGoogle Drive上で閲覧し、閲覧しているページのアドレスのユニークの値(例えば、私の場合はhttps://docs.google.com/file/d/以下の値)をコピー。 (4) 「https://www.google
新着情報一覧などのように全て見せる必要がない(スクロールして閲覧可能)場合に、そのコンテンツだけスクロールさせて見せることがよくあります。 CSSで高さを固定してやることによりそれ以上の高さが必要な場合には、自動的にスクロールバーが表示されるのですが、何よりも見た目がダサいです。そんな時、jScrollPaneを使うとスクロールバーのデザインを変更することができます。 jQueryのプラグインであるjScrollPaneの使い方をご紹介。 jScrollPaneとは スクロールバーのデザインを変更するためのjQueryのプラグインです。本体のJavaScriptとCSSの他にjquery.mousewheel.jsも併用し動作します。 現時点で最新版の「v2.0.0beta11」を例としています。ダウンロードは、本家サイトから行ってください。 jScrollPaneの使い方 <!DOCTY
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く