让天下没有难学的编程 |

全部资讯


Better Debugging with Conditional Breakpoints

I love conditional breakpoints. Really! They’re my favorite debugging tool. When I got started in web development, “debugging” for me meant creating a <pre id='log'></pre> and appending strings to its contents to act as a log. But once Firebug rolled around—and then when browsers started baking in their own dev tools—it was like upgrading from […] The post Better Debugging with Conditional Breakpoints appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/Revin Guillen
时间/2017-10-09 20:07:46

CSS Grid Challenge: Winners and Templates

    CSS Grid is becoming the new layout standard for the web, and we are all still experimenting with what we can achieve with it. Some folks assume that CSS Grid is just a replacement for table layouts or Flexbox — but that's simply not true. Some also think that they can use CSS Grid to replicate more advanced print layouts, which brings us all closer to what's possible. Obviously print isn't web, but we can experiment with some of the techniques from print on the web, too. One of the main reasons behind the idea of the CSS Grid Challenge was to have some starting points for layouts, and show what can be achieved with CSS Grids today. Well, we received some many great submissions that it was really hard to choose the one winner — there are so many submissions who deserve to win first place.The post CSS Grid Challenge: Winners and Templates appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Cosima Mielke
时间/2017-10-06 20:55:18

#355: Await and Async Explained

This week's JavaScript news — Read this e-mail on the Web JavaScript Weekly Issue 355 — October 6, 2017 Await and Async Explained with Diagrams and Examples A tutorial that explains the new await/async features in ES2016 for more easily working with asynchronous functions. Nikolay Grozev The Road to Ember 3.0 The Ember.js core team is busy at work on the latest version of Ember, due next year, and they explan what they’re working on here. Matthew Beale Introduction to Vue.js with Sarah Drasner Get up and running in a hurry with the Vue.js JavaScript framework. Learn how to build and maintain complex applications quickly and efficiently in this practical guide to Vue.js by Sarah Drasner. Frontend Masters   Sponsor Using Preact as a React Alternative Ahmed Bouchefra takes a look at Preact, a lightweight React alternative that’s well suited to high-performance apps and slow 2G networks. Ahmed Bouchefra An Internship on Laziness: Lazy Unlinking of Deoptimized Functions A deep dive into a recently implemented V8 performance improvement oriented around how functions are optimized and deoptimized. Juliana Franco npm Gets 2-Factor Auth and Read-Only Token Support All natively supported in this week’s npm v5.5 release. The npm Blog Optimizing ES2015 Proxies in V8 Proxies, introduced in ES2015/ES6, make it easy to intercepting fundamental operations on objects and customize their behavior. There has been a lot of effort recently to optimize them in V8. Maya Lekova Jobs Full-stack JavaScript Developer at X-Team (Remote)We help our developers keep learning and growing every day. Unleash your potential. Work from anywhere. Join X-Team.  X-Team Senior React Native Engineer, Retail TeamWe're looking for an experienced dev to bring the Casper experience beyond the web and into reality, focusing on building React Native apps. Casper Developer Evangelist in London (part remote)Let the world know how awesome our distributed messaging platform is whilst learning new technologies and contributing to the community. Ably realtime One application, thousands of dev job opportunitiesStop applying and start interviewing. Try Vettery to get job offers from top tech companies sent right to your inbox. Vettery Can't find the right job? Want companies to apply to you? Try Hired.com.-->In Brief TypeScript Turns 5 Years Old newsMicrosoft Winners of the Recent js13kGames Gamedev Contest news It’s amazing what can be done in such little space.js13kGames Announcing Assert(js) – An all JavaScript Testing Conference newsOK GROW!  Sponsor The Many Faces of 'this' in JavaScript tutorialMichał Witkowski Asynchronous Stack Traces: Why 'await' Beats .then() tutorialMathias Bynens How to Run ESLint on File Save in IntelliJ, VS Code and Sublime Text tutorialTomasz Netczuk Publishing What You Mean to Publish on npm tutorial You only want to share as much as you intend in an npm package.Adam Baldwin Instant JavaScript test execution results right in your editor tools Wallaby runs your tests as you type and displays code coverage, error & console messages inside your code editor.Wallaby.js  Sponsor Building a Mental Model for Precedence and the 'new' Operator tutorialBen Nadel Supercharging Frontend Development with VS Code tutorialZach Silveira Getting Your Head Around Vue.js Scoped Slots tutorialAnthony Gore Lessons From Migrating A Large Codebase to React 16 story If you like this, you’ll enjoy our React-specific newsletter.Discord Blog Using Default Parameters in ES6 videoTyler McGinnis Polyfills vs Compiling with Babel videoTyler McGinnis Proactively detect 收起
显示全部文字 查看全文
作者/
时间/2017-10-06 00:00:00

