zencode.inThis domain may be for sale!
blog/native_javascript_data_binding
Native JavaScript Data-Binding Two-way data-binding is such an important feature - align your JS models with your HTML view at all times, to reduce boilerplate coding and enhance UX. We will observe two ways of doing this using native JavaScript, with no frameworks - one with revolutionary technology (Object.observe), and one with an original concept (overriding get/set). Spoiler alert - the secon
interact.js - JavaScript drag and drop, resizing and multi-touch gestures for modern browsers
JavaScript drag and drop, resizing, and multi-touch gestures for modern browsers (and also IE9+) Free and open sourcePowerful snap and restriction modifiersInertial throwingMultiple simultaneous interactionsUnified API for touch and mouse eventsAuto scrollSupport for HTML and SVG Free and open sourcePowerful snap and restriction modifiersInertial throwingMultiple simultaneous interactionsUnified A
interact.js for drag and drop, resizing and multi-touch gestures – Mozilla Hacks - the Web developer blog
interact.js for drag and drop, resizing and multi-touch gestures interact.js is a JavaScript module for Drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+). Background I started it as part of my GSoC 2012 project for Biographer‘s network visualization tool. The tool was a web app which rendered to an SVG canvas and used jQuery UI for drag
『かんたんパッケージマネージャDuo』
みなさん、こんにちは。Ameba事業本部ゲーム部門の平木(Layzie) と申します。 最近はSteamで安いゲームを漁ってばかりの毎日です。このエンジニアブログでは初めて執筆になります。 さて、今回エンジニアブログで何を書こうか悩んだのですが、悩んだ結果Duoというパッケージマネージャの紹介をしようということになりました。 このDuo、GitHubのStar数は結構多いんですが、(2014/11現在2618Star)あまり紹介されてる記事とかが無いので紹介してみようと思った次第です。 Duoの特徴 昨今、フロントエンドで使えるパッケージマネージャは色々あると思います。厳密に言うとサーバ側のJavaScript実装ですがNode.jsのパッケージマネージャであるnpmにフロントのJavaScriptライブラリを登録して使うというパターンもありますし、新規プロジェクトの雛形を作ってくれるYe
【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
Front-end Tooling Workflows
~ 198 slides on tools to help you stay productive on the front-end.
particles.js - A lightweight JavaScript library for creating particles
particles.js is a lightweight JavaScript library for creating particles.
Drag and Drop Interaction Ideas | Codrops
Some ideas for drag and drop interactions in a UI. The idea is to show a droppable area that stands for certain actions after an element is being dragged. Sometimes we wonder how to pack all those possible actions into a UI. From buttons to drop-downs to menus—there are certainly many possibilities. Another idea is to employ some kind of drag and drop interaction. Today we want to share some explo
vivus.js - svg animation
vivus, bringing your SVGs to life Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. View on GitHub Delayed Every path element is drawn at the same time with a small
How to Speed Up Lo-Dash ×100? Introducing Lazy Evaluation. – Filip Zawada
This post begins a series of articles about algorithms, inspired by my recent “lazy evaluation” contribution to Lo-Dash. Stay tuned for more! I always thought libraries like Lo-Dash can’t really get any faster than they already are. Lo‑Dash almost perfectly mixes various techniques to squeeze out the most from JavaScript. It uses JavaScript fastest statements, adaptive algorithms, it even measures
Creating 3D worlds with HTML and CSS
Last year I created a demo showing how CSS 3D transforms could be used to create 3D environments. The demo was a technical showcase of what could be achieved with CSS at the time but I wanted to see how far I could push things, so over the past few months I’ve been working on a new version with more complex models, realistic lighting, shadows and collision detection. This post documents how I did
始めに | チームラボオンラインスキルアップ
# 始めに このサイトはチームラボ オンラインスキルアップ課題で使用する資料をまとめたサイトです。このサイト自体は誰でも見ることができますが、オンラインスキルアップ課題参加者には社内エンジニアによる課題のレビューなどがあります。 # 受講対象者 授業などである程度プログラミングに触れたことはあるが、Webサイトの作り方は分からないという方です。 # 課題 Vue.js + websocketを使用してリアルタイムチャットシステムを作ります。 # 学習内容 リアルタイムチャットシステムの開発を通じて以下について学びます。 Vue.jsについて ES6について gitの使い方 フロントエンドのローカルでの開発 VSCode lint websocket heroku
JavaScript Promises: A Tutorial with Examples | Toptal®
Promises are a hot topic in JavaScript development circles, and you should definitely get acquainted with them. They are not easy to wrap your head around; it can take a few tutorials, examples, and a decent amount of practice to comprehend them. My aim with this tutorial is to help you understand JavaScript Promises, and nudge you to practice using them more. I will be explaining what promises ar
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - michaelvillar/dynamics.js: Javascript library to create physics-based animations
GitHub - Snugug/eq.js: Lightweight JavaScript powered element queries
GitHub - gajus/swing: A swipeable cards interface. The swipe-left/swipe-right for yes/no input. As seen in apps like Jelly and Tinder.
websitedeconstructions.com
websitedeconstructions.com
Connor Atherton - Full stack developer