让天下没有难学的编程 |

全部资讯


Getting Started With GraphQL

A collection of awesome GraphQL learning resources for developers of all skill levels.
查看全文
作者/Georgi Georgiev
时间/2017-10-24 18:02:42

Introducing the Chrome User Experience Report

Chrome was founded to push the web forward, and a key part of that is enabling developers to improve their user experience. Although current tools allow developers to understand how real-world users experience their own sites, they have never provided insight into comparisons with other sites or macro user experience trends across the web. Following similar efforts like the HTTPS Transparency Report, today we’re making the Chrome User Experience Report available to encourage performance and user experience improvements across the web.The report is a public dataset of key user experience metrics for top origins on the web. All performance data included in the report is from real-world conditions, aggregated from Chrome users who have opted-in to syncing their browsing history and have usage statistic reporting enabled. The initial release includes data from a sample of ten thousand origins and focuses on loading metrics, though we hope to expand coverage in future iterations. For full details on the dataset format, how to access it, and best practices for analysis, please see our developer documentation.By querying the dataset, developers can understand how real Chrome users experience the web from the diverse set of hardware, software, and networks they use in the wild. Analyzing many origins on the web will help site developers and the web community understand where they are doing well, identify areas for improvement, and observe advancements in user experience over time.We welcome feedback on the dataset’s format, metrics, dimensions, or any other ways to improve the report. We hope that this dataset will help the web community identify opportunities, record trends, and improve user experience on the web.Posted by Bryan McQuade and Ilya Grigorik, User Experience Reporters收起
显示全部文字 查看全文
作者/Chrome Blog
时间/2017-10-24 01:45:54

NADCAST.09 с Радо Станков

Епизод 9 на NADCAST е с Радо Станков. Основно си поговорихме за React и нашумелите около библиотеката теми. Приятно слушане :)
查看全文
作者/
时间/2017-10-23 05:00:00

Hexatope