Top Prototyping Tools You Should Consider Using (Sponsored)

Knowledgeable designers constantly check with clients and other team members for feedback. Also, they always seek assurances their design is moving in the right direction. Prototypes offer one effective way of sharing design information with others. They also serve as a self-check. They make detection and subsequent elimination of design errors less difficult. High-fidelity prototypes […] The post Top Prototyping Tools You Should Consider Using (Sponsored) appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-10-05 22:29:46

Designing A Realistic Chronograph Watch In Sketch

    If you’re into wristwatches, like me, and are also a fan of the Sketch app (or just want to get better at it), then this is the tutorial for you. In it, you will learn how to create a very realistic and detailed vector illustration of a watch using basic shapes, layer styles and cool Sketch functions such as “Rotate Copies” and “Make Grid.” You'll learn how to apply multiple shadows and how to use gradients, and you will see how objects can be rotated and duplicated in special ways. No bitmap images will be used, which means you will be able to easily adapt the final image to different sizes and resolutions.The post Designing A Realistic Chronograph Watch In Sketch appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Nikola Lazarević
时间/2017-10-05 19:57:42

Minimalistic Design With Large Impact: Functional Minimalism For Web Design

    As web design focuses more and more on good user experience, designers need to create the most usable and attractive websites possible. Carefully applied minimalist principles can help designers make attractive and effective websites with fewer elements, simplifying and improving users’ interactions. In this article, I will discuss some examples of minimalism in web design, things to consider when designing minimalist interfaces, and explain why sometimes "less is more". If you’d like to get more creative with your own designs, you can download and test Adobe XD, and get started right away.The post Minimalistic Design With Large Impact: Functional Minimalism For Web Design appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Nick Babich
时间/2017-10-04 20:23:07

Split Files Into Smaller Files

As fast as internet connections have gotten over the years, it seems the size of files we want to share has grown faster.  Whether it’s archive (ZIP), video, or any other host of potentially large file types, it’s still tricky to put these large files somewhere to download since many storage providers have file size […] The post Split Files Into Smaller Files appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-10-04 19:54:44

.NET DevChat: Building Responsive Web Apps with ASP.NET MVC and Bootstrap Recap

Bootstrap 4 is great, and it's even greater when used in conjunction with Telerik UI for ASP.NET MVC. In this .NET DevChat, we covered the basics of Bootstrap, its NavBar component, the Grid layout system as well as the new and shiny Bootstrap 4 Cards! We dived right in and added all of these to […] The post .NET DevChat: Building Responsive Web Apps with ASP.NET MVC and Bootstrap Recap appeared first on Telerik Developer Network.收起
显示全部文字 查看全文
作者/Ignacio Fuentes
时间/2017-10-04 02:21:40

Image and Video Conversion with Cloudinary

I’ve always been fascinated with media formats and converting both images and video from one format to another.  Media conversion allows us to play videos on devices or apps with picky media requirements and load optimized formats for faster download speed.  I’ve written several media-related posts sharing how to accomplish all types of media conversions […] The post Image and Video Conversion with Cloudinary appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-10-03 20:49:04

Getting Started with TensorFlow for Machine Learning

