Coderwall | Creating full width (100% ) container inside fixed width
A protip by praveenvijayan about css, layout, and viewport width.
design  css  coding 
3 days ago
StockFighter Programming Game
Stockfighter has a JSON/REST API for players to trade with our simulated stock exchanges. Docs/code samples/in-line API explorer.
games  programming  coding 
5 days ago
Synaptic - The javascript neural network library
The javascript architecture-free neural network library for node.js and the browser
neural-network  coding  javascript 
5 days ago
Redux best practices — Lexical Labs Engineering — Medium
Redux is the React framework that other flux frameworks recommend you use. It went 1.0.0 when I started writing this (and is at the time of publishing past 3.0.0!) and it’s still early days as to how to use it.
Its author, Dan Abramov, has put together some great documentation, but it doesn’t yet fully address how to deal with engineering with Redux at scale — people are starting to ask, “are there any repos of non-trivial apps that use redux”. Well, hopefully this goes somewhere to it.
We’ll talk about:
the full tech stack
what each part of Redux ends up doing
how to lay out a Redux project
how to handle async data with WebSockets.
redux  javascript  coding  react 
13 days ago
jw84/messenger-bot-tutorial: Facebook Messenger bot 15 minute tutorial
Facebook recently opened up their Messenger platform to enable bots to converse with users through Facebook Apps and on Facebook Pages.

You can read the documentation the Messenger team prepared but it's not very clear for beginners and intermediate hackers.

So instead here is how to create your own messenger bot in 15 minutes.
nodejs  coding  bots  facebook  examples  tutorial  javascript 
13 days ago
Atom: local-history
Local History for Atom: Atom package for maintaining local history of files (history of your changes to the code files).
plugins  Atom  IDE  coding  tools  packages 
13 days ago
niftylettuce/rapid-mvp-standards: Rapid MVP Standards for App Development, Design, Project Management, Launch, Testing, Analysis, Growth, and Funding
TLDR; This is a no-BS document defining rapid MVP standards. It is based on my experiences, successes/failures over the past eight years in leading a rapid MVP startup/project/team, hyper-focused on
coding  mvp  github 
16 days ago
Organizing Large React Applications – Kapost Engineering
As you may have picked up from previous posts, we have embraced React here at Kapost. Our development teams have grown the React codebase quite a bit over that past six months. React, of course, does not dictate any folder structure but we have felt an increasing need to organize new and existing apps as we grow and share more code.

Why does application organization matter when we have editors with project search and IDE “go to definition” commands? From a human perspective, it’s easy to get lost in hundreds of files. Clear and effective organization helps us focus on just one aspect of the complex system. It can be easier to onboard new developers who can learn parts of the app in isolation. From a machine perspective, it’s simpler to manage dependencies and to optimize code with build tools like webpack. In short, it provides the usual benefits of good abstraction—comprehensibility and composability.
react  architecture  javascript 
16 days ago
Atom package: git-history
Git History Package for Atom
View previous versions of any file known to git. By default, the plugin will now show a diff with the selected version. This can be disabled in the settings.
git  utilities  plugins  atom  coding  tools 
16 days ago
Minecraft: more than just a game
Clive Thompson's article for the NY Times about Minecraft captures what many players, parents, and teachers find exciting about the game that seems like more than just a game.

Presto: Jordan had used the cow's weird behavior to create, in effect, a random-number generator inside Minecraft. It was an ingenious bit of problem-solving, something most computer engineers I know would regard as a great hack -- a way of coaxing a computer system to do something new and clever.
kids  games  technology  minecraft 
17 days ago
Flux For Stupid People
As a stupid person, this is what I wish someone had told me when I struggled learning Flux. It's not straightforward, not well documented, and has many moving parts.
flux  Development  javascript  programming  react  reactjs 
17 days ago
Bug 153852 – <body> with overflow:hidden CSS is scrollable on iOS
Testcase demonstrating the problem

