让天下没有难学的编程 |

全部资讯


Game of Thrones Snapchat Filter

If you follow me on Twitter, you know I’m a massive Game of Thrones fan.   I may not know every name but my mind has a mental map of every angle and epic battle. Not since Sopranos has there been a television show that’s more than a new episode, it’s a major event. What […] The post Game of Thrones Snapchat Filter appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-08-25 23:34:05

Form Validation with Web Audio

I've been thinking about sound on websites for a while now. When we talk about using sound on websites, most of us grimace and think of the old days, when blaring background music played when the website loaded. Today this isn't and needn't be a thing. We can get clever with sound. We have the Web Audio API now and it gives us a great deal of control over how we design sound to be used within our web applications.… Form Validation with Web Audio is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Ruth John
时间/2017-08-25 21:27:20

So you need a CSS utility library?

Let's define a CSS utility library as a stylesheet with many classes available to do small little one-off things. Like classes to adjust margin or padding. Classes to set colors. Classes to set specific layout properties. Classes for sizing. Utility libraries may approach these things in different ways, but seem to share that idea. Which, in essence, brings styling to the HTML level rather than the CSS level. The stylesheet becomes a dev dependency that you don't really touch. Using… So you need a CSS utility library? is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-08-25 07:04:23

#349: React in a single post, Node forked, and using JS in key-value stores

This week's JavaScript news — Read this e-mail on the Web JavaScript Weekly Issue 349 — August 25, 2017 August is always a quiet time in the programming world as people are enjoying vacations or the weather rather than creating articles or new projects :-) Bear with us, things always pick up in September. Till then, to suggest items for future issues you can tweet us @JavaScriptDaily or hit reply to this email.Your editor,Peter Cooper All The Fundamental React Concepts, Jammed Into A Single Post A practical introduction to the fundamentals of React for those who are already familiar with JavaScript and know the basics of the DOM API. Samer Buna Using JS for Extending Low-Latency In-Memory Key-Value Stores A look at JavaScript’s potential in a high performance database setting, based around this academic paper (PDF). Adrian Colyer Node Forked Over Complaints of Unresponsive Leadership The fork is called Ayo. It stems from a controversial vote to remove a member (Rod Vagg) from Node’s TSC, and Rod has also responded in turn. The New Stack [Whitepaper] The Future of JavaScript—2017 and Beyond 2017 predictions for the key and rising JavaScript libraries and frameworks and JS’s New Frontiers in this whitepaper. Progress   Sponsor Understanding Scope in JavaScript Scope tells the compiler where to look for variables & functions when it needs them - Wissam Abirached explains the different ways this works in JavaScript. Telerik Developer Network 10 Languages That Compile to JavaScript Thanks to transpilers, front-end apps are no longer limited to JavaScript. James Kolce summarizes 10 other languages that compile to JS. SitePoint How to Create A Neural Network in JS in Only 30 Lines More interesting than it sounds as it explains the absolute basics and also has a code-driven screencast alongside it. Per Harald Borgen Facebook Explains React's License Facebook reacts to Apache’s recent critique of React’s ‘BSD + Parents’ license by explaining how it helps them contribute to open source. Facebook Code Jobs Front End Engineer at EDITED (London)Join us to impact how the world's biggest retailers operate by making a web app with great UX and DX using React, Redux and Glamor EDITED Front-end Developers at Devhouse Spindle (Groningen, The Netherlands)Ride your bike to work. Develop awesome projects. We are a holacracy and push each other to develop ourselves as well as our code. Devhouse Spindle Full-stack JavaScript Developer at X-Team (Remote)We are 100% remote. We'll work with you 1-on-1 to motivate and fund you to learn, grow and build a legacy. Join X-Team. X-Team Can't find the right job? Want companies to apply to you? Try Hired.com. In Brief Polymer 3.0 Preview: Moving to npm and ES6 Modules newsPolymer Project Vue.js + Brunch: The Webpack Alternative You've Been Hungry For tutorialAnthony Gore The Observer Pattern in JavaScript Explained tutorialPawel Grzybek Typing 'import' Statements More Quickly tutorial Includes a snippet for VS Code.Dr. Axel Rauschmayer A Crash Course in Just-In-Time (JIT) Compilers tutorial From earlier this year but definitely worth it.Mozilla Hacks Building a realtime feed with Node.js and AMP tutorial Discover how you can create a realtime React VR app, using websockets to support multi-user interactions in a WebVR experience.Pusher  Sponsor Taking Advantage of the Angular Material Datepicker tutorialAngular Blog 10 JavaScript Concepts You Need to Know for Interviews tutorialArnav Aggarwal An In-Depth 45 Minute Look at Async/Await videoYouTube The Power of Elm in JavaScript opinionFranzé Jr Are content changes wasting your time? Add CMS anywhere on your site tools Empower non-technical users to change content themselves, avoiding back-and-forth edits.Component IO  Sponsor vx: Reusable D3 Visualization React Components tools Brings together d3’s math skills with React’s DOM-updating skills. Demos here.Harrison Shoff fuzzysort: Fast SublimeText-like Fuzzy Search for JavaScript codeStephen Kamenar GraphicsJS: An Elegant Browser Graphics Library codeAnyChart Text Mask: Text Input Masking, with Wrappers for Frameworks code Supports phone numbers, dates, emails and more.Text Mask seamless-immutable: Immutable Data Structures Compatible with Normal Objects codeRichard Feldman The Side Effects of Stubbing 'console' in Tests  Gyandeep Singh Build an app using MongoDB and Node.js toolsMONGODB  Sponsor P.S. A big shoutout to a new subscriber who mentioned us on Instagram earlier today. Curated by Peter Cooper and published by Cooperpress. Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status Stop getting JavaScript Weekly : Change email address : Read this issue on the Web © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK 收起
显示全部文字 查看全文
作者/
时间/2017-08-25 00:00:00

