Wednesday, January 23, 2019

An Update by Microsoft Edge, introducing NewsGuard to put up an end the Fake news

Microsoft Edge has introduced the solution to put up an end to the fake news. Yes, an update of NewsGaurd has introduced in the digital world which mainly inform us about the reliability of the source of news and content, into the Microsoft Edge browser on Android and iOS devices. "We’re listening...

[ This is a content summary only. Visit our website http://bit.ly/1b4YgHQ for full links, other content, and more! ]

by bilal via Digital Information World

Is there a 'great divide' in frontend skills?

#375 — January 23, 2019

Read on the Web

Frontend Focus

HTML5's Input Types: Where Are They Now? — HTML5 introduced 13 new types of form input (think things like type="color"), adding significantly to the number of different fields we could add to our forms. But what is the state of those field types today?

Drew McLellan

The Great Divide in Front-End Development Skills — An interesting think piece on what Chris Coyier perceives as a widening gulf between different types of front-end developer. Is there such a thing as a front-end developer or are we all becoming either UX engineers or JavaScript developers?

Chris Coyier

Building an Immersive Video-Delivered Experience — Understand how ClassPass leverages Bitmovin's streaming video capabilities for a interactive, remote fitness experience.

Bitmovin sponsor

Chrome to Experimentally Implement the Priority Hints API, A Way to Signal the Priorities of Resources — Provides developers with a way to hint at the ‘importance’ of a resource (img, link and fetch()) to prioritize the downloading of it sooner/later. Here’s the spec.

Blink-Dev

▶  Your CSS Layout Toolkit for 2019 — Goes through what we have now and what is coming next for CSS layout. Associated slides & code examples here.

Rachel Andrew

What's New in DevTools in Chrome 73 — Quite a lot of smaller things, including ‘Logpoints’ a way to log messages to the console without adding console.log() calls, keyboard navigation of the console, and the ability to manage geolocation overrides.

Google Developers

💻 Jobs

Sr. Fullstack Engineer (Remote) — Sticker Mule is looking for passionate developers to join our remote team. Come help us become the Internet’s best place to shop and work.

Sticker Mule

Find A Job Through Vettery — Vettery specializes in developer roles and is completely free for job seekers.

Vettery

📘 Articles, Opinion & Tutorials

What the Firefox DevTools Team Did in 2018 — A fantastic retrospective of what happened to Firefox’s DevTools last year, complete with helpful screenshots.

Nicolas Chevobbe

Why The Adoption of Web Accessibility Keeps Failing“Web Accessibility is a well-known web innovation among developers, so why does it end up last on the priority list?”

Max van der Schee

Free Guide - When to Choose ExtReact: A Guide for Developers & Managers — ExtReact includes an extensive component library built to work with your React apps. Read our guide to learn more.

Sencha, Inc. sponsor

How To: Back-to-top Button Without Scroll Events — An alternative way to build user interface features that rely on scroll position without actually observing scroll events.

Jason Zimdars

Full-Stack Development in the Era of Serverless Computing — A high level, Web developer-focused look at how serverless technologies are changing what it means to be a 'full-stack' developer.

Nader Dabit

Open Source, Google, and WordPress 5.0 with Matt Mullenweg — Jeffrey Zeldman speaks to coder, writer, and founding developer of WordPress Matt Mullenweg.

The Big Web Show podcast

Best Practices for Improving Page Load Speed Whitepaper. Download Now

Cloudinary sponsor

Faster Page Loads by Prefetching Links During Idle Time

Chidume Nnamdi

🔧 Code and Tools

Bob Ross Doing the Floss (Like a Boss) in Pure CSS — As the late great Bob Ross once said: “The secret to doing anything is believing that you can do it...(even in CSS)”. I may have added that last bit, but this is a cute demo.

Steve Gardner codepen

A Well-Documented Webpack Boilerplate for Static Websites — ..that has all the necessary modern tools and optimizations built-in. It also has a perfect Lighthouse score.

Tristan Michael Lawrence

Catch Visual Bugs Automatically and Start Deploying Faster

Percy sponsor

Destyle.css: A Clean Slate for Writing CSS Without User Agent Styles — An opinionated reset stylesheet.

Nicolas Cusan

Infinity CSS Grid — You can add as many columns as you like, and you can merge the columns or insert columns inside columns. Everything is 0.1 Kb and it even works in IE10. Repo here.

Vladimir Carrer

GitHub Windows Edition: Turn GitHub into Windows 98 — A neat user style which transforms GitHub into a style reminiscent of Windows 95/98.

Alexander Prokhorov

   ðŸ—“ Upcoming Events

Frontend Developer Love, February 13-15 — Amsterdam, Netherlands — The biggest frontend developer / JS conference in the Netherlands.

UpFront Conference, March 22 — Manchester, UK — A frontend conference 'open to everyone who makes for the web'.

SmashingConf, April 16–17 — San Francisco, California — A friendly, inclusive event which is focused on real-world problems and solutions

CSSCamp 2019, July 17 — Barcelona, Catalunya — A one-day, one-track conference for web designers and developers.


by via Frontend Focus

Shout

Shout is a pro bono R&D project to raise awareness about the Elimination of Violence Against Women.
by via Awwwards - Sites of the day

How Google Analytics Attributes Traffic From Facebook

Want a better understanding of Google Analytics? Wondering why Facebook and Google Analytics sometimes report different results? In this article, you’ll learn how Google tracks traffic and conversions and how to resolve discrepancies between Google Analytics and Facebook Ads Manager. What Is Traffic and Conversion Attribution? To understand what attribution is and how it works, […]

The post How Google Analytics Attributes Traffic From Facebook appeared first on Social Media Marketing | Social Media Examiner.


by Chris Mercer via Social Media Marketing | Social Media Examiner

Tuesday, January 22, 2019

Pyrismic

Lovely blue color scheme in this launching soon page (built using Webflow) for upcoming freelance productivity app, Pyrismic.

Full Review


by Rob Hope @robhope via One Page Love

Fotonia Photograhy Portfolio

Fotonia is a creative portfolio photography WordPress theme. Multiple gallery layouts and easy to create pages with Elementor plugin.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

A Guide to Writing Your First Software Documentation

A Guide to Writing Your First Software Documentation

As a developer, your pride and joy is your code. It’s readable, it meets DRY principles, it reflects best practices, and the end product is a great tool that solves some kind of problem for its target users. However, no matter how much work you’ve put into your code, if your software comes with no documentation, or you write documentation as an afterthought and treat it with little importance, it’s likely users will find little joy in working with it, and eventually opt for a different, more user-friendly product.

In this article, you’ll find a number of practical guiding principles to get you up and running with writing your first software documentation.

Why Documentation Is Important

In reference to your software, Mike Pope has a fitting saying that goes like this: If it isn’t documented, it doesn’t exist.

Why’s that? Well, just to take my personal experience as an example, I was browsing the Web looking for new JavaScript animation libraries to try out and I came across one with a description of its features that I really liked. However, there was no documentation, not even a Getting Started section, but just a bare-bones API page with almost no explanations or examples. Do you think I ended up using that library? Of course, I didn’t. I got so frustrated with it that I moved on to something that made more sense to me.

To the question of why good JavaScript libraries fail, Nicholos Zakas gives the following answer:

Lack of documentation. No matter how wonderful your library is and how intelligent its design, if you’re the only one who understands it, it doesn’t do any good. Documentation means not just autogenerated API references, but also annotated examples and in-depth tutorials. You need all three to make sure your library can be easily adopted.

Another important reason why your software docs are crucially important is that they serve as a communication tool between your present self and your future self, and also between your present self and other developers who eventually might find themselves working on your software. Even if you write readable and commented code, this doesn’t necessarily mean it will still be clear to you in six months’ time why you wrote a function, or any other piece of your code for that matter, the way you did.

Documentation allows you to transfer the why behind code. Much in the same way code comments explain the why, and not the how, documentation serves the same purpose. — A Beginner’s Guide to Writing Documentation

Surely, you want people to use your code and also to be able eventually to update it and improve on it. These are all contributing factors to the growth of a supporting community behind your product, which is important for it to gain robustness, maturity, and success.

It’ll be mighty hard to accomplish all this if your software doesn’t have great docs to go with it.

Who Software Documentation Is For

When writing anything, make sure it’s clear in your mind who your audience is. Docs are no exception to this rule. Doing so clarifies in your head the problems your audience is likely to face, the familiarity it’s likely to have with your product or the prerequisites for using your product. This information is crucial to the way you create the content and the language you use.

There are two kinds of documentation this article is not concerned with:

  1. User manuals. For instance, my sister might decide to use WordPress for publishing her own blog. She’s not a developer, but she’s heard that non-devs can get their blog up and running in no time with WordPress. Now she’ll be needing instructions on how to download and configure the software on her server, how to write, publish, and update her posts, how to add images to a post, etc. In other words, she’ll need a user manual.
  2. Project documentation. This kind of documentation has more to do with the project than with the software itself, although some of its content could go in a project’s Readme file. To continue with the WordPress example, after getting lots of practice with WordPress, I might decide I’d like to add a feature to the software or fix a bug or two. In this case I’ll need to know things like changelogs, conventions and best practices, contribution policies, how to participate in team discussions relevant to the task at hand, etc.

The kind of documentation I’ve got in mind here is mainly aimed at developers who have different levels of familiarity with your software and need to use it in their projects. For instance, if I’m creating a WordPress theme, then I’ll need to know how to get started, how to include style sheets and JavaScript documents, how to communicate with the database to display posts, etc.

What to Include in Your Documentation

A popular approach is Readme Driven Development, championed by Tom Preston-Werner. It consists of writing the Readme document before you even start writing any code. This document is an introduction to your software and usually includes:

  • an explanation of what your software does and what problem it solves
  • an example illustrating the circumstances in which your code would normally be used
  • links to the code and bugs tracker
  • FAQs and ways to ask for support
  • instructions on how to install your software
  • license information

However, in my view, having a solid documentation that can really help developers who use your software/library should go well beyond the classical Readme file. Following Daniele Procida, I suggest you include the following items in your documentation material for a great user experience.

The post A Guide to Writing Your First Software Documentation appeared first on SitePoint.


by Maria Antonietta Perna via SitePoint