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.
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.收起
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.
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.
Introduction to Vue.js with Sarah Drasner
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.
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.
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.
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
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
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 收起
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.
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.收起
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.收起
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.
.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.收起
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.
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.收起
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.收起
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.收起
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.
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.收起
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.
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.收起
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.
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.收起