background preloader

Web programming

Facebook Twitter

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. Angular applications are made up of components.

Quickstart - ts - QUICKSTART

A component is the combination of an HTML template and a component class that controls a portion of the screen. Here is an example of a component that displays a simple string: Every component begins with an @Component decoratorfunction that takes a metadata object. The metadata object describes how the HTML template and component class work together. The selector property tells Angular to display the component inside a custom <my-app> tag in the index.html. The template property defines a message inside an <h1>header. In the example, change the component class's name property from 'Angular' to 'World' and see what happens. This example is written in TypeScript, a superset of JavaScript. 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.

IEX Launches Free Web API

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.

The IEX API will offer the following data at no cost to users: A Detailed Introduction To Webpack. JavaScript module bundling has been around for a while.

A Detailed Introduction To Webpack

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. What’s A Module Bundler? 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.

25 new Android libraries which you definitely want to try at the beginning of 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.” You can find screenshots and the link to the library below. 3. 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.

WebPack is not the only way – fusebox – Medium

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.

Awesome Front-end Resources and CSS Animation Course

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. HTML APIs: What They Are And How To Design A Good One. Advertisement Today, too many websites are still inaccessible.

HTML APIs: What They Are And How To Design A Good One

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. Get the book now! As JavaScript developers, we often forget that not everyone has the same knowledge as us. You might be wondering, “But all HTML and CSS authors know JavaScript, right?” One in two people who write HTML and CSS is not comfortable with JavaScript. As an example, look at the following code to initialize a jQuery UI autocomplete, taken from its documentation5: 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.

JSON-Server as a Fake REST API in Frontend Development

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. 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".

Intro to Vue.js: Rendering, Directives, and Events

Again and again, when learning Vue, I smiled to myself. It just made sense, elegantly. This is my own introductory take on Vue. It's the article I wish I had when I was first learning Vue. If you'd like a more non-partisan approach, please visit Vue's very well thought out and easy to follow Guide. 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.

Top 10 Trending Javascript & jQuery Plugins in 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. jQuery autocomplete plugin. 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.

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. 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.

Color in UI Design: A (Practical) Framework – Erik D. Kennedy – Medium. 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. 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. An Introduction to Mobile-First Media Queries. There is no denying the influence of responsive approaches in our design and implementation efforts.

Color Contrast Checker. 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. 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.

How to Switch from HTTP to HTTPS for Free - MariahMagazine. Mobile Website Speed Testing Tool - Google. Code.tutsplus. AMP Project: Will it Make Your Sites Faster? A Beginner's Guide to Web Accessibility.

Graphics

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. Programmering. List of Videos for AJAX.