[B! JavaScript][html] urza358のブックマーク

urza358 id:urza358

JavaScriptとhtmlに関するurza358のブックマーク (11)

フロントエンドエンジニア御用達の MDN web docs を網羅した
このリストは何？ MDN web docs を、あたかも書籍の目次かのごとく整理しなおしたものです。それぞれ MDN web docs の記事へリンクしています。なぜこれが必要になったかというと、人材市場でフロントエンドエンジニアが少なすぎる現状をどうにかするべく教育体制を整えるところから考え始めたのですが、それならまずは日頃お世話になっている MDN web docs を教材として扱いたいなと思ったからです。慣れてきてもよく参照するし「アレどこだっけなぁ？」を軽減もしやすいかなって。 MDN web docs は内容そのものはかなり充実しているものの、リンクがあらゆる方向に張り巡らせられておりある一定の流れに沿って読むということが少々難しい側面もあります。特に初学者にとっては、迷子になりやすいかもしれません。ですので、初学者でも学習しやすいように MDN web docs 全体の
urza358 2019/09/23
まとめ

javascript

html

css

list
リンク
フロントエンドのパフォーマンスを徹底解説！ブラウザの気持ちで理解するHTML/Javascript/CSSの話 | Raccoon Tech Blog [株式会社ラクーンホールディングス技術戦略部ブログ]
パフォーマンスJavaScript HTML フロントエンド cssdomcssom こんにちは、羽山です。今回はウェブシステムにおけるフロントエンドのパフォーマンスの話です。皆様はウェブのパフォーマンスを気にしていますか？おそらく大抵の方はSQLのチューニングやロジックの改良などをした経験があるのではないでしょうか？しかしプログラムをチューニングしても、期待ほどはページ表示速度が改善しなかったことはありませんか？昨今のウェブサイトは大量のCSS/Javascriptファイルで構成されているページが大半です。例えばHTMLを100～300msほどで生成してブラウザに転送できたとしても、ページ表示が完全に完了するのに4～5秒かかるということも珍しくありません。「なんか遅いけど沢山いろいろ読み込んでるから仕方ないな・・・」と諦めないでください。ブラウザがどのようにHTMLを解釈して、CS
urza358 2019/06/16
javascript

css

html

まとめ
リンク
GitHub - nhn/tui.virtual-keyboard
urza358 2019/03/06
oss

html

JavaScript
リンク
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
urza358 2018/06/27
html

javascript
リンク
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
urza358 2018/06/27
html

tutorial

JavaScript
リンク
[JS]このスクリプト一つで、さまざまな用途に合わせたスライダーが実装できて便利 -Tiny Slider
スライダーとしてのあらゆる機能を備えた単体で動作する軽量のスクリプトを紹介します。シンプルなHTMLでスライダーを実装でき、ベーシックなスライダーからフルカスタマイズされたスライダーまで、簡単に実装できます。 Tiny Slider Tiny Slider -GitHub Tiny Sliderの特徴 Tiny Sliderのデモ Tiny Sliderの使い方 Tiny Sliderの特徴シンプルなHTMLで、高性能なスライダーを実装。他のJavaScript, CSSへの依存は無し。さまざまなスライダーに対応。水平・垂直・自動再生など、カスタマイズも簡単。矢印キー、ドラッグやタッチ操作にも対応。レスポンシブ対応、ブレイクポイントの設定も簡単。 CSS3対応のすべてのモダンブラウザをサポート。古いブラウザにはCSS2のフォールバックでサポート。サポートブラウザ Firefo
urza358 2017/11/08
html

css

JavaScript
リンク
ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ - JavaScript TIPSふぁくとりー
《2018年2月9日 2:30 PM 公開/更新》ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ [イベント] JavaScriptを使って、ウェブページの読み込み完了と同時に何らかの処理をしたい場合など、ページの読込動作とタイミングを合わせて処理を実行したいことがあります。このとき、「ページの読み込み前」・「HTMLの読み込み直後」・「ページの読み込み完了後」など実行タイミングは複数あり、それぞれでJavaScriptの書き方はいくつかあります。それらの記述方法を解説してみます。ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ 3(完了後): ウェブ上のあらゆるオブジェクトの読み込みがすべて完了した後で処理をする方法 (A) HTMLでbody要素に「onload」属性を指定することで、読み込み完了時に処理をする方法 (B) JavaScript
urza358 2017/06/15
JavaScript

html
リンク
クライアント側のフォーム検証 - ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本 CSS の基本 JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
urza358 2017/03/10
html

JavaScript
リンク
PPTX2HTML - PowerPointファイルをHTML化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Googleドライブにあるスライド機能はHTMLでありながらPowerPointレベルのスライドを作成できる便利なサービスです。HTMLであればインターネットとの相性もよく、検索もしやすくなります。今手元にPowerPointのファイルがあるならばPPTX2HTMLを使ってHTML5化してみてはいかがでしょう。 PPTX2HTMLの使い方メイン画面です。PowerPoint（pptx）ファイルをドロップします。変換されました。273msで変換されるのでかなり高速です。画像やヘッダーなど含めて再現性はかなり高いです。 PPTX2HTMLでは画像やリスト、テキスト、テーブルなど数多くのオブジェクトがサポートされています。元々pptxファイルはXMLとリソースをZip圧縮したもの
urza358 2017/02/02
PowerPoint

html

oss

JavaScript
リンク
JavaScript でのローカルファイルの読み込み - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. How to select files, read file metadata and content, and monitor read progress. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, uploading photos
urza358 2016/08/18
html

JavaScript
リンク
Circular Content Carousel with jQuery | Codrops
Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective it em moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the
urza358 2011/08/25
jquery

html

javascript
リンク
1