GitHub - react-boilerplate/react-boilerplate: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices. Free Online Quiz Tool - Easily Create Online Quizzes · Qzzr. Email Delivery Service for Developers and Enterprises - SparkPost. Quickstart - ts - QUICKSTART. Playground · TypeScript. Bitmoji. Es-shims/es5-shim. Es-shims/es6-shim. DOB Job Application Filings. IEX Launches Free Web API. IEX, the Investors Exchange, launched a free, web-based API supplying IEX quoting and trading data for mobile, desktop and trading applications.
As America's newest stock exchange, IEX trades U.S. equity securities, including exchange-traded funds (ETFs). "IEX is simply providing our Members their own information back to them at no charge," said Brad Katsuyama, co-founder and CEO of IEX. "The role of an exchange is simple: Members send orders to exchanges and exchanges match orders into trades. Legacy stock exchanges obstruct transparency and create an uneven playing field by overcharging for market data on orders they did not create. " Accessible via web, IEX API 1.0 provides any individual or academic, public or private institution looking to develop applications that require stock market data to access near real-time quote and trade data for all stocks trading on IEX. A Detailed Introduction To Webpack.
JavaScript module bundling has been around for a while.
RequireJS had its first commits in 2009, then Browserify made its debut, and since then several other bundlers have spawned across the Internet. Among that group, webpack has jumped out as one of the best. If you’re not familiar with it, I hope this article will get you started with this powerful tool. How Bots Will Completely Kill Websites and Mobile Apps. GitHub - AgedLace/chingu-belugas-resource-library: Library of Resources gathered from the Chingu-Belugas-Cohort members. 25 new Android libraries which you definitely want to try at the beginning of 2017. This is a list of 25 best Android libraries released in January and February 2017.
All of these are worth trying out — they are not in ranked order. Let’s get started! LottieThis is a library that parses Adobe After Effects animations exported as JSON with Bodymovin (After Effects plugin for exporting animations to SVG/Canvas/HTML + JavaScript) and renders them natively on mobile.
There is also an example app available in the Google Play Store.The more than 7,500 Github users who starred this library can not be wrong! 2. “The usual Toast, but with steroids.” Paletton - The Color Scheme Designer. Browsersync - Time-saving synchronised browser testing. jQuery timeTo Plugin Demo. WebPack is not the only way – fusebox – Medium. FuseBox is a new generation bundler and module loader, it is the result of our years of experience dealing with complex projects requirements and many of the development tools out there.
First of all, let us establish a very clear fact, this post is not about undermining any of the bundlers out there and most certainly not the hard work of those who shared them with us, on the contrary, we highly appreciate the efforts that have been done, we used them in our work, truly got inspired by them and our goal is to compete to be part of what makes the JavaScript world and developer’s life better. Why? Well, we know that with modern day applications requirements, adding script links to a page does not cut it anymore, there must be a better way to manage the complexity, rapid changes and chain of dependencies of resources, therefore we need to use a bundler/module loader. There are many known and unknown tools in that domain, and like everyone else, hunting season started! Awesome Front-end Resources and CSS Animation Course. This is the editorial from our latest HTML/CSS Channel newsletter, you can subscribe here.
Here are our latest front-end treats: 20+ free front-end learning resources from Louis LazarisA brand new course on CSS animation by Donovan Huchinson Front-end Learning Resources As front-end developers, it’s our job to stay abreast of the techniques and tools that make our final products easy to use, accessible and, why not, beautiful. Louis Lazaris shares with us the 11th installment of his list of free 20+ docs and guides for front-end developers. The list is impressive and includes resources on functional programming, ES6, Progressive Web Apps, accessibility, and more. CSS Reference. HTML APIs: What They Are And How To Design A Good One. Advertisement Today, too many websites are still inaccessible.
In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. JSON-Server as a Fake REST API in Frontend Development. Related Course Get Started with JavaScript for Web Development JavaScript is the language on fire. Build an app for any platform you want including website, server, mobile, and desktop. # Introduction Frontend development is changing day by day and we have to learn a lot more stuff. Here are 250 Ivy League courses you can take online right now for free. Intro to Vue.js: Rendering, Directives, and Events.
By Sarah Drasner On directives, events, JavaScript, vue If I was going to sum up my experiences with Vue in a sentence, I'd probably say something like "it's just so reasonable" or "It gives me the tools I want when I want them, and never gets in my way".
Again and again, when learning Vue, I smiled to myself. It just made sense, elegantly. This is my own introductory take on Vue. Top 10 Trending Javascript & jQuery Plugins in 2017. In this post I would like to share all the trending javascript and jQuery plugins of the year 2017.
I personally used all the below plugins in my web development projects. I hope my readers will enjoy this Flexdatalist A jQuery plugin for creating autocomplete input fields. The library utilizes HTML5’s <datalist>, allowing devs to easily organize all the possible select values and their properties. Migrating to Webpack 2: some tips and gotchas - A geek with a hat. Webpack 2.2 has reached release candidate 4, the last pre-release version.
Time to update! My motivation was "Ugh, I'm tired of these 3min+ local compile times. Creative Link Effects. Front-end Developer Handbook 2017 · GitBook. Written by Cody Lindley sponsored by — Frontend Masters This is a guide that anyone could use to learn about the practice of front-end development.
Top 10 Trending Javascript & jQuery Plugins in 2017. Untitled. How to Use npm Scripts as Your Build Tool - Course by @elijahmanor. Animation-iteration-count - CSS Reference. Feross/standard: :star2: JavaScript Standard Style. Update Loader README's for each loader for v2. Update Loader/Plugin Maintainer Guideline · Issue #3195 · webpack/webpack. Generator-confit/terminal.gif at master · odecee/generator-confit.
JavaScript books by Dr. Axel Rauschmayer. Media Queries. David Bacher Photography Atelier Carla van Rijn Lookout Wireless Festival. Custom Scrollbars in WebKit. Way back in the day, you could customize scrollbars in IE (5.5) with non-standard CSS properties like scrollbar-base-color which you would use on the element that scrolls (like the <body>) and do totally rad things. IE dropped that. These days, customizing scrollbars is back, but it's WebKit this time. It's a bit better now, because the properties are vendor-prefixed (e.g. ES6 Cheatsheet. CSS3: Generated Content. Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8.
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8. Estelle.github.com by estelle. 5 Reasons Why I Left Photoshop for Sketch – Design + Sketch – Medium. I’ve been working in Adobe Photoshop for over 10 years as a designer. At Digital Surgeons, all we’ve ever used is Photoshop for web-based or app projects. Given how fast my workflow had become using Photoshop, I thought there was no way I could move through another program that efficiently. That’s changed. I’ve designed my last three projects (2 websites and an app) primarily with Sketch. Color in UI Design: A (Practical) Framework – Erik D. Kennedy – Medium. Being pretty self-taught as far as UI design goes, I’ve always wondered why so many articles and books talk about color theory and palettes.
In my experience, using a “split complementary palette” is about 0% predictive of me making nice-looking designs. I have another word for that sort of thing: useless. So if color theory doesn’t provide a solid basis for color in UI design, what does? Let me throw an opinion at ya’: color modifications. It’s the tweaking of color that counts, not the picking of them from the color theory hat. A digital agency dedicated to the world of books. Website speed test. Babel/babili: Babel preset and cli for minification (beta) A-Tester: Evaluera's free web accessibility tool.
GitHub - bencallahan/rwd-retrofitting: Example files from my RWD Summit presentation on retrofitting. Sparkbox/Responsive-Retrofitting. YepNopeJS.com - Conditional Loader for eCom Success. Sparkbox/Build-Responsively-Workshop. Responsive Comping: Obtaining Signoff without Mockups. If you’re making websites, chances are you’ve given some thought to what constitutes a responsive-friendly design process—and you’ve probably found that adding a mockup for every breakpoint isn’t a sustainable approach.
Article Continues Below At least, that’s what happened at my company, Bearded, where we had spent years creating websites in Photoshop or Illustrator, having those mockups approved by our clients, then recreating those designs with CSS. Until now. A few months ago, we stopped making static image-based mockups in favor of designing with code. This is not a new idea—heck, Andy Clarke was arguing for in-browser design in 2008. But fear not, gentle reader. Let’s talk process#section1 Before we begin designing, we work with our clients to clearly define and prioritize the information that will go on the site. Hierarchy, hierarchy, hierarchy#section2. Media Queries. Abstract. Media types. 7.1 Introduction to media types One of the most important features of style sheets is that they specify how a document is to be presented on different media: on the screen, on paper, with a speech synthesizer, with a braille device, etc.
Website Translator - Google Translate. Gomix. 2016 JavaScript Rising Stars. This Front-end Frameworks category is maybe the one that is responsible for what was called the JavaScript fatigue in 2016. It seemed that every month a new contender made the buzz, pushing the pace of innovation! To be exact, 2 kinds of projects are mixed in the category: Full frameworks that include all features to create a modern web application (routing, data fetching, state management). Angular 1, Angular 2, Ember or Aurelia fall in this category.Lighter solutions that focus on the UI layer, like React, Vue.JS, Inferno...
We have already mentioned Vue.JS (number 1 overall), let's see the other contenders. React and its contenders. An Introduction to Mobile-First Media Queries. There is no denying the influence of responsive approaches in our design and implementation efforts. What was once new and unknown is now the assumed standard. When I started down the path of understanding the impact of responsive web design, I had an easy time finding out how to do something with media queries, but I had a harder time finding out why I should do it a certain way. Color Contrast Checker. You are here: Home > Resources > Color Contrast Checker <p><strong>This tool requires Javascript.
Typekit/webfontloader: Web Font Loader gives you added control when using linked fonts via @font-face. Webtype Newsletter. Translate API — Requirements for the use of translation results — Yandex Technologies. Translate.js. Understanding Flexbox: Everything you need to know – freeCodeCamp. Doesn’t that look pretty? I’ll get into the inner workings of Flexbox while you learn to build the music app layout. You’ll also get a feel for the role Flexbox plays in responsive web design, too. I’m excited to show you all this. But before you get started building user interfaces, I’m going to walk you through some drills, first.
This may seem boring, but it’s all part of the process of getting you adept at Flexbox. Let’s get started. Hammer.JS - Hammer.js. jQuery UI Touch Punch - Touch Event Support for jQuery UI. Web Animation Infographics: A Map of the Best Animation Libraries for JavaScript and CSS3 plus Performance Tips. Today we have decided to showcase a 'map' of the current state of web animation by compiling highly regarded libraries, frameworks and plugins based on their versatility and performance. Infographic 1: The Map of Web Animation. How to Switch from HTTP to HTTPS for Free - MariahMagazine. First and foremost, let me explain exactly what HTTP & HTTPS is…. (that may help a little, huh?) Mobile Website Speed Testing Tool - Google. Code.tutsplus. AMP Project: Will it Make Your Sites Faster?
A Beginner's Guide to Web Accessibility.
API:Imageinfo. GlyphSearch: Search for icons from Font Awesome, Foundation, Glyphicons, IcoMoon, Ionicons, Material Design, and Octicons. Best practice for presenting languages – Flags are not languages. Tribute.js. Image Blur Texture. Useful Resources, Tools and Services for Web Designers. Handlebars.js Tutorial: Learn Everything About Handlebars.js JavaScript Templating. Ajax Autocomplete List Cities JSON-P API.
Transit - CSS transitions and transformations for jQuery. Layout — Chapter 2 — Magic of CSS — Adam Schwartz. Can I use... Support tables for HTML5, CSS3, etc. Bento - Back End - Build smart applications. NodeSchool. The Color Scheme Designer. List of Videos for AJAX.