These days, a lot of people are pretty excited about Machine Learning (ML). This is interesting, because the field has been around for a really long time. The term ‘Machine Learning’ itself was coined at IBM in 1959, and the field evolved as a subset of Artificial Intelligence. Machine Learning was defined at the time […] The post Getting Started with TensorFlow for Machine Learning appeared first on Telerik Developer Network.收起
显示全部文字 查看全文
作者/Jen Looper
时间/2017-10-03 19:06:02

Adding URL support to an Elm app with elm-lang/navigation

In today’s video I took an existing Elm application and add first class URL support via Elm’s Navigation package. You can find all the source code on the GitHub repo, and the pull request I made after this video is also available. If you have any questions feel free to raise them on that GitHub PR and I’ll get back to you.收起
显示全部文字 查看全文
作者/
时间/2017-10-03 00:00:00

Non-Disclosure Agreements For Developers: What To Know Before You Sign

    Most days, your goal as a developer is to design, develop and program awesome software. However, part of the job is also finding new clients, and you don’t want to be caught off guard by unexpected legal documents that come up while you’re establishing new clients. The most common legal document you will be asked to sign when working on a website or app is a non-disclosure agreement (NDA). If you’re not sure whether to sign an NDA as a developer, this article will guide you to make an educated decision.The post Non-Disclosure Agreements For Developers: What To Know Before You Sign appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Kimberly Bond
时间/2017-10-02 21:05:40

Show git Branch from Command Line

Whether it’s simply submitting pull requests or being snobby enough to use vim as a text editor, web developers and designers spend an awful lot of time working from command line.  If you do work with git, you know it’s important to keep track of your branches, especially when it comes to knowing which branch you’re […] The post Show git Branch from Command Line appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-10-02 19:58:29

15 Essential Packages For Extending Laravel

A collection of 15 of the most useful Laravel libraries and packages that will make developing your apps much easier.
查看全文
作者/Georgi Georgiev
时间/2017-10-02 19:32:06

Pumpkins, Spooky Fellows And Fall Inspiration For Your Desktop (October 2017 Edition)

    Bright, colorful leaves, rainy days, Halloween. That’s October — at least if you’re living in the Northern hemisphere. To provide you with some fresh inspiration even when the weather is gray, artists and designers from across the globe once again challenged their creative skills to design beautiful, one-of-a-kind (and this time around also spooky) wallpapers for you to indulge in. This monthly wallpapers mission has been going on for nine years already, and we are very thankful to everyone who has and still is contributing to it each month anew. The wallpapers in this collection all come in versions with and without a calendar for October 2017 and can be downloaded for free. Happy October!The post Pumpkins, Spooky Fellows And Fall Inspiration For Your Desktop (October 2017 Edition) appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Cosima Mielke
时间/2017-09-30 14:03:20

#354: React 16 Released

