Introduction to WebGMO Technology boot camp （新卒研修）の Web 概論講義資料です。 以下の内容の概要を解説しています。 * URI * HTTP * HTML # URL HomePage: https://nrslib.com Twitter: https://twitter.com/nrslib
【Web AR】8th Wall WebでARマーカー認識を行う｜Jun Ito
こんにちは、ARスタートアップMESONでプロデューサー・ディレクターをやっているjujujun110です。 Web ARを実現するためのライブラリ8th Wall。これまでのバージョンではマーカーレスの空間認識のみの対応でしたが、2019/04/17にリリースされたver.11からマーカー認識機能がついたので使い方を見ていこうと思います。 公式のデモ映像 アカウントとデバイスのセットアップ8th Wall はJavaScriptライブラリでありながら有償ソフトウェアであり、自身のサーバーにアプリケーションをアップロードして利用するには費用がかかります。（ローカルで試すだけなら無料） また、利用にはユーザー登録とアプリケーションの作成が必要ですので、チュートリアルを読みながら済ませておきましょう。 次に、ダッシュボードのトップページの右上から、Device Authorizationをクリ
LayoutIt! - Interface Builder for CSS Grid and Bootstrap
LayoutIt! helps you make your frontend coding easier without needing to be an expert in JavaScript, HTML5 or CSS3 Bootstrap Builder Drag-and-drop the same Bootstrap components to your own design. Easy to integrate with any programming language, you just download the HTML and start coding the design into it. Grid Generator Start creating your own CSS Grid Layouts simply and easily with this magic t
display:none と visibility:hidden の違い - Qiita
visibility:hiddenは名前の通り、要素はあるけど見えない状態。 display:noneは、要素も取得されず、完全にその場にない扱い。 検証準備 html <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>difference between visibility hidden and display none</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="one" class="box"></div> <div id="two" class="box"> <h3>Visibility:hidden</h3> エレメント描画されず。けど、表示エリアは「残る」。背景色で塗りつぶした感
Sublime Text で CSS や HTML、Javascript のソースを整形するプラグイン
Sublime Text で CSS や HTML、Javascript のソースを整形するプラグイン YUI Compressor でスペースや改行コードが圧縮された .min ファイルの解析を依頼されました。圧縮前の元のファイルはどこへいったのか訪ねてみると、不要と思って誤って削除してしまったそうです。これは困りましたね。元のファイルが無ければ変更を加えるのも大変です。 そこでソースコードを解析して自動フォーマットしてくれる Sublime Text のプラグインを探してみたところ、丁度良いものが見つかったので紹介します。ちなみに Sublime Text （テキストエディタ）については、こちらのページをご覧ください。
placehold.jp | 簡単！ダミー画像作成
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
W3C Unicorn service discontinued
Due to lack of resources to maintain the Unicorn project, W3C stopped providing this on-line service as of 31 March 2023. See 2023-02-15 W3C Homepage news. The source code is available on GitHub under the W3C Software license. Anyone can run it for themselves, fork it. Copyright © 2023 World Wide Web Consortium. W3C® liability, trademark and permissive license rules apply.
知っておきたいブラウザについての基礎入門
知っておきたいブラウザについての基礎入門 at サポーターズ京都勉強会 https://supporterz.connpass.com/event/51220/
Get started - UIkit documentation
/css <!-- UIkit with the basic style --> uikit.css uikit.min.css <!-- UIkit with Gradient style --> uikit.gradient.css uikit.gradient.min.css <!-- UIkit with Almost flat style --> uikit.almost-flat.css uikit.almost-flat.min.css <!-- Advanced components --> /components /fonts <!-- FontAwesome webfont --> fontawesome-webfont.ttf fontawesome-webfont.woff fontawesome-webfont.woff2 FontAwesome.otf /js
知っておきたいCSS設計法 | 第1回 OOCSSの基本
知っておきたいCSS設計法 第1回 OOCSSの基本 HTMLテンプレートを設計する上で、基礎と考えられる概念のひとつOOCSSを取り上げます。オプジェクト指向のCSSとは何か？ 今回はその考え方の基本をまずおさえましょう。 はじめに このシリーズでは、OOCSS（オーオーシーエスエス）、BEM（ベム）、SMACSS（スマックス）という3つのCSS設計概念の概要を解説します。HTMLとCSSをどのように書いていけばよいかは、過去に「CSSの設計」シリーズにまとめました。今回のシリーズは、その2014年度版とでもいうような内容になっています。 というのも、CSSの設計を書いた頃と比較すると、さまざまな設計概念が広く知られるようになったものと思います。今回紹介するBEMやSMACSSが、その代表です。また、CSSのプリプロセッサSassのバージョンアップでは、BEMを意識したような機能なども追
『Riot超入門』
こんにちは。タクスタでフロントエンジニアをしている今井(@imakei_)です。 現在リニューアルしている"宅スタ"、あたらめ"takusuta"でweb開発を行っております。 (リニューアル詳細はこちら) 今回はtakusuta(https://takusuta.com)で用いてるJavaScriptライブラリーRiot(http://riotjs.com/)をテーマに書きたいと思います。 Riotとは A React-like user interface micro-library
メンテナンス表示中に、特定のIPアドレスでサイト確認を行う方法
ごあいさつ どーも、aoyamaです。 前回の記事から、半年近く間が空いてしまいました。 毎日暑いですね。夏ですものね。8月ですものね。 私は、弊社内では、マイナーな立場の受託案件を担当しております。 自社のサービスでないと、限られた環境、選択肢の中で問題解決の 提示をしなくてはいけません。 そういう場合に限って、たいして選択肢もない割に、確実性だけは 求められることが多いです。ほんとに。 ※2014/08/22 記事の内容を修正しました。 302リダイレクトは不適切であるため、503ステータスを返すのが正しい対応となります。 SEOの知識が足りず、誤った情報を掲載したことをお詫びします。 ▼参考 http://web-tan.forum.impressrd.jp/e/2009/06/16/5880 http://seo.septeni.net/seo/1214.html こんな時どうする
Adobeアカデミックストア
Yes, Adobe offers free products like Acrobat Reader, Aero, Fill & Sign, Photoshop Express, and Adobe Scan. You can also use Creative Cloud Express, Fresco, and Lightroom Mobile for free, with the option of making in-app purchases. Adobe makes some of the most widely used software applications in the world, many of which are industry standard. Get started with free apps like Adobe Acrobat Reader, A
ハイパーテキストの停滞 - yanok.net
ウェブは進化している。そう思っている人が、たぶん多いのでしょう。確かに、15年前の素朴なウェブページと今のものとはいろいろ違って見えます。 しかし、ウェブの根本的な考えである「ハイパーテキスト」という機能の面から見ると、ウェブの登場以来、あまりというかほとんど進化していないように思えます。 ハイパーテキストを提唱して有名なのはテッド・ネルソンです。著書『リテラリーマシン』は日本語にも翻訳されています。ウェブの開発にもネルソンのアイディアが影響していると何かで読んだことがあります。しかし、ネルソンが構想していたものに比べると、ウェブで実現されているハイパーテキスト機能は貧弱なものです。 例えば、ウェブで他の文書を引用するときには他のページからコピー・アンド・ペーストするという原始的な方法をとります。一方ネルソンの唱えるハイパーテキストでは、高度なリンク機能を使って、コピーではなくオリジナルの
jQuery.jsを使ってhtmlを外部読み込み
htmlの作成時に各ファイルで共通している部分がありますね。 ・ヘッダとか ・フッタとか ・グローバルナビとか そんな時、どうしてますか？ 1.各ファイルに同じ記述をしてますか？（変更掛かったらめんどくさいですね） 2.SSI（サーバーサイドインクルード）してますか？（できればいいけどちょっぴり敷居が高い？） 3.avascriptでdocument.writeつかってますか？（ソースが長いとめんどくさいですね） ざっくりリストアップすると以上のような方法が考えられます。 僕も上記のどれかをケースバイケースで使ってました。 そこにもうひとつ選択肢を追加します。 jQuery.jsを使って外部のhtmlファイルをまるごとインクルードしちゃいましょう。 方法 1.何はともあれjQuery.jsをダウンロード http://jquery.com/ 2.htmlのheader要素内で読み込む <s
これは便利だ！Excel→Table化するjQueryプラグイン
Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
disabled属性とreadonly属性の相違点 - Qiita
Dummy Coast TOPページの作成 - Qiita
オンラインHTMLエディタ
2016年版 フロントエンド開発フォーマット
