タグ

htmlに関するmyzkkzyのブックマーク (77)

  • 5ch(旧2ch)をスクレイピングして、過去流行ったネットスラングの今を知る - にほんごのれんしゅう

    5ch(旧2ch)ではここ数年はTwitterを使用するようになってしまいましたが、ネットのミームの発信地点であって、様々なスラングを生み、様々な文化を作ってきたと思います。 学生時代、2chまとめとか見ていたので、影響を受けてきたネット文化で、感覚値からすると、どうにも流行り廃りがあるようです。 5chの過去ログを過去18年ほどさかのぼって取得する方法と、懐かしいネットスラングのドキュメントに占める出現具合を時系列でカウントすることで、時代の変遷でどのように使用の方法が変化したのか観測することができます。 文末に「orz」って付けたら若い人から「orzってなんですか?」と聞かれて心身共にorzみたいになってる— ばんくし (@vaaaaanquish) October 19, 2018 図1. 今回集計したorzの結果 例えば、今回集計した5chの書き込み500GByte程度のログからで

    5ch(旧2ch)をスクレイピングして、過去流行ったネットスラングの今を知る - にほんごのれんしゅう
  • HTML5ゲームプラットフォーム「enza」がサービス開始--「シャニマス」を配信

    BXDは4月24日、同社が開発・運営を行うスマートフォン向けブラウザゲームプラットフォーム「enza」(エンザ)についてサービスを開始。あわせて、バンダイナムコエンターテインメントは、enza向け第1弾のタイトルとなる「アイドルマスター シャイニーカラーズ」(シャニマス)のサービスを開始した。 BXDは、バンダイナムコエンターテインメントとドリコムの共同出資によって設立。enzaは、BXDが独自に展開するHTML5技術を活用したプラットフォームで、スマートフォンの標準ブラウザでアプリと変わらない格的なゲームをプレーすることが可能とうたっている。 第1弾となるシャニマスは、ゲームを基点に多方面で展開を続けているアイドルマスターシリーズの完全新作。プレーヤーは事務所「283(ツバサ)プロダクション」のプロデューサーとなり、新たに登場するアイドルたちの育成や、全国のプロデューサーとのライブ対戦

    HTML5ゲームプラットフォーム「enza」がサービス開始--「シャニマス」を配信
    myzkkzy
    myzkkzy 2018/04/24
  • ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013

    Canvas、WebGL、WebRTC、WebSocketなど、HTML5の花形スターとも言えるモテ系APIは、常に世間の注目を集めている。これらAPIを使いこなせるウェブディベロッパーはどこからも引っ張りだこだろう。しかし、注目度が低いながらも、今後のウェブを支える(かもしれない)最新のAPIが数多く存在する。このようなAPIは派手さが足りないゆえに話題になることもない。しかし、これら非モテ系のAPIも含めてHTML5だ。 セッションでは、ありきたりのモテ系APIに飽きたマニアな貴方のために、普段は陽の当たらないAPIを一挙紹介する。もちろん、どれかのブラウザーに実装されているAPIのみだ。今から使おうと思えば使えないことはない。そして、W3Cにて仕様策定が始まって日が浅いため、明日にはどうなるか分からない。無くなるかもしれないし、大幅に変更されてしまうかもしれない。今覚えても役に立た

    ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
  • sichoru.net

    sichoru.net このドメインを購入する。 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

  • [JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media

    HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考:video, audioのサポート状況 video, audio

  • オープンソースのWebアプリ開発向けコードエディター「Brackets」Sprint 23が公開

    myzkkzy
    myzkkzy 2013/04/16
  • "display: block"なリンク - CSS Dencitie

    よく、左そでにコンテンツの一覧を並べます。当サイトも例外ではありません。 当サイトはCSSを用いているのみであり、JavaScript等は用いておりません。しかし、ソースから見えるのは普通の ul と li 、それと a のみです。 このページでは、そのカラクリを簡単に紹介致します。完成型は以下の図のとおりです。 勉強する気のない人は、適当にコピーしてちゃっちゃと出ましょう。 メリット デザインにメリットというのも変な話ですが、幾つかあります。 まず、CSSそのものの利点ですが、プレーンでストリクトなHTML宜しく、ul、liとaのみですので、ソースがとても簡潔で、編集がとても楽だという点が上げられます。 また、お気付きの方もいらっしゃるでしょうが、行全体が選択範囲となっており、幾分アクセスしやすくなっております。 作ってみよう では、実際に一から作ってみましょう。 普通にHTMLを書きま

  • もう、class名やid名で悩まないんだからっ!!|CSS HappyLife

    class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

    もう、class名やid名で悩まないんだからっ!!|CSS HappyLife
    myzkkzy
    myzkkzy 2013/01/15
  • Web屋のためのHow to Vim (チラ裏) - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Vim Advent Calendar 2011 43日目の記事です。というかもう2012年ですね! あけましておめでとうございます。この度は前回の続き。当は翌日にでも書くつもりだったけど伸ばしに伸びたWeb屋のためのVim特集をお送りします。初めに言っときますが、3部作です。つまりこの記事は2/3。どうしてこうなった。 Web屋のための Vim-Starter-kit Demo: Vim Starter-Kit from sigwyg on Vimeo. はい、けっきょく作ってしまったんですよ。初心者導入キット。黒い画面恐怖症の方々のためにGit依存しないように作

  • Pure CSS Vertical Menu | Devin R. Olsen Web Developer

    Today we are going to build the second most common menu navigation, the vertical navigation menu. Here we are going to be using only pure CSS and un-ordered lists to create our menu with three sub-levels. This version of the vertical navigation menu will work in IE5 / IE6 (with CSS pseudo hover fix), IE7, IE8, IE9, as well as FF, Safari and Chrome. To start lets create our menus container block an

  • onclickとonkeypressは一緒に指定するべきだと習ったけど、必ずしもそうではないという話 - 小さい頃はエラ呼吸

    はじめに 僕はお仕事でWebページを作るとき、できるだけWeb標準に従うよう書き上げたHTMLを文法チェッカーにかけて、文法上の問題がないかどうかを確認するようにしています。 文法チェッカーを使うと、onclick属性とonkeypress属性は一緒に指定しなさいと指摘されることがあります。僕はこれを正しいことだと思い、できるかぎりonclickとonkeypressを同時に使用するようにしていました。 ですが、最近になってonclickとonkeypressの両方のイベントを指定すると意図しない動作をすることが分かりました。 onclickとonkeypressに同じイベントハンドラを指定する 具体的には、以下のようなコードを書いていました。onclickとonkeypressに同じイベントハンドラを指定しています。このコードはボタンが押されたたら、画面に表示されている値を+1していきま

  • TM Life - HTML5 File API を使ってファイル読み込み

    ※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. HTML5 で追加された File API. これを使えば ローカルファイルの情報, 中身を取得して JavaScript でいじることができます. 今後, HTML5 の普及とクラウド化が進むにつれて重要な機能になることは間違いありません. サンプルを作ってみたのでよかったらぜひ. ドラッグ & ドロップにも対応しているよん♪♪ Chrome でローカル上で作業する場合, セキュリティ上ドラッグ & ドロップに反応しない場合があります. その場合, Chromeの起動オプションに –allow-file-access-from-files を指定することで読み込めるようになります. SAMPLE And D

  • HTML5とCSS3のオンラインサンプルが良い感じ | Web活メモ帳

    Web上で見て触れる、HTML5とCSS3のオンラインサンプルがすごく良かったのでご紹介。 HTML5 & CSS3 Tools and Tutorials パラメータを自由に触りながら、実際に動作している様子をリアルタイムにプレビューする事が可能です。 以下に使っている様子を載せてみます。 ↑設定した項目を選択します。 まずはBox Propertiesを試してみます。 ↑設定可能な項目が表示されます。 パラメータをグリグリいじれちゃいます。 ↑設定した内容はリアルタイムにプレビュー表示されました。 使用するコードと対応するブラウザも教えてくれます。 違うものも試してみましょう。 ↑Videoを設定している所です。 動画ファイルはURLを直接入力して設定します。 ↑プレビューです。 細かいブラウザのバージョンも教えてくれました。 他にも設定可能な項目はたくさんありました。 興味のある方は

  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    myzkkzy
    myzkkzy 2012/11/20
  • WEB制作のIE対策いろいろ チートシートやHTML5/CSS3対応方法など | DECONCEPTER

    かわいいあいつIEとの付き合い Internet Explorer 通称 IEはかわいいやつである。私の心を掴んで離さない。IEについて言及すれば火が燃え上がる、存在が燃えている最強の火種だ。 なぜこんなにIEはかわいいのか。テーブルタグでウェブサイトをレイアウトする時代からCSSでレイアウトする時代へ移行する際はIE5/IE5.5/IE6/Mac IE5.2でどうしたら同じレイアウトを実現できるかを苦悩させてくれた強敵(とも)だった。 昨今のHTML5バンザイWEB制作においては、最新機能を使ってWEBサイトを作る上でIEの表示や機能をどうするかという話題が常にモチキリだ。 そんな我々の心を離さないIEの対策をする上で一つ一つ表示を確認しながら作っていたら日がくれて定年を迎えてしまう。IE定年を迎えないためにある程度どういう対応が必要かよくまとまっているサイトを見ていこうと思う。 チート

  • 絶対位置と相対位置のレイアウト

    ■ 相対位置 relative での指定 前に書かれたタグなどの、基準となる座標に対して、相対的な位置で配置されます。 ただ、前に書かれたタグの来の位置が基準となるところがミソです。 ▼ 次の相対座標で指定したタグを表示してみます <input type="button" style="position: relative; left: 50px; top: 0px;"/> <input type="button" style="position: relative; left: 0px; top: 50px;" /> <input type="button" style="position: relative; left: 0px; top: 0px;" /> <input type="button" style="position: relative; left: 50px; top

  • 短期間+大規模ゲーム開発でも破綻しないHTML・SCSS

    2. 自己紹介 • @shiwano • HTML版ロードオブナイツのプロジェ クトには、6月中旬からアサイン • ゲーム開発への格的な参加は、今回 が初めて • それまでは普通の Web 製作で、マー クアップとかやってた

    短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
  • HTML5 のリセット・スタイルシート - html5doctor - HTML5.JP

    サイト内検索 この記事は、html5doctor に掲載されている記事「HTML5 Reset Stylesheet」を日語訳したものです。この記事では、HTML5 でマークアップしたページにも対応した、リセット・スタイルシートについて解説しています。最後に、HTML5 向けのリセット・スタイルシートもダウンロードできます。 原文タイトル HTML5 Reset Stylesheet 原文ページ URL http://html5doctor.com/html-5-reset-stylesheet/ 著者 Richard Clark 氏 原文投稿日 2009-07-27 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを

    myzkkzy
    myzkkzy 2012/10/25
  • ページ全体を中央に表示(センタリング) - WEBサイト作成 フリー素材コード の1uphp.com スタイルシート,htmlやFirefox,Operaなどのブラウザの表示結果まで。

    ページ全体を中央に表示(センタリング)するには、上記にある様にページ全体である<body>~</body>の中に<div>~</div>を入れ、その<div>~</div>を中央に表示する事で可能になります。 <body>~</body>の中に<div>~</div>を入れる。その<div>~</div>を中央に表示する。 この『中央に表示する』詳細は範囲を中央に表示する(センタリング)にて説明してますので詳細を確認して下さい。 一部を紹介します。 下記の3段階の指定方法を同時に指定する事で実現します。 text-align:center; margin-left:auto;margin-right:auto; text-align:left; 同時に指定する理由は、スタイルシートで中央に表示する為方法であるmargin-left:auto;margin-right:auto;のみの使用だ

  • HTML[meta要素]ビューポートを設定する - TAG index

    width の既定値は、ブラウザにより異なる場合があるようです。 複数のプロパティを指定する場合は、カンマ( , )で区切って記述します。 content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=2" widthプロパティについて width は、ビューポートの幅を設定します。値にはピクセル数、または device-width (端末画面の幅に合わせる)を指定します。 <meta name="viewport" content="width=320"> <meta name="viewport" content="width=device-width"> device-width を指定するのが一般的です。 device-width を指定した場合は、初期のズーム倍率が 1 になります。(

    HTML[meta要素]ビューポートを設定する - TAG index