It was awesome to hear Charlotte Dann on CodePen Radio the other day, who is Kickstarting a new jewelry business. The idea is that you draw your own jewelry (everything you draw looks awesome because it's on this interesting hexagon grid) and then it gets actually made. This tying together of her passions sprang to life on CodePen. Direct Link to Article — Permalink… Hexatope is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-10-21 04:41:01

Breaking down CSS Box Shadow vs. Drop Shadow

Drop shadows. Web designers have loved them for a long time to the extent that we used to fake them with PNG images before CSS Level 3 formally introduced them to the spec as the box-shadow property. I still reach for drop shadows often in my work because they add a nice texture in some contexts, like working with largely flat designs. Not too long after box-shadow was introduced, a working draft for CSS Filters surfaced and, with it, a … Breaking down CSS Box Shadow vs. Drop Shadow is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Geoff Graham
时间/2017-10-20 23:57:03

#357: Vue 2.5, an ES2015+ cheatsheet, and how to stop using jQuery

This week's JavaScript news — Read this e-mail on the Web JavaScript Weekly Issue 357 — October 20, 2017 Reactive Brain Waves: Hacking an EEG Headset from JS A walkthrough of using RxJS, Angular, Web Bluetooth, and an EEG headset to monitor brainwaves and perform actions based on eye blinks. Uri Shaked Vue 2.5 Released The latest Vue, billed “Level E”, comes with better TypeScript integration, error handling, and improved support for functional components. Evan You How I'm (Not) Using jQuery Raymond Camden explains the steps he’s taken to wean himself off a dependence on jQuery for a number of common frontend development tasks. Telerik Developer Network Why It’s Important That Big Organizations Pay Attention to CI Yes, “digital transformation” is a buzzword having its moment right now. But what is behind the buzz? CircleCI   Sponsor Napa.js: An Alternative Multi-Threaded JS Runtime An interesting Microsoft project that offers a V8 JavaScript runtime oriented around multiple V8 instances running at the same time and the communications between them. Microsoft A Single Page ES2015+ Cheatsheet A one-page guide to features added in ES2015 and beyond. Devhints A Look at New DevTools Features for JavaScript [video] A 20 minute talk looking at code coverage, type profiling, and a deep dive into how evaluating a code snippet in DevTools console works in V8. Yang Guo Why Robots Should Format Our JavaScript for Us Not using something like Prettier to format your code yet? The author tries to sell you on why it’s a good idea. Artem Sapegin PayPal's Open-Source Cross-Domain JavaScript Suite PayPal has open sourced a suite of libraries for building JavaScript experiences that work well on third party sites that embed them. Daniel Brain Jobs 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 React Native Mobile Developer (Remote, UK-based)Excited about building great products across iOS, Android, and the Web? Join our small remote team - we're agile, funded and growing. YourTradeBase Looking for a job at a company that prioritizes Javascript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery Can't find the right job? Want companies to apply to you? Try Hired.com.-->In Brief Mozilla, Microsoft, Google, and W3C to Work on MDN Docs Together newsMozilla CKEditor 5 Rich Text Editor Released newsFrederico Knabben Creating End-to-End Tests That Don’t Suck with Puppeteer tutorial Puppeteer lets you control headless Chrome from JavaScript.Trevor Miller Introduction to InfluxDB and TICK Stack tutorial Learn how to get up and running with the fastest growing open source TSDB.InfluxData  Sponsor An Imperative Guide to Forms in Vue.js tutorialLogRocket Using Three.js for 2D Data Visualization tutorialGrant Custer Writing Smarter Web Animation Code with GSAP tutorialCarl Schoof Building a 'Modem' with Web Audio tutorial An interesting way to transmit data in audio form.Martin Kirkholt Melhus Build A Real-Time Chat App with Vue.js, Vuex and Cloud Firestore tutorialLachlan Miller Have you met Predix, the Premier Industrial Internet Platform? See how Predix is connecting machines, intelligence, and people to drive operational and business outcomes that matter.GE Digital  Sponsor Migrating Towards Yarn and Webpack story .. from Require.js, Grunt and npm.Wingify Engineering accessibilityjs: A Client-Side Accessibility Error Scanner tools GitHub uses this to scan for inaccessible UI elements.GitHub ES Check: Checks The Version of ES Used in Source Files toolsDollar Shave Club JavaScript Telemetry: Black Box Recorder for App Crashes toolsROLLBAR  Sponsor Redux Zero: A Simpler 'Redux Lite' code A lightweight state container based on Redux with a single store and no reducers.Matheus Lima Anime.js: A JS Animation Library for the Web codeJulian Garnier rmodal.js: A Simple 1.2 KB Modal Dialog with No Dependencies codeIskren Slavov Schnack.js: A Disqus-like Commenting Drop-in for Static Sites code A commenting system build on Node.js and SQLite3.Gregor Aisch 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-10-20 00:00:00

#357: Vue 2.5 Released

This week's JavaScript news — Read this e-mail on the Web JavaScript Weekly Issue 357 — October 20, 2017 Vue 2.5 Released The latest Vue, billed “Level E”, comes with better TypeScript integration and error handling, plus more. Evan You How I'm (Not) Using jQuery Raymond Camden explains the steps he’s taken to wean himself off a dependence on jQuery for a number of common frontend development tasks. Telerik Developer Network Reactive Brain Waves: Hacking an EEG Headset from JS Using RXJS, Angular, Web Bluetooth, and an EEG Headset, to “do more with your brain”. Uri Shaked Why It’s Important That Big Organizations Pay Attention to CI Yes, “digital transformation” is a buzzword having its moment right now. But what is behind the buzz? CircleCI   Sponsor Why Robots Should Format Our JavaScript for Us Not using something like Prettier to format your code yet? The author tries to sell you on why it’s a good idea. Artem Sapegin A Single Page ES2015+ Cheatsheet A one-page guide to features added in ES2015 and beyond. Devhints Napa.js: An Alternative Multi-Threaded JS Runtime An interesting Microsoft project that offers a V8 JavaScript runtime oriented around multiple V8 instances running at the same time and the communications between them. Microsoft PayPal's Open-Source Cross-Domain JavaScript Suite PayPal has open sourced a suite of libraries for building JavaScript experiences that work well on third party sites that embed them. Daniel Brain Jobs 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 React Native Mobile Developer (Remote, UK-based)Excited about building great products across iOS, Android, and the Web? Join our small remote team - we're agile, funded and growing. YourTradeBase Looking for a job at a company that prioritizes Javascript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery Can't find the right job? Want companies to apply to you? Try Hired.com.-->In Brief Mozilla Brings Microsoft, Google, W3C, Samsung Together to Create Cross-Browser Docs On MDN newsMozilla CKEditor 5 Rich Text Editor Released newsFrederico Knabben Introduction to InfluxDB and TICK Stack Learn how to get up and running with the fastest growing open source TSDB.InfluxData  Sponsor An Imperative Guide to Forms in Vue.js tutorialLogRocket Ohm: Parsing Made Easy tutorial An introduction to creating a simple parser using the Ohm library.Patrick Dubroy Creating End-to-End Tests That Don’t Suck with Puppeteer tutorial Puppeteer lets you control headless Chrome from JavaScript.Trevor Miller Using Three.js for 2D Data Visualization tutorialGrant Custer Writing Smarter Web Animation Code with GSAP tutorialCarl Schoof Building a 'Modem' with Web Audio tutorial An interesting way to transmit data in audio form.Martin Kirkholt Melhus Build A Real-Time Chat App with Vue.js, Vuex and Cloud Firestore tutorialLachlan Miller Have you met Predix, the Premier Industrial Internet Platform? See how Predix is connecting machines, intelligence, and people to drive operational and business outcomes that matter.GE Digital  Sponsor Migrating Towards Yarn and Webpack story .. from Require.js, Grunt and npm.Wingify Engineering New DevTools Features for JavaScript video A 20 minute talk looking at code coverage, type profiling, and a deep dive into how evaluating a code snippet in DevTools console works in V8.Yang Guo accessibilityjs: A Client-Side Accessibility Error Scanner tools GitHub uses this to scan for inaccessible UI elements.GitHub Micromodal: Tiny JS Library for Creating Accessible Modal Dialogs tools Just 1.9KB minified and gzipped.Kalpesh Singh and Indrashish Ghosh ES Check: Checks The Version of ES Used in Source Files toolsDollar Shave Club JavaScript Telemetry: Black Box Recorder for App Crashes  ROLLBAR  Sponsor Anime.js: A JS Animation Library for the Web codeJulian Garnier rmodal.js: A Simple 1.2 KB Modal Dialog with No Dependencies codeIskren Slavov Schnack.js: A Disqus-like Commenting Drop-in for Static Sites code A commenting system build on Node.js and SQLite3.Gregor Aisch 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-10-20 00:00:00

MDN Product Advisory Board

We all know and love MDN for already being the best documentation for web features out there. It looks like it's poised to get even better with Google and Microsoft both joining a new board. Mozilla's vision for the MDN Product Advisory Board is to build collaboration that helps the MDN community collectively maintain MDN as the most comprehensive, complete, and trusted reference documenting the most important aspects of modern browsers and web standards. Interesting none of them mentioned … MDN Product Advisory Board is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-10-19 23:09:05

Combining Graphical And Voice Interfaces For A Better User Experience

    With​ ​the​ ​appearance​ ​of​ ​voice​ ​user​ ​interfaces,​ ​AI​ ​and​ ​chatbots,​ ​what is​ ​the​ ​future​ ​of​ ​graphical​ ​user​ ​interfaces (GUIs)?​ ​Don’t​ ​worry: Despite​ ​some dark​ ​predictions​,​ ​GUIs​ ​will​ ​stay​ ​around​ ​for​ ​many​ ​years​ ​to​ ​come. Let​ ​me​ ​share​ ​my​ ​personal, humble predictions​ ​and​ ​introduce​ ​multi-modal​ ​interfaces as​ ​a​ ​more​ ​human​ ​way​ ​of​ ​communication​ ​between​ ​user​ ​and​ machine. The​ ​old​ ​wisdom​ ​that​ ​a​ ​picture​ ​is​ ​worth​ ​a​ ​thousand​ ​words​ ​​is​ ​still​ ​true​ ​today.​ ​Our​ ​brain​ ​is​ ​an incredible​ ​image​-​processing​ ​machine.​ ​We​ ​can​ ​understand​ ​complex​ ​information​ ​faster​ ​when we​ ​see​ ​it​ ​visually.​ ​According​ ​to​ ​studies,​ ​even​ ​when​ ​we​ ​talk​ ​with​ ​someone​ ​else,​ n​​onverbal communication​​ ​represents​ ​two third​s ​of​ ​the​ ​conversation.​ ​According​ ​to​ ​​other​ ​studies​​, ​we​ absorb most​ ​information​ ​from​ ​our​ ​sight​ ​(83%​ ​sight,​ ​11%​ ​hearing,​ ​3%​ ​smell,​ ​2%​ ​touch​ ​and​ ​1% taste).​ ​In​ ​short,​ ​our​ ​eyes​ ​are​ our ​primary​ ​sensors​.The post Combining Graphical And Voice Interfaces For A Better User Experience appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/David Pasztor
时间/2017-10-19 20:27:43

5 Tips for Starting a Front-End Refactor

For the last two weeks, I've been working on a really large refactor project at Gusto and I realize that this is the first time that a project like this has gone smoothly for me. There haven't been any kinks in the process, it took about as much time as I thought it would, and no-one appears to be mad at me. In fact, things have gone almost suspiciously well. How did this happen and what was the issue? Well, … 5 Tips for Starting a Front-End Refactor is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Robin Rendle
时间/2017-10-19 18:20:19

Sponsor: Media Temple

(This is a sponsored post.) Media Temple is my web host here at CSS-Tricks. I still remember what it was like buying my first web hosting, pointing a domain name to it, FTPing into that server, and having the files I put there appear in the web browser. Powerful stuff, kids. Watch out or you might try to turn it into a career! I've upgraded my server a few times since then, but it's still a pretty standard grade … Sponsor: Media Temple is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-10-19 18:03:54

A Look Back at the History of CSS

When you think of HTML and CSS, you probably imagine them as a package deal. But for years after Tim Berners-Lee first created the World Wide Web in 1989, there was no such thing as CSS. The original plan for the web offered no way to style a website at all. There's a now-infamous post buried in the archives of the WWW mailing list. It was written by Marc Andreessen in 1994, who would go on to co-create both the … A Look Back at the History of CSS is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Jason Hoffman
时间/2017-10-19 01:00:55

Building unified documentation for the web

Browsers are always exploring new directions. This independent experimentation has enabled the web to evolve to meet new use cases, but it also means that keeping up with how the web is changing can be difficult. Browsers maintain documentation for their features and APIs, but cross-browser documentation is often fragmented across several sources. One of Chrome’s top priorities is making it easier to build sites that work in all browsers, and simplifying web documentation is a key part of that effort.Today, web documentation is taking a big step towards a unified source. Mozilla Developer Network (MDN) Web Docs is announcing a new product advisory board, which includes founding members from Mozilla, Google, Microsoft, Samsung, and several others from the web standards and development communities. The product advisory board will review and provide feedback on the direction of MDN’s web documentation going forward.For the last several years, Chrome has been transitioning its web documentation efforts to MDN, allowing us to combine our documentation efforts with many open source contributors like Mozilla. The product advisory board is another step towards making MDN the best source of up-to-date, comprehensive documentation on the web and aligns closely with our goal to make it easier to build for the web as a whole. As part of this effort, we’re also investing in interoperability tests for the web, which allows browsers to share tests and compare the compatibility of their features. We’re also building new infrastructure to help browser developers find bugs and missing APIs between implementations.Check out MDN Web Docs as the centralized source of web API documentation. And look out for more information on how we’re working to make the web an even easier platform to build on.Posted by Dru Knox, Product Manager收起
显示全部文字 查看全文
作者/Chrome Blog
时间/2017-10-19 00:42:21

On-Site Search

CSS-Tricks is a WordPress site. WordPress has a built-in search feature, but it isn't tremendously useful. I don't blame it, really. Search is a product onto itself and WordPress is a CMS company, not a search company. You know how you can make a really powerful search engine for your site? Here you go: <form action="https://google.com/search" target="_blank" type="GET"> <input type="search" name="q"> <input type="submit" value="search"> </form> Just a smidge of JavaScript trickery to enforce the site it searches: var form … On-Site Search is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-10-18 21:13:45

Confessions Of An Impostor

    Five years ago, when, for the first time ever, I was invited to speak at one of the best front-end conferences in Europe, I had quite a mixture of feelings. Obviously, I was incredibly proud and happy: I had never had a chance to do this before for a diverse audience of people with different skillsets. But the other feelings I had were quite destructive. I sincerely could not understand how I could be interesting to anyone: Even though I had been working in front-end for many years by then, I was very silent in the community. I hadn’t contributed to popular frameworks or libraries. I was just average. So, the feeling of a mistake having been made, that I did not deserve to be at that conference, was very strong, and I could not believe that I would indeed be speaking until I had bought my plane ticket.The post Confessions Of An Impostor appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Denys Mishunov
时间/2017-10-18 20:05:39

I haven’t experienced imposter syndrome, and maybe you haven’t either

In recent years it’s become trendy to discuss how we all apparently suffer from this imposter syndrome - an inability to internalize one's accomplishments and a persistent fear of being exposed as a “fraud”. I take two issues with this: it minimizes the impact that this experience has on people that really do suffer from it. we’re labelling what should be considered positive personality traits - humility, an acceptance that we can’t be right all the time, a desire to … I haven’t experienced imposter syndrome, and maybe you haven’t either is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-10-18 01:31:22

Node EADDRINUSE (Address Already in Use) Error

Every once in a while my Macbook Pro freaks out and a process goes rogue.  This oftentimes happens when I’m working on the excellent debugger.html project; I attempt to start the server side of the debugger and suddenly I’m hit with an error that resembles the following, leading to the process not starting from that […] The post Node EADDRINUSE (Address Already in Use) Error appeared first on David Walsh Blog. 收起
显示全部文字 查看全文
作者/David Walsh
时间/2017-10-17 22:14:14

Naming Things In CSS Grid Layout

    When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number. This requires that you keep track of where various lines are on the grid, and also be aware of the fact the line numbers reverse if your site is displayed for a right-to-left language. Built on top of this system of lines, however, are methods that enable the naming of lines and even grid areas. Using these methods enables easier placement of items by name rather than number, but also brings additional possibilities when creating systems for layout. In this article, I’ll take an in-depth look at the various ways to name lines and areas in CSS Grid Layout, and some of the interesting possibilities this creates.The post Naming Things In CSS Grid Layout appeared first on Smashing Magazine.收起
显示全部文字 查看全文
作者/Rachel Andrew
时间/2017-10-17 20:28:38

Prettier + Stylelint: Writing Very Clean CSS (Or, Keeping Clean Code is a Two-Tool Game)

It sure is nice having a whole codebase that is perfectly compliant to a set of code style guidelines. All the files use the same indentation, the same quote style, the same spacing and line-break rules, heck, tiny things like the way zero's in values are handled and how keyframes are named. It seems like a tall order, but these days, it's easier than ever. It seems to me it's become a two-tool game: A tool to automatically fix easy-to-fix … Prettier + Stylelint: Writing Very Clean CSS (Or, Keeping Clean Code is a Two-Tool Game) is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Chris Coyier
时间/2017-10-17 16:58:42

The Art of Comments

I believe commenting code is important. Most of all, I believe commenting is misunderstood. I tweeted out the other day that "I hear conflicting opinions on whether or not you should write comments. But I get thank you's from junior devs for writing them so I'll continue." The responses I received were varied, but what caught my eye was that for every person agreeing that commenting was necessary, they all had different reasons for believing this. Commenting is a more … The Art of Comments is a post from CSS-Tricks收起
显示全部文字 查看全文
作者/Sarah Drasner
时间/2017-10-16 23:23:47