Converting from Speech to Text with JavaScript

We take a look at a cool browser API that allows us to convert from speech to text and vice versa.
查看全文
作者/Danny Markov
时间/2017-08-24 22:07:49

Cross Browser Testing with CrossBrowserTesting

(This is a sponsored post.) Say you do your development work on a Mac, but you'd like to test out some designs in Microsoft Edge, which doesn't have macOS version. Or vice versa! You work on a PC and you need to test on Safari, which no longer makes a Windows version. It's a classic problem, and one I've been dealing with for a decade. I remember buying a copy of Windows Vista, buying software to manage virtual machines, … Cross Browser Testing with CrossBrowserTesting is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-08-24 20:56:00

Removing Friction In UX: Last-Minute Travel Planning And Activity Booking (A Case Study)

    Most travellers make last-minute decisions, even though they spend significant time researching things to do before embarking on their trip. Finding a hotel and flight is relatively easy, but when it comes to tours and activities, the problem is that late or last-minute bookings are not always available. And if they are available, the process of making a purchase online is often hard. The mobile experience can also be limited because many websites are slow or their booking process is long and complex.The post Removing Friction In UX: Last-Minute Travel Planning And Activity Booking (A Case Study) appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Einar Þór Gústafsson
时间/2017-08-24 20:36:24

Removing Friction In UX: Last-Minute Travel Planning And Activity Booking

    Most travellers make last-minute decisions, even though they spend significant time researching things to do before embarking on their trip. Finding a hotel and flight is relatively easy, but when it comes to tours and activities, the problem is that late or last-minute bookings are not always available. And if they are available, the process of making a purchase online is often hard. The mobile experience can also be limited because many websites are slow or their booking process is long and complex.The post Removing Friction In UX: Last-Minute Travel Planning And Activity Booking appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Einar Þór Gústafsson
时间/2017-08-24 20:36:24

Match Special Letters with PHP Regular Expressions

Regular expressions come with all sorts of peculiarities, one of which I recently ran into when creating a regex within PHP and preg_match.  I was trying to parse strings with the format “Real Name (:username)” when I ran into a problem I would see a lot at Mozilla:  my regular expression wasn’t properly catching “special” […] The post Match Special Letters with PHP Regular Expressions appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-08-24 04:33:45

Quantum CSS

"Quantum CSS" is the new name for "Stylo", which is the new CSS rendering engine, a part of "Project Quantum" which is the project name to rewrite all of Firefox's internals, which will be called "Servo". I think there was a company memo to use the "replace a jet engine while the jet is flying" metaphor, but it's apt. It's fascinating, but ultimately the win is for users of Firefox. Lin Clark: It takes advantage of modern hardware, parallelizing the … Quantum CSS is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-08-23 20:59:44

Implementing Push Notifications: The Back End

In the first part of this series we set up the front end with a Service Worker, a `manifest.json` file, and initialized Firebase. Now we need to create our database and watcher functions. Article Series: Setting Up & Firebase The Back End Article Series: Setting Up & Firebase The Back End (Coming soon!) Creating a Database Log into Firebase and click on Database in the navigation. Under Data you can manually add database references and see changes happen in real-time.… Implementing Push Notifications: The Back End is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Pascal Klau
时间/2017-08-23 20:36:44

Understanding Scope in JavaScript

