Hyperion Development
About us HyperionDev is southern Africa’s largest tech education provider. It was founded in 2012 as a small grassroots movement of Computer Science students working towards a single goal: to build and deliver better technical education for anyone who wanted to learn digital literacy and programming skills. Today, that small team has expanded to include two physical campuses, a range of respected
Pixel Perfection with Three.js
I've had the chance to spend a couple weeks messing with WebGL for work. Three.js is an invaluable library if you haven't used it. But one of the most important things I've learned using it, is the equation to set the camera's distance from an object so that the object's dimensions are pixel perfect. There is a similar equation in Flash when working with Away3D or Papervision3D. camera's z = viewp
JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた
JavaScript Plugin ArchitectureというJavaScriptのプラグイン設計についての電子書籍を書きました。 この書籍はJavaScriptのライブラリやツールにおけるプラグインアーキテクチャについて見ていく事を目的としたものです。 以下の形式で読むことができます。 Web版 PDF形式 ePub形式 Mobi形式 GitHub上にソースコードも公開されているでので直接Markdownファイルを読むこともできます。 MarkdownよりはWeb版の方が見やすいのでそちらをオススメします。 Twitterのハッシュタグは#js_plugin_book 更新情報はRSSやリリースノートから見ることができます。 v1.0.0 最初に書くと決めたプラグインアーキテクチャが揃ったので1.0.0としてリリースしました。 JavaScript Promiseの本の時と同じく、継
A Comparison of Animation Technologies | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. The question I am asked most frequently: what animation tool do you recommend? Having worked with a slew of them, I can tell you there is no right answer. It’s a complicated question and complicated answer. This post serves to clarify what to use, and when, to get you working with the right tool fo
iPhone Safariで動画をインライン再生する方法 - Qiita
iPhone SafariのVideoタグの制限 iPhone SafariのVideoタグには大きく2つ制限がある。 ユーザインタラクション（タップ）なしに再生できない 初期再生時必ずフルスクリーン再生になる 特に2がクセモノで、これのせいでモバイルブラウザに動画広告はほぼ無いし、モバイルブラウザゲームには動画演出がない（MotionJPEGみたいにjpegを数百枚数千枚差し替えるとか涙ぐましいことをしている例はある）。 制限は超えられる この制限が超えられないものかと調べてみると、やはり同じようなことを訊いている人が居た。 inline html5 video on iphone - Stack Overflow http://stackoverflow.com/questions/30855662/inline-html5-video-on-iphone で、そのベストアンサーが I
Bricks.js
A blazing fast masonry layout generator for fixed width elementsDocumentation on GitHub Current masonry solutions lack performance, and are bloated with unnecessary features. In addition, they: Are built on dependencies, like jQueryMandate HTML markup, or require a CSS stylesheetPosition elements with transforms, making animation difficult Bricks capitalizes on batched reading of layout properties
Managing the private data of ES6 classes
This blog post explains four approaches for managing private data for ES6 classes: Keeping private data in the environment of a class constructor Marking private properties via a naming convention (e.g. a prefixed underscore) Keeping private data in WeakMaps Using symbols as keys for private properties Approaches #1 and #2 were already common in ES5, for constructors. Approaches #3 and #4 are new
Popmotion: The animator's JavaScript toolbox
The animator’s JavaScript toolbox.PowerfulSupports keyframes, spring and inertia animations on numbers, colors, and complex strings.Low levelSimple, composable functions, portable to any JS environment. The library behind the library, it powers the animations in Framer Motion.StableWritten in TypeScript and enjoys over 95% test coverage.TinyThe animate function is less than 5kb, and every utility
clipboard.js
Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat
Checklist for your new Open Source JavaScript Project
In this post, I’ll synthesize the lessons passed by Kent C. Dodds in his series “How to Write an Open Source JavaScript Library”. Check his course on egghead.io. After watching that (excellent) course, you can use this checklist to quickly refresh your mind and remember each step that you need to do in order to create your next open source project. Checklist Prefer to write a micro-library. Benefi
Jets.js
How does it work? The main idea is not to affect attributes of each tag in the list while filtering. Instead apply dynamic CSS rule in only one <style> tag and browser will decide which item of list to show or hide. Since it's just CSS - Jets.js may be applied to any tag, whether it's a table or UL, OL, DIV… Search term may be set using text field, select or even programmatically. In fact, plugin
The State of Front-End Tooling – 2015
Front-end development Blog and Portfolio for Ashley Watson-Nolan – Senior UI Engineer at Just Eat Update 30/11/2016 If you’re interested in finding out more details about current Front-End Tooling trends, I’ve now published the results from the 2016 Edition of this Survey. Update 12/10/2015 – Thanks to the incredible response to the survey! Since putting the article live last month, responses to t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJSでSpriteSheetアニメーションに個別でフレームレートを設定したいとき - Qiita
Gavin Joyce on Twitter: "Want to speed up `npm install`? Disable the progress bar for a massive speed boost https://t.co/yau4DiwYD2"
フロントエンドにテストを導入 - Qiita
GitHub - yubinbango/yubinbango
GitHub - ellisonleao/sharer.js: :on: Create your own social share buttons. No jquery. Just vanilla JS
grunt内でgulpを使う - Qiita
http://algojs.org/
GitHub - RobertoPrevato/jQuery-KingTable: A jQuery plugin for administrative tables that are able to build themselves, on the basis of the input data.
