Two years ago I documented my struggles with Imposter Syndrome and the response was immense. I received messages of support and commiseration from new web developers, veteran engineers, and even persons of all experience levels in other professions. I’ve even caught myself reading the post many times with the hopes that I would just snap […]
The post Conquering Impostor Syndrome appeared first on David Walsh Blog.
Monthly Web Development Update 09/2017: Functional CSS, Android 8 And iOS 11
Editor’s Note: Welcome to this month’s web development update. It’s actually the first one that we publish, and from now on, Anselm will summarize the most important things that happened over the past month in one handy list for you. So that you’re always up-to-date of what’s going on in the web community. Enjoy!
Today, I’d like to begin this update with a question I’m asking myself quite often, and that was fueled by the things I read lately: Where do we see our responsibility, where do we see other people’s responsibilities? And how do companies fit in here?The post Monthly Web Development Update 09/2017: Functional CSS, Android 8 And iOS 11 appeared first on Smashing Magazine.收起
Users watch and listen to a lot of media, and autoplay can make it faster and easier to consume on the web. However, one of the most frequent user concerns is unexpected media playback, which can use data, consume power, and make unwanted noise while browsing. To address this, Chrome will be making autoplay more consistent with user expectations and will give users more control over audio.Starting in Chrome 64, autoplay will be allowed when either the media won’t play sound, or the user has indicated an interest in the media. This will allow autoplay to occur when users want media to play, and respect users' wishes when they don't. These changes will also unify desktop and mobile web behavior, making web media development more predictable across platforms and browsers.Not all users have the same preferences for autoplay media, so Chrome 63 will add a new user option to completely disable audio for individual sites. This site muting option will persist between browsing sessions, allowing users to customize when and where audio will play.These changes will give users greater control over media playing in their browser, while making it easier for publishers to implement autoplay where it benefits the user. For more details, please see the autoplay roadmap.Posted by Mounir Lamouri, Software Engineer收起
U Go Hue Go: Controlling Philips Hue Lights with Angular and Kendo UI
While on my Kendo Camper Tour I decided to work on a project using Angular and Kendo UI components to control my Philips Hue lights. I brought along my two Philips Hue Go lights to code out at the campsites where I was staying and two hue white lamp bulbs for inside the camper. For […]
The post U Go Hue Go: Controlling Philips Hue Lights with Angular and Kendo UI appeared first on Telerik Developer Network.收起
For 48 hours only, get a full year of Safari membership for only $199—that’s a savings of $200. Get full, unlimited access to everything the Safari learning platform offers—and that’s a lot—live online training, learning paths, interactive tutorials, case studies, books and videos from 200+ professional publishers on a wide range of topics, such as […]
The post Safari Learning Platform: Half Price. 48 Hours Only. (Sponsored) appeared first on David Walsh Blog.
Proper logging is of massive utility for web apps, both during development and after deployment. What can sometimes be difficult is organizing both the code and output of logging, i.e. knowing where each log message is coming from. I recently found debug, a Node.js utility for organized and optimized debugging. Creating an instance of debug […]
The post Node.js Debugging appeared first on David Walsh Blog.
I’ve been a Vim user now consistently for about 6 years. My extensive dotfiles repository and (now badly outdated) blog on TIL Vim demonstrate pretty well that I’ve spent a lot of time using, learning and tweaking my Vim set up to be exactly how I’d like.
However, as I’ve moved more and more into almost exclusively front-end development I’ve been starting to be tempted by other developers. The simple reason why is that the front-end community isn’t as active on Vim as it is on other editors such as VS Code and Atom. There are fewer developers in front-end using Vim, and therefore sometimes the plugins and eco-system around it aren’t quite as plentiful as other editors. To that end, I’ve decided to spend some time trying out other editors to see how I get on.
I tried VSCode a couple of months ago and didn’t find it quite how I wanted - although I’m willing to give it another go - so for now I’ve picked Atom to trial for a few weeks. If you’re an Atom user, I’d love to hear from you with any recommended settings, plugins and so on. Here’s the ones I’ve picked up so far:
I will never not edit text without Vim keybindings, so vim-mode-plus was the first plugin I installed. So far it seems very solid - I haven’t found anything I can’t do yet.
I’ve also set up sync-settings so I can keep everything synced across my work and personal computer. I wish I could do this directly via my dotfiles repo (I may well be able to) but for now this is a low friction way to get it set up.
language-babel seems like a no brainer - it improves and adds syntax highlighting for a bunch of languages, including Flow and a bunch of JSX features.
git plus looks like it will make it much easier to do all my giting from within Atom - complemented by split-diff to easily see file changes.
There’s many more that I’ve installed, including the obvious ones like plugins for linting code with Prettier, Flow and ESLint.
I’ve also managed to completely hide scrollbars from this handy tip on Coderwall, and have applied this CSS to remove all the linting output from the gutters (I prefer a more narrow gutter and the linting tools also mostly underline the suspect code anyway):
The main challenge for me is getting used to not having the terminal so accessible to me - normally I run Vim within a terminal so I can easily run commands in the background. However, most of the time I just run yarn run dev and leave it, so I think I just need to adjust to this over time.
I’ll try to blog again in a few weeks once I’ve had more time to explore Atom and learn its quirks, but in the mean time if you have any recommendations please do let me know!收起
Issue 351 — September 8, 2017
Announcing Yarn 1.0: An Alternative to npm
Building Angular Apps At Scale
A developer at Google shares a sneak preview of a tool (still in alpha) for more efficient builds of large Angular apps.
The 2017 Chrome Developer Summit is coming to San Francisco
Connect with Chrome engineers and other leading developers for a two-day exploration of building beautiful and performant experiences at the Yerba Buena Center for the Arts on 23-24 October.
Takeoff: A Rapid Dev Environment Designed for Hack Days
Oriented around Hapi, React, React Router v4, Redux, Postgres, and NGINX. GitHub repo.
Ditch console.log debugging once and for all by learning to use breakpoints to debug code within the DevTools.
innerself: A Tiny View + State Management Solution
If ultra-light alternatives to things like React appeal to you, innerself is worth checking out, even if just for the explanation of how it works.
Angular vs. React vs. Vue: A 2017 Comparison
An informative take on how to choose the best framework for your next project.
The Wonderful World of Webpack
Explains the reasoning behind Webpack, and what makes it more than a mere bundler.
The Curious Case of 'null >= 0'
Distributed Systems Engineer at Ably (Remote in EU)If consensus algorithms get your mental juices flowing, then come join the team behind a global and fault-tolerant messaging platform. Ably realtime
Senior Developer - React / Node (Sofia, Bulgaria)If you’re looking to work in an exciting startup and have the opportunity to define the company culture, check this role out. Automio
Can't find the right job? Want companies to apply to you? Try Hired.com.
confs.tech: An Up-to-Date List of Upcoming JS Conferences news
Using terminal to view test results is a productivity killer It's like browsing the web in a text-based browser. We deliver test results in realtime to your editor.Wallaby.js Sponsor
Building a Simple Notes Manager with Vue.js tutorialYanis Triandaphilov
Building a Mini Card Game with Polymer 3.0 Preview tutorialJecelyn Yeen
Don’t Be Afraid of Headless Chrome: Why and How to Use It for Ember Testing tutorialJen Weber
Building TDD RESTful APIs with Koa 2, Mocha and Chai tutorial nodeValentino Gagliardi
It’s OK to Not Use Yarn opinion “Is there something wrong with using Yarn? Yes, there is, if you don’t need it.”David Gilbertson
Micro Frontends: Extending Microservice Ideas to Frontend Development opinionMicro Frontends
How I Convinced Our CTO to Switch From CoffeeScript to ES6 storyZach Schneider
#1 Way to Detect, Diagnose and Defeat Errors 收起
The post Object.create(null) appeared first on David Walsh Blog.
Custom Elements Everywhere is a site created by Rob Dodson. It displays the results of a set of tests that check JS frameworks that use Custom Elements and Shadow DOM for interoperability issues.
It could look like a report card at first glance, but the description at the top of the site nicely sums up the goal of comparing frameworks:
This project runs a suite of tests against each framework to identify interoperability issues, and highlight potential fixes already …
Custom Elements Everywhere is a post from CSS-Tricks收起
Switching Your Site to HTTPS on a Shoestring Budget
Google's Search Console team recently sent out an email to site owners with a warning that Google Chrome will take steps starting this October to identify and show warnings on non-secure sites that have form inputs.
Here's the notice that landed in my inbox:
The notice from the Google Search Console team regarding HTTPS support
If your site URL does not support HTTPS, then this notice directly affects you. Even if your site does not have forms, moving over to …
Switching Your Site to HTTPS on a Shoestring Budget is a post from CSS-Tricks收起
Recently, there has been a proliferation of virtual reality (VR) web browsers and VR capabilities added to traditional browsers. In this article, we’ll look at the state of browsers in VR and the state of VR on the web via the WebVR APIs.
The web community has experimented with VR before, with VRML, but now WebVR takes a new approach to VR, one more suited to the modern web. We've accelerated 3D on the web since 2011 with the release of WebGL. Now the web can handle VR thanks to new web APIs that take advantage of VR hardware using WebGL.The post A Guide To Virtual Reality For Web Developers appeared first on Smashing Magazine.收起
On this episode of Eat Sleep Code, Steve Smith discusses the new ASP.NET Core development model, Razor Pages. Steve outlines why developers shouldn’t dismiss Razor Pages before giving it a proper try. How Razor Pages compare to WebForms, MVC, and Web API are discussed. Steve Smith Steve recently started his first podcast, WeeklyDevTips.com, in which […]
The post ASP .NET Core Razor Pages Worth Checking Out? appeared first on Telerik Developer Network.收起
Speaking of utility libraries, Jeremy Keith responded to Adam Wathan's article that we linked to not long ago. Jeremey is with him through the first four "phases", but can't come along for phase 5, the one about going all-in on utility libraries:
At this point there is no benefit to even having an external stylesheet. You may as well use inline styles. Ah, but Adam has anticipated this and counters with this difference between inline styles and having utility …
Problem space is a post from CSS-Tricks收起
Best Way to Programmatically Zoom a Web Application
Website accessibility has always been important, but nowadays, when we have clear standards and regulations from governments in most countries, it's become even more crucial to support those standards and make our projects as accessible as they can be.
The W3C recommendation provides 3 level of conformance: A, AA and AAA. To be at the AA level, among other requirements, we have to provide a way to increase the site's font size:
1.4.4 Resize text: Except for captions…
Best Way to Programmatically Zoom a Web Application is a post from CSS-Tricks收起