This week's JavaScript news — Read this e-mail on the Web JavaScript Weekly Issue 354 — September 29, 2017 React 16 Released: A Look at the API-Compatible Rewrite The final release of React 16 is here, with rewritten ‘Fiber’ internals. There’s a lot more React 16 stuff in today’s React Status newsletter. Facebook Code Facebook Relicensing React, Jest, Flow, and Immutable.js Recently, there have been some issues involving patent-related features, but Facebook is now moving some of its projects to a standard MIT license. Facebook Code JavaScript Telemetry: Black Box Recorder for App Crashes JavaScript telemetry gives a timeline of browser events leading to an error, including interaction events, like clicks, inputs, navigation and console messages + more. Debug better w/ telemetry and know why your app crashed. ROLLBAR   Sponsor Draggable: A Drag and Drop Library from Shopify Draggable abstracts native browser events into a modular API for you to build custom, and potentially complex, drag and drop experiences. Shopify Learn Promises by Building Your Own Learning by building in action in this step-by-step tutorial to help you understand how Promises work. Trey Huffine What is 'this' in JavaScript? Wissam Abirached explains context and the this keyword in JavaScript, the difference between explicit and hard bindings and what the new keyword represents. Telerik Developer Network Strudel.js: A Lightweight Component Framework It’s pitched at being an ideal step up for developers comfortable with jQuery who want to move on to something else. Mateusz Łuczak Exploring JS Frameworks: A Free Online Event Next Week Speakers Holly Schinsky & Jen Looper will be covering Vue & Preact next Thursday (Oct 5). Certified Fresh Events Jobs Software Developer - Made by Many (London, UK)We’re looking for a developer to make digital products in a collaborative way to bring technology, culture, & people together. MadeByMany Software engineer to grow & sustain local food systemsHelp us build an online grocery experience that revolutionizes how food is sourced, bought and enjoyed. Good Eggs Can't find the right job? Want companies to apply to you? Try Hired.com. In Brief BigInt: A Proposal for Arbitrary Precision Integers in JS newsEcma TC39 Write Less Code, Use More Tools Our outrageous decision to orchestrate Nomad with Kubernetes.CircleCI  Sponsor A Brief History of Modularity in JavaScript tutorialNicolás Bevacqua ES6 Promises: Patterns and Anti-Patterns tutorialBobby Brennan Exploring set(), get() and Object.defineProperty() in TypeScript tutorialTodd Motto Why Node 8's util.promisify Is So Awesome tutorial nodeJames Jeffery Love fraud? You’re going to hate Blockchain  SitePen  Sponsor Web Truths: JavaScript Can’t Be Trusted opinionChristian Heilmann The Past, Present, and Future of the Angular CLI storyStephen Fluin ECMAScript, TC39, and the History of JavaScript videoTyler McGinnis Rapid prototyping playground for JavaScript in your editor Run any code and see the results immediately right in your editor. Supports VS Code, Atom and JetBrains IDEs.Wallaby.js  Sponsor CheerpJ, a Java to JavaScript Compiler, Now in Beta tools Compile unmodified Java apps to JS for running in the browser.Leaning Tech Cerebral: Declarative State and Side Effects Management for JS Frameworks code An intriguing idea, at least.Christian Alfoni Cherow: A Fast, TypeScript-Based JavaScript Parser codeKFlash Slack JS 9.0.0: A JS Client for Slack's Web API codeBrian Leroux vue-a11y-calendar: An Accessible, Internationalized Vue Calendar codeIBM ppipe: Pipes Values Through Functions code An alternative to using the proposed ‘pipe’ operator for ES.Yavuz Ege Özcan Sheet: A Simple Spreadsheet in 220 Bytes of HTML and JS code 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-09-29 00:00:00

Contest: Cloudinary Style Transfer on CodePen!

Cloudinary provides web designers and developers the ability to do a huge number of operations, like resize, optimize, and format almost all media types, but my favorite parts of their service are the vast amount of visual transformations their API allows you to play with;  you can see a great example of them in my […] The post Contest: Cloudinary Style Transfer on CodePen! appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-09-28 22:45:49

CSS Grid Gotchas And Stumbling Blocks

    In March this year, CSS Grid shipped into production versions of Chrome, Firefox and Safari within weeks of each other. It has been great to see how excited people are about finally being able to use it to solve real problems. CSS Grid is such a different way of approaching layout that there are a number of common questions I am asked as people start to use the specification. This article aims to answer some of those, and will be one in a series of articles on Smashing Magazine about layouts.The post CSS Grid Gotchas And Stumbling Blocks appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Rachel Andrew
时间/2017-09-28 21:01:06

The Advantages of Using a Design to WordPress Service and Four Great Options (Sponsored)

You’ve taken a cool idea and transformed it into an awesome design that’s ready to take the world by storm. However, there is one thing that is left to do – converting it to code. You could, of course, take the easy route and use a tool that will do the conversion automatically. This would […] The post The Advantages of Using a Design to WordPress Service and Four Great Options (Sponsored) appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-09-28 20:32:01

An Overview Of The Most Common UX Design Deliverables

    What do UX designers do on a daily basis? A lot of things! UX professionals need to communicate design ideas and research findings to a range of audiences. They use deliverables (tangible records of work that has occurred) for that purpose. I've created a list that contains the most common deliverables produced by UX designers as they craft great experiences for users. For better readability, I’ve combined the deliverables according to UX activities.The post An Overview Of The Most Common UX Design Deliverables appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Nick Babich
时间/2017-09-27 20:53:46