Applying `overflow: hidden` to the `<body>` should make it non-scrollable.
This works correctly on OS X Safari, but doesn't work correctly on iOS Safari.

Original Bootstrap issue:
Lost to the sands of time, but https://github.com/twbs/bootstrap/issues/14839 is relevant & popular.
See also http://getbootstrap.com/getting-started/#overflow-and-scrolling

Steps to reproduce:
1. Open the attached testcase in iOS Safari.
2. Tap the "Launch demo modal" button.
3. A yellow box with text appears.
4. Scroll the yellow box to its bottom, where there are "Close" and "Save changes" buttons, and lift your finger off the screen to ensure that the scroll gesture ends.
5. Attempt to scroll the yellow box further downward (which is to say, apply a "fling upward" gesture to the yellow box).

Actual result:
The <body> underneath the yellow box scrolls downward.

Expected result:
The <body> should not scroll (just like on OS X Safari).
Comment 1
bug  css  scrolling  iOS  safari 
17 days ago
Webpack 2 Tree Shaking Configuration
Tree Shaking, a modern dead code elimination algorithm for ECMAScript 2015+ is one of the most anticipated features in the upcoming Webpack 2. By eliminating unused ES6 exports, Webpack can further help the minification process to get your bundle much smaller than ever before.
webdev  coding  webpack  ES2015  babel  tools  react 
19 days ago
Simple React/Redux Testing
Testing React components is made really easy with Reacts Test Utilities. There are many article on how to test your web application but not so many on what to test or how to structure of those tests.
This article will focus on how I test my Flux Architected React web applications (built with Redux). I don’t profess to document the prescribed way of testing, just what works for me.
testing  javascript  react  coding  redux 
23 days ago
React Js - how to keep bundle.min.js small? - Stack Overflow
I was able to achieve pretty good results with Webpack. I wrote about this in Optimizing Webpack Prod Build for React + ES6 Apps Here's my Webpack config: var webpack = require('webpack'); var path =
29 days ago
Rules For Structuring (Redux) Applications — Jack Hsu
As our applications grow, we often find that file structure and organization to be crucial for the mainability of application code. What I want to do in this post is to present three organizational
javascript  redux  coding  tips 
4 weeks ago
The viability of JS frameworks on mobile
Whether I like it or not, not everyone using my web apps will be running iOS 9 on an iPhone 6S or a Nexus 6P and connecting via super-speedy wifi.

The reality is often anything but that. 3G connections and older hardware is often the norm. Google reports that there are 1.4 billion active Android users. Many of them, will no doubt, be running less-than-top-of-the-line hardware.

And, if you read stuff like Jeff Atwood’s recent post on Android performance you may feel that things are pretty bleak for the mobile web.
javascript  mobile  coding 
4 weeks ago
How to detect emoji using javascript - Stack Overflow
I need help on how to detect if the input contains japanese emoji/emoticon. Currently I'm build a system which charset=utf-8. On input text, user can input japanese character/alpanumerics/symbols but
5 weeks ago
List.js - Search, sort, filters, flexibility to tables, list and more!
List.js: native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable - http://t.co/nOoE1RJg
5 weeks ago
Functional Components vs. Stateless Functional Components vs. Stateless Components
Earlier today I read Dan Abramov’s “React Components, Elements, and Instances” article. As always I loved the article but even more than that, this time, I loved Dan’s focus on using proper vocabulary to describe technical topics. That post gave me the idea for this post. Three ways to describe React components which are often used incorrectly – Stateless Components, Stateless Functional Components, and Functional Components.

Let’s look at the differences between the three.
components  coding  reactjs  react 
5 weeks ago
Daplie/node-letsencrypt: letsencrypt for node.js
letsencrypt Automatic Let's Encrypt HTTPS Certificates for node.js Automatic HTTPS with ExpressJS Automatic live renewal (in-process) On-the-fly HTTPS certificates for Dynamic DNS (in-process, no
6 weeks ago
Over JSX
Like many a developer both before and after me, the first time I saw JSX left me with a curious impression of React.Why is there html in my JavaScript? This is a terrible idea. I feel
webdev  programming  development  jsx  js  reactjs  coding  javascript 
6 weeks ago
JavaScript Debugging Tips from the Trenches
JavaScript. The combination of dynamic typing, liberal use of state mutation, closures, and asynchronousity can lead to bugs that are frightening to try and fix. I'm by no means a debugging Jedi, but
javascript  debugging  coding 
6 weeks ago
The $8 key that can open New York City to terrorists | New York Post
Master keys for every elevator in the city, major construction sites, subways and skyscrapers are being freely sold online, despite a city law that makes it illegal for unauthorized persons to
security  nyc  keys 
7 weeks ago
A Great JavaScript Side Project is your Most Important Asset
Dan Abramov completely changed his life with just 99 lines of code when he created Redux. Ryan Dahl changed programming history by introducing the world to NodeJS. The two stories have a few general
javascript  projects  coding 
7 weeks ago
Generation Lamp
Generation Lamp Zach Gage, 2016-2048, 16,777,216 Colors, About 32 years, Custom Software, Recycled Hardware Generation Lamp is a degenerative lamp that lives for a generation (in this case, nearly 32
technology  art 
8 weeks ago
typicode/hotel: local .dev domains for everyone and more!
Hotel is a simple process manager created for web developpers. Tell hotel how to start your server Go to localhost:2000 Congrats Works on OS X, Linux and Windows with any server. Why?
npm  webdev  coding  tools  node  utilities 
8 weeks ago
Unfundable Slack bots — Free Code Camp — Medium
I initially started with 91G of all nine seasons of Seinfeld in surprisingly high quality 720p. I ultimately ended up with 111G worth of animated GIFs which tells you everything you need to know
bots  slack 
8 weeks ago
New Study Confirms San Francisco Is The Awesomest City In The US: SFist
Photo by Ezra Shaw via Getty Images. In what will come as a surprise to no one, we learn today of a new report that ranks San Francisco as having the highest quality of life of any U.S. city. To
SF  cities  sanfrancisco 
8 weeks ago
React.js Fundamentals: The best place to become familiar with React.js and the React.js Ecosystem | ReactJS Program
Course Description The modularity of the React ecosystem is extremely powerful for building applications. However, this can be a nightmare when you're first starting out. To even get a React app up
coding  react 
8 weeks ago
Products - Fly6 and Fly12 | Cycliq Video Camera and LED lights for biking
YOUR EYES
BEHIND

30 Lumen LED light
720p recording with audio
6 hours runtime
Out of the box seat post mounting
bike  bicycling  gear  tools  safety  lights 
9 weeks ago
Sane GitHub Labels — Medium
TLDR; the default GitHub labels kinda suck; use a sane labelling scheme instead; and use git-labelmaker to simplify GitHub label editing.
github  tips  coding  development 
9 weeks ago
Building a RESTful API with Node and Express - SlatePeak
This tutorial is part of a series. Part 1: How to Start a Node/Express Server Part 2: How to Authenticate an API with Passport and JWT If you have followed along with the first two parts of this
coding  js  tutorial  nodejs  programming  javascript 
9 weeks ago
12 Steps to a Faster Web App
Web apps are now more interactive than ever. Getting that last drop of performance can do a great deal to improve your end-users' experience. Read the following tips and learn if there is anything
framework  programming  development  coding  webdev  javascript  reactjs  css 
9 weeks ago
JavaScript Promises: There and back again - HTML5 Rocks
Ladies and gentlemen, prepare yourself for a pivotal moment in the history of web development
promises  javascript 
9 weeks ago
Fundamental Node.js Design Patterns | RisingStack
We've just released Trace: a visualised stack trace platform designed for Node.js microservices. Get your beta access now! When talking about design patterns you may think of singletons, observers or
javascript  nodejs  coding 
9 weeks ago
nativefier - www.npmjs.com
You want to make a native wrapper for Google Maps (or any web page). $
nodejs  apps  npm 
10 weeks ago
DwellClick — Clickless mouse software for Mac
Requirements Requires a Mac with OS X 10.6, 10.7, 10.8, 10.9 or 10.10. Works with any standard mouse or trackpad, including multi-touch trackpads, Magic Trackpad and Magic Mouse. Also supports
osx  apps  utilities  tools 
11 weeks ago
I Learned How to be Productive in React in a Week and You Can, Too | CSS-Tricks
This article is not intended for seasoned React pros, but rather, those of us who make websites for a living and are curious how React can help us reason about updating user interfaces. I
reactjs  coding  react  javascript 
11 weeks ago
The react tutorial for riot · Jurian Sluiman
January 2015 This tutorial is a copy of the features from the react tutorial about building a comment section, but then for riot. Starting with react, it felt utterly complicated for small use cases
react  javascript  riotjs 
12 weeks ago
How to Center in CSS
WatCentering in CSS is a pain in the ass. There seems to be a gazillion ways to do it, depending on a variety of factors. This consolidates them and gives you the code you need for each
coding  css  generator  styles 
12 weeks ago
How To Set Up a Node.js Application for Production on Ubuntu 14.04 | DigitalOcean
Introduction Node.js is an open source Javascript runtime environment for easily building server-side and networking applications. The platform runs on Linux, OS X, FreeBSD, and Windows, and its
node  ubuntu 
12 weeks ago
Secure Password Hashing in Node with Argon2 - Stormpath User Identity API
Storing passwords securely is an ever-changing game. For the past few years (2013
security  nodejs  node  passwords 
12 weeks ago
Easy Node Authentication | Scotch
Tutorials Courses Bar Talk Angular Node Laravel MEAN CSS Bootstra
12 weeks ago
How to Configure Nginx
Nginx is a lightweight, high performance web server designed to deliver large amounts of static content quickly with efficient use of system resources. Nginx’s strong point is its ability to efficiently serve static content, like plain HTML and media files. Some consider it a less than ideal server for dynamic content.

Unlike Apache, which uses a threaded or process-oriented approach to handle requests, Nginx uses an asynchronous event-driven model which provides more predictable performance under load. Rather than using the embedded interpreter approach, Nginx hands off dynamic content to CGI, FastCGI, or even other web severs like Apache, which is then passed back to Nginx for delivery to the client.

This leads to a more complex setup for certain deployments. For these and other reasons, the configuration of Nginx can feel complicated and unintuitive at first. This document should familiarize you with basic Nginx parameters and conventions. We’ll be going through Nginx’s primary configuration file.
coding  sites  webdev  nginx 
february 2016
OS X Window Manager Apps
There is no shortage of apps to help you arrange windows. I find them tremendously useful. Most Windows (the operating system) users I know quite like the built-in abilities it has to position
osx  apps  utilities  productivity 
january 2016
The Food Lab: Building a Better Egg McMuffin | Serious Eats
Our homemade Egg McMuffin improves upon the original in every way. [Photographs: J. Kenji L
breakfast  food  recipe  sandwich 
january 2016
Scrum is the new waterfall – Adam Bourg
Scrum while great in theory is in practice a really flawed process of creating software. Scrum is iterative waterfall. Scrum is process hell. Saying this, may get me shunned and kicked out of the
meetings  scrum  agile  development 
january 2016
Aleksandar Goševski | Simple JavaScript Interview Exercises
When you are interviewing someone you can learn more about them by reviewing how they did some exercises then just talking with them about specific technology. Anyone can learn theory from the blog posts, but many people never understood it. So to be sure that candidate really knows about topic (s)he is talking about, it's a good thing to test their knowledge with exercises. Exercises shouldn't take too long and they can immidiatelly show you proficiency level of candidate.
javascript  coding  interview  interviews 
january 2016
★ Why Apple Assembles in China
Arik Hesseldahl, writing for Recode on Donald Trump
manufactoring  apple  china 
january 2016
Refactoring React Components to ES6 Classes - New Media Campaigns
Here at NMC, we're big fans of the React library for building user interfaces in JavaScript. We've also been experimenting with the next version of JavaScript, ES6, and were excited to see the latest
react  javascript  ES6  coding 
january 2016
How to Use a Multimeter Video Tutorial | Make:
Martin Lorton is a solar power and electronics enthusiast. On his YouTube channel he has a number of really excellent video tutorials covering many aspects of electronics and electronics measurement.
multimeter  tutorial  tools  voltage  electronics 
january 2016
Getting Started with Redux - Course by @dan_abramov @eggheadio
Managing state in an application is critical, and is often done haphazardly. Redux provides a state container for JavaScript applications that will help your applications behave consistently.

Redux is an evolution of the ideas presented by Facebook's Flux, avoiding the complexity found in Flux by looking to how applications are built with the Elm language.

Redux is useful for React applications, but React is not a requirement!

In this series, we will learn the basics of Redux, so that you can start using it to simplify your applications.

It's highly recommended that you have a quick read of the Redux documentation alongside or before you watch the series.
javascript  video  reactjs  react  redux 
january 2016
react-router/Introduction.md at master · rackt/react-router
import React from 'react'
import { render } from 'react-dom'

// First we import some modules...
import { Router, Route, IndexRoute, Link, hashHistory } from 'react-router'

// Then we delete a bunch of code from App and
// add some <Link> elements...
const App = React.createClass({
render() {
return (
<div>
<h1>App</h1>
{/* change the <a>s to <Link>s */}
<ul>
<li><Link to="/about">About</Link></li>
<li><Link to="/inbox">Inbox</Link></li>
</ul>

{/*
next we replace `<Child>` with `this.props.children`
the router will figure out the children for us
*/}
{this.props.children}
</div>
)
}
})

// Finally, we render a <Router> with some <Route>s.
// It does all the fancy routing stuff for us.
render((
<Router history={hashHistory}>
<Route path="/" component={App}>
<IndexRoute component={Home} />
<Route path="about" component={About} />
<Route path="inbox" component={Inbox} />
</Route>
</Router>
), document.body)
reactjs  react  coding 
january 2016
A Redux in Price – habd.as
Looking back on learning to code originally, it started when I played script kiddie back in the mid-90
coding  javascript 
january 2016
Learn JavaScript: — JavaScript Scene — Medium
There are so many JavaScript resources available out there, it
coding  javascript 
january 2016
« earlier      
advice aircraft airplanes alcohol alexis-madrigal algorithms america analytics android angularjs animals animation api app apple applications apps art astronomy audio awesome baseball beer beverages bicycling blog blogs books business california camera career cellphones charts cities climate clothing code coding coffee comments community communitymanagement computer computers cool crazy css css3 culture data database design development discussion diy dodgers dogs drinks earth earthquakes economics economy editor email engagement exercise facebook feedly fitness food football for framework free fun funny gadgets games gaming generator geology giants gifs github google google-reader government graphics hacks hardware health history home home-improvement housing howto html html5 humor ifttt images infographics interesting internet interview ios ipad iphone japan javascript journalism jquery js language later learning library life lifehacker linux lists longreads losangeles mac mapping maps marketing mars media military mobile moon movies music nasa nature neat neighborhoods news node.js nodejs nsa nyc oakland oceans opensource osx outdoors pets photo photography photos photoshop php plugin plugins pocket politics privacy productivity programming projects react reactjs read reader reading recently recipes reference research sanfrancisco satellites saved saved-links science search security shopping soccer social social-media socialmedia socialnetwork software space space-shuttle spacex sports starred-item startup statistics streaming tech technology television testing timelapse tips to-blog to-buy tools transit transportation travel tutorial tutorials twitter ui utilities video videos visualization water weather web webdesign webdev weird windows wishlist wordpress work writing youtube

Copy this bookmark:



description:


tags: