Attention: the list was moved to
https://github.com/dypsilon/frontend-dev-bookmarks
This page is not maintained anymore, please update your bookmarks.
Yakov Khalinsky yakovkhalinsky
dypsilon
/ frontendDevlopmentBookmarks.md
Last active
January 10, 2026 01:41
A badass list of frontend development resources I collected over time.
elado
/ AngularBaseCtrl.coffee
Last active
January 28, 2017 08:43
Angular.js CoffeeScript Controller Base Class
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # dependency - Function.prototype.bind or underscore/lodash | |
| app = angular.module 'someApp' | |
| class @BaseCtrl | |
| @register: (app, name) -> | |
| name ?= @name || @toString().match(/function\s*(.*?)\(/)?[1] | |
| app.controller name, @ | |
| @inject: (args...) -> |
mhart
/ index.coffee
Last active
January 2, 2016 13:49
Simple example using CoffeeScript syntax with React (run with `coffee` command to verify output). Could get some nicer syntax by wrapping some of the `DOM` functions so that the first arg doesn't need to be `null` when there are no attributes - and also so that arrays could be splatted automatically for children if required.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| React = require 'react' | |
| {ul, li, div, h3, button, form, input} = React.DOM | |
| TodoApp = React.createClass | |
| getInitialState: -> | |
| items: @props.items | |
| text: '' |
paulirish
/ what-forces-layout.md
Last active
January 17, 2026 22:42
What forces layout/reflow. The comprehensive list.
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft,elem.offsetTop,elem.offsetWidth,elem.offsetHeight,elem.offsetParent
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ## Forked from https://gist.github.com/dersam/0ec781e8fe552521945671870344147b | |
| ## Also received help from https://twitter.com/gitkraken/status/691675309725368321 | |
| ## Open GitKraken using the current repo directory. | |
| ## This code is for fish shell. The same thing can be done in bash | |
| ## by creating an alias with the command below. | |
| ## `1>/dev/null` directs logs from the terminal | |
| ## `&` allows use of the same terminal instance to do other things |