Scope is an important, yet ambiguous concept in JavaScript. Used correctly, it allows you to leverage good design patterns and helps you avoid bad side effects. In this article, we will dissect the different types of scope in JavaScript and how they work deep down in order to write better code. The simple definition of […] The post Understanding Scope in JavaScript appeared first on Telerik Developer Network.收起
显示全部文字 查看全文
作者/Wissam Abirached
时间/2017-08-23 20:01:22

An Introduction To Gravit Designer: Designing A Weather App (Part 1)

    Being a designer at the moment is great because a wealth of modern design applications are available that let you easily bring your ideas to the screen: Sketch, Affinity Designer, Adobe XD (beta) and Figma, to name just a few (not to mention the classics, Photoshop and Illustrator). One app that is quite new, though — and perhaps a bit overlooked — is the free Gravit Designer app. Gravit gives you all of the tools needed to create functional and elegant screen designs. It can also be used to make icons, designs for print, presentations and much more.The post An Introduction To Gravit Designer: Designing A Weather App (Part 1) appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Christian Krammer
时间/2017-08-23 19:55:24

async & await

JavaScript promises were a revelation in JavaScript, providing an alternative to the JavaScript callback hell we’d quickly found ourselves in.  Promises also allowed us to introduce and better handle asynchronous tasks.  While promises were an improvement over callback hell, they still require lots of thens which can become messy.  I’ve really taken to ES2017’s async and […] The post async & await appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-08-23 03:29:55

Implementing Push Notifications: Setting Up & Firebase

You know those the little notification windows that pop up in the top right (Mac) or bottom right (Windows) corner when, for example, a new article on our favorite blog or a new video on YouTube was uploaded? Those are push notifications. Part of the magic of these notifications is that they can appear even when we're not currently on that website to give us that information (after you've approved it). On mobile devices, where supported, you can … Implementing Push Notifications: Setting Up & Firebase is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Pascal Klau
时间/2017-08-22 22:20:41

Be Slightly Careful with Sub Elements of Clickable Things

Say you want to attach a click handler to a <button>. You almost surely are, as outside of a <form>, buttons don't do anything without JavaScript. So you do that with something like this: var button = document.querySelector("button"); button.addEventListener("click", function(e) { // button was clicked }); But that doesn't use event delegation at all. Event delegation is where you bind the click handler not directly to the element itself, but to an element higher up the DOM tree. … Be Slightly Careful with Sub Elements of Clickable Things is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-08-22 21:02:33

UX Meets MBA: What Happens When A Designer Goes To Business School

    If great design can imbue customers with trust, why are designers so removed from product management and the larger business strategy? As a VP of UX with an MBA, I strive to bring both worlds together to create a new model in which user experience and design align with overall business strategy and company vision to drive increased revenue and customer engagement. As the Internet became commercially viable, “first to market” generally prevailed as a dominant corporate strategy. However, as technology has become more open and reusable, product differentiation is now a proven strategic blueprint. This tectonic shift has been a boon for the design discipline. Consequently, design has gotten the proverbial “seat at the table” and is now expected to be a driving, strategic function.The post UX Meets MBA: What Happens When A Designer Goes To Business School appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/McLean Donnelly
时间/2017-08-22 20:47:01

Getting Tired of Endless Client Revisions? 270+ Pre-Built Websites Are the Solution (Sponsored)

Website revisions are to be expected. They also tend to be few and are usually minor in nature. However, some clients never seem to be satisfied. Sometimes, they also have a problem explaining what they expect from you. On the other hand, your design tools could be a factor. They may not have the capability […] The post Getting Tired of Endless Client Revisions? 270+ Pre-Built Websites Are the Solution (Sponsored) appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-08-22 20:01:53

Migrating from Cordova to NativeScript

Have you ever seen the depressingly true “time/money/energy” diagram? No? Now you have: Many of us are actively giving up time (being at work) in exchange for money. (I think the energy meter should be half-full, but that’s beside the point ☺️.) We are forced to make compromises to live day-to-day, so why should we […] The post Migrating from Cordova to NativeScript appeared first on Telerik Developer Network.收起
显示全部文字 查看全文
作者/Rob Lauer
时间/2017-08-22 19:38:16

Strongly Held Opinions, Gone Away

I received a really wonderful question from Bryan Braun the other day during a workshop I was giving at Sparkbox. He asked if, over the years, if there were opinions about web design and development I strongly held that I don't anymore. I really didn't have a great answer at the time, even though surely if I could rewind my brain there would be some embarrassing ones in there. At the risk of some heavy self-back-patting, this is exactly the … Strongly Held Opinions, Gone Away is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-08-22 05:29:32