howler.js - Modern Web Audio Javascript Library - GoldFire Studios
Browsers have come a long way over the years, and we are now able to achieve amazing results using all of the great new technologies often referred to as HTML5. However, generally speaking, audio still sucks. Thankfully, Google decided to create Web Audio API and make all our lives easier. The problem is that only the latest browsers support this new-fangled browser audio, so what are we to do? We
Syntax Highlighter 系プラグインの比較と高速化 | ゆっくりと…
このサイトではHTMLやCSS、PHPなどのコードを紹介するため Syntax Highlighter をよく使います。この時気になるのがページの読み込み開始から表示の終了までにかかる時間ではないでしょうか？ 勿論環境やプラグインの種類にもよりますが、コード部分に <pre> タグが適用された状態で一旦表示され、その後きれいに再描画されるのを目撃したことがあるでしょう。このような振る舞いは見た目にもあまり好ましくなく、サイトレスポンスの遅さを目立たせます。 そこで今回は WordPress.org に多数登録されている Syntax Highlighter 系プラグイン を、デザインや機能に加え、ページ要求から表示までのレスポンスという観点で比較・整理をしてみたいと思います。 そして最後に、ブラウザでのレンダリング速度を改善する提案をしてみたいと思います。 機能とスタイルによる分類 Syn
Rainbow - Javascript Code Syntax Highlighting
Download Select what languages you want to include to build a custom package. Languages select all C C# Coffeescript CSS D Generic patterns Go Haskell HTML Java JavaScript JSON Lua PHP Python R Ruby Scheme Shell Smalltalk SQL CSS themes are available on GitHub. Download What is this? Rainbow is a code syntax highlighting library written in Javascript. It was designed to be lightweight (2.5kb), eas
highlight.js
192 languages and 496 themesAutomatic language detectionWorks with any HTML markupZero dependenciesCompatible with any JS frameworkSupports Node.js and DenoCurrent release: 11.9.0 #!/bin/bash ###### CONFIG ACCEPTED_HOSTS="/root/.hag_accepted.conf" BE_VERBOSE=false if [ "$UID" -ne 0 ] then echo "Superuser rights required" exit 2 fi genApacheConf(){ echo -e "# Host ${HOME_DIR}$1/$2 :" } echo '"quote
HTML5 Please Supported Browsers API
HTML5 Please API Identify Supported Browsers with Feature Detection If you've created a demo or site that requires Canvas or WebSQL DB, you've been in the awkward situation of telling some of your visitors that their browser isn't good enough. But you can't just recommend they get a browser with those features; for example, "Get a WebRTC capable browser" is pretty much useless to everyone. The HTM
GitHub - Schepp/box-sizing-polyfill: A CSS box-sizing: border-box polyfill for IE 6/7
Preface and Credits This box-sizing polyfill is based on previous work done by Erik Arvidsson, which he published in 2002 on WebFX. Since there were some edge/heavy usage cases where it broke I started pushing it further. And since the original was not aware of IE8 I also added feature-detection for box-sizing, to do nothing when detected positive. During that I also borrowed dimension measuring t
CodeMirror
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
「jQueryは大きすぎる」との声に対応、jQueryをモジュラー化、小型化するプロジェクト「jquip」 | OSDN Magazine
jQueryをより小さく、軽量に、モジュラー化することを目指し、「jquip」というプロジェクトが立ち上がった。コア部分である「xjquip.js」ファイルのサイズはミニファイ・圧縮後で4.28KBと小さく、これはjQueryの13％というコンパクトさだという。サイズは小さいもののjQueryの持つ機能の90％を実装、さらにプラグインを追加することでそれ以外の機能も利用できる。 jquipは「jQuery in parts」の略で、「必要なものだけを取り入れる」というコンセプトを持つ。米国在住の開発者、Demis Bellot氏とJey Balachandran氏が始めたプロジェクトとなる。肥大化するjQueryに対し、コードベースの再構成やよりいっそうのモジュラー化のためのフィードバックを送ることを目的にしているとのこと。ライセンスはMIT License。 jquipは$()セレクタや
min/maxワイド等利用可能になるライブラリminmax.js
CSS minimum and maximum sizes The CSS2 standard specifies four properties that can be very useful when working with CSS layouts: min-width, max-width, min-height and max-height, These can be used in conjunction with the well-known width and height properties to get effects which can be especially helpful in designing layouts that are a mix of fixed-size and window-size-relative units. For example,
modernizr.js を解読してみる
think49 @think49 @think49 Audio要素のMediaType判定は HTMLMediaElement.canPlayType で判定。( http://goo.gl/EGAi ) 2010-10-22 17:26:03 think49 @think49 @think49 以前、コードを書いたときには Interface HTMLAudioElement だけ読んでいて気が付かなかった…。 Modernizr.js はそれほど長いコードではないので、CSSプロパティ,HTML5判定を自前実装する目安として参考になりそう。 2010-10-22 17:28:12 think49 @think49 @think49 geolocation の判定は !!navigator.geolocation / postMessage の判定は !!window.postMessa
HTML5 Video Player Comparison
* See What Sucks O hai.We’ll help you choosing the best HTML5 based video player for your next project. Last update: 2017-08-10 Feedback on Twitter.Let’s use the simple and easy-to-remember hashtag #videosws for feedback and news. See you there! Information.Made by Philip Bräunlich and Gerrit van Aaken. New players and updates? Demo video by Visuelle Zeiten. Still missing some players:Accessible H
Buzz
Buzz is a small Javascript library that helps you to easily include and manage sounds in your websites using the HTML5 audio tag. It degrades silently on non-modern browsers. Buzz is written by Jay Salvat and licensed under the MIT License. Download Buzz! #version Fork it on Github InstallationDownload the ZIP file above and include it manually or include the CDN hosted version. https://cdnjs.com/
Experienced Mommy Parenting, Baby Information & Product Recommendations
Skip to contentSearchSearchTrendingWhat To Do If You Cannot Find Baby Formula Baby Genetics Calculator: Predict What Your Baby Will Look Like 11 of the Best Co-Sleepers and Bedside Bassinets of 2023 Best Stroller for 3, 4 and 5 Year Olds: Strollers with Large Weight Limits Best Stroller Wagons Summer IdeasHow to Camp with a Baby What Age Can a Child Play Outside Unsupervised? The Best Mom Swimsuit
node.js
V8 JavaScript を用いたイベント駆動I/Oの実現 全てのリクエストに対して"Hello World"と返答するNodeで書かれたWEBサーバの例です。 var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World\n'); }).listen(8124, "127.0.0.1"); console.log('Server running at http://127.0.0.1:8124/'); このサーバを走らせるには、コードを example.jsというファイル名で保存し、下記のように nodeコマンドを実行してください。 % node example.js
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Design Tips To Help You Succeed - Web Design
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting
Playstation mk2
GitHub - padolsey-archive/prettyprint.js: An in-browser JavaScript variable dumper, similar in functionality to ColdFusion's cfdump tag.
GitHub - mozilla/popcorn-js: The HTML5 Media Framework. (Unmaintained. See https://github.com/menismu/popcorn-js for activity)
Javascript loaders
