teleren/devto huggingface dataset:
Most underrated plugins for VS code
Tags: javascript, webdev, vscode
Published: 2018-07-29 08:58:52

---
title: Most underrated plugins for VS code
published: true
description: asking from the community about vs code plugins
tags: javaScript, webdev, vscode
---

I see that most of the useful plugins are niche specific and highly underrated. 

For me, that are [dbankier.vscode-quick-select](https://marketplace.visualstudio.com/items?itemName=dbankier.vscode-quick-select) and [bierner.emojisense](https://marketplace.visualstudio.com/items?itemName=bierner.emojisense) which I see no one is using and downloads are also pretty low.

Tell me which of your favourite vs code plugin is very useful but underrated.
Tired of .DS_Store getting version controlled?
Tags: github, git
Published: 2018-07-31 01:48:51

---
title: Tired of .DS_Store getting version controlled?
published: true
tags: github,git
canonical_url: 
---

Every Mac user has had this happen to them. You write some code, push your changes up to a repository, and that’s when it happens. There’s .DS\_Store files across your repository.

### Why does this file get created?

> In the Apple macOS operating system, .DS\_Store is a file that stores custom attributes of its containing folder, such as the position of icons or the choice of a background image.

_tldr; the OS uses it to store metadata for the folder_

### How can we fix this?

To fix this, you could rewrite your Git history but you’ll end up having to do this every time the .DS\_Store file appears. This isn’t a great solution.

You could a new rule to your .gitignore file. This requires you to remember to add .DS\_Store each time. This is a better solution but still not ideal.

### Introducing the global .gitignore

Just as the .gitignore file in each of your repositories tells what files Git should ignore, the .gitignore\_global applies rules across all the repositories on your machine.

The .gitignore\_global file can be created by entering the following:

**git config — global core.excludesfile ~/.gitignore\_globals**

After you’ve created the file, you can add rules just as your would in a .gitignore file.

### Next Steps

So what now? You can start adding files that you don’t want to get committed into .gitignore\_global. You can find a list of example config files based on what you’re developing [here](https://github.com/github/gitignore).

Also, if you want to stop the creation of .DS\_Store, you can enter the following command into your Terminal:

**defaults write com.apple.desktopservices DSDontWriteNetworkStores true**

After rebooting, your OS will stop creating those pesky .DS\_Store files.

To undo the above command, enter the following command into your Terminal:

**defaults write com.apple.desktopservices DSDontWriteNetworkStores false**

> This is a cross post from the [GitHub Campus Experts Blog](https://githubcampus.expert/johnphamous/tired-of-ds-store-getting-version-controlled/).
Feedback on my Portfolio/Blog.
Tags: career, beginners, help
Published: 2018-07-29 01:11:57

---
title: Feedback on my Portfolio/Blog.
published: true
description: 
tags: career, beginner, help
cover_image: https://thepracticaldev.s3.amazonaws.com/i/f0z1xztgnoryxvkf9rud.png
---

I'm trying to get the right job for me. I have developed my online portfolio/blog. It would be great if you could give me feedback or suggestions on how to improve. 

Here is the link : 
**[https://brendazam.com](https://brendazam.com)**

If anyone else is looking for feedback on their portfolio/blog, **add your link and I will give you my feedback.**  😄

Thanks in advance!
Structured light
Tags: structuredlight
Published: 2018-07-29 01:02:14

---
title: Structured light
published: true
description: please
tags: structured light
---

I am trying to get any developers to make a structured light 3d scanner for windows that works. Brown University has one posted and works but the amount of time need to align point clouds is tremendous. If an ability to align the point clouds was added it would be an awesome tool for the community. One other add would to allow a turn able to turn and the ability to choose webcam resolution.

Thanks
Full Page Webpage Snaphots with Chrome DevTools
Tags: chrome, devtools, webdev
Published: 2018-08-10 01:12:16

---
title: Full Page Webpage Snaphots with Chrome DevTools
published: true
tags: chrome, devtools, webdev 
cover_image: https://www.chaseadams.io/img/chromescreencap_3.gif
canonical_url: https://www.chaseadams.io/2018/chrome-full-page-website-snapshot/
---

## Learn how to take full page snapshots of a webpage using Chrome DevTools 

Taking full-length screenshots of a webpage is useful for client work, keeping historical references of a website or when you want to have a webpage round-up gallery to show sites that you've found around the web.

In the past, if you needed to do this, you likely did it incrementally and stitched it together or installed a separate extension in your browser (most had varying results).

Recently when I was doing some mobile web development and checking how my site looked for various devices with Chrome DevTools, I noticed that Chrome has a baked in way of taking a full length screenshot!

1. **Open DevTools.** In the application menu click **"View"** , then **"Develop"** , then **Developer Tools** (Alternatively you can save some clicks with cmd+option+i on a Mac). You should have a new pane that has tabs for "Elements", "Console", "Sources" and more and below that you will likely see the HTML of the page you're currently on. ![](https://www.chaseadams.io/img/chromescreencap_1.gif "How to open Chrome DevTools")
2. **Toggle Device Toolbar.** In the top left corner of the new pane, click the second icon from the left for **"Toggle Device Toolbar"**. A new toolbar should open at the top of the browser's window with options to change the page to be emulate displaying different devices. ![](https://www.chaseadams.io/img/chromescreencap_2.gif "how to toggle device toolbar")
3. **Take The Screenshot.** In the new device toolbar, click the **"More Options"** button (3 vertical dots) in the far right corner and click **"Capture Full Size screenshot"**. ![](https://www.chaseadams.io/img/chromescreencap_3.gif "how to take a full-screen screenshot of a website with Chrome DevTools")

Now you can take full size screenshots with ease and natively in the browser!
Programing with a new born. Tips?
Tags: productivity
Published: 2018-07-28 23:32:14

---
title: Programing with a new born. Tips?
published: true
description: 
tags: productivity
---

As of today, my son will be exactly 2 weeks old. It has been a very emotional journey so far and I hope this little one brings a lot of joy and happiness in our lives. I am currently taking some time off from work to make sure both the mom and baby get the attention and help they need getting accustomed to the new environment and relationship. But I am sure I will need to get back to work soon.

I would like to know from anyone here in my situation on how to deal with a new born at home trying to get all my attention and still focus on my work. Any advice will be really valuable. 

Thanks.
How to install a SharePoint 2016 farm using PowerShell and AutoSPInstaller (Part 2)
Tags: sharepoint2016, powershell, tools, sharepoint
Published: 2018-09-10 20:10:02

---
title: How to install a SharePoint 2016 farm using PowerShell and AutoSPInstaller (Part 2)
published: true
tags: SharePoint 2016,PowerShell,Tools,SharePoint
canonical_url: https://blogit.create.pt/miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-2/
---

The post [How to install a SharePoint 2016 farm using PowerShell and AutoSPInstaller (Part 2)](https://blogit.create.pt/miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-2/) appeared first on [Blog IT](https://blogit.create.pt).

Hello,

This post is the second part of a two part series where I will talk about a great way to install SharePoint in a fully automated way using PowerShell.

To read the first part, click [here](https://dev.to/mlisidoro/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-1-1i04-temp-slug-1528380).

# Introduction

Installing a SharePoint farm can be a complex task and the installation process is composed by a series of steps:

- Downloading and installing SharePoint prerequisites
- Downloading and installing the SharePoint binaries
- Downloading and installing the lastest SharePoint updates
- Downloading and installing the required language packs (optional, necessary if you want the SharePoint interface to be presented in a language other than English)
- Configuring the SharePoint farm using SharePoint Products and Configuration Wizard

All the above steps are time consuming and can be error prone if, for example, you miss to download any of the prerequisites.

Fortunately, it is possible to fully automate a SharePoint farm installation using PowerShell by using a script called [AutoSPInstaller](https://autospinstaller.com/). The installation process can be divided in two major steps:

- Downloading the SharePoint installation package, click [here](https://dev.to/mlisidoro/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-1-1i04-temp-slug-1528380) for more details
- Installing SharePoint and configuring the SharePoint farm

In this post, I will talk about the second part of the process: installing SharePoint and configuring the SharePoint farm.

[AutoSPInstaller](https://autospinstaller.com/) can be used to install a SharePoint farm in the following versions of SharePoint:

- SharePoint 2010
- SharePoint 2013
- SharePoint 2016
- SharePoint 2019 (still in Preview – to learn more about all the upcoming features in SharePoint 2019, click [here)](https://blogit.create.pt/miguelisidoro/2018/08/04/sharepoint-server-gets-modern-sharepoint-2019-is-here/)

The example in this post is based on SharePoint 2016.

To know all the details about the second part of the installation process (installing SharePoint and configuring the SharePoint farm), click [here](https://blogit.create.pt/miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-2/).

Happy SharePointing!
How to install a SharePoint 2016 farm using PowerShell and AutoSPInstaller (Part 1)
Tags: sharepoint2016, powershell, tools, sharepoint
Published: 2018-09-10 19:51:20

---
title: How to install a SharePoint 2016 farm using PowerShell and AutoSPInstaller (Part 1)
published: true
tags: SharePoint 2016,PowerShell,Tools,SharePoint
canonical_url: https://blogit.create.pt/miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-1/
---

The post [How to install a SharePoint 2016 farm using PowerShell and AutoSPInstaller (Part 1)](https://blogit.create.pt/miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-1/) appeared first on [Blog IT](https://blogit.create.pt).

Hello!

This post is the first part of a two part series where I will talk about a great way to install SharePoint in a fully automated way using PowerShell.

# Introduction

Installing a SharePoint farm can be a complex task and the installation process is composed by a series of steps:

- Downloading and installing SharePoint prerequisites
- Downloading and installing the SharePoint binaries
- Downloading and installing the lastest SharePoint updates
- Downloading and installing the required language packs (optional, necessary if you want the SharePoint interface to be presented in a language other than English)
- Configuring the SharePoint farm using SharePoint Products and Configuration Wizard

All the above steps are time consuming and can be error prone if, for example, you miss to download any of the prerequisites.

Fortunately, it is possible to fully automate a SharePoint farm installation using PowerShell by using a script called [AutoSPInstaller](https://autospinstaller.com/). The installation process can be divided in two major steps:

- Downloading the SharePoint installation package
- Installing SharePoint and configuring the SharePoint farm

This process can be used for the following versions of SharePoint:

- SharePoint 2010
- SharePoint 2013
- SharePoint 2016
- SharePoint 2019 (still in Preview - to learn more about all the upcoming features in SharePoint 2019, click [here](https://blogit.create.pt/miguelisidoro/2018/08/04/sharepoint-server-gets-modern-sharepoint-2019-is-here/))

In this post, I will talk about the first part of the process: downloading the SharePoint installation package and I will use SharePoint 2016 as an example.

To know the complete details about the first part of the process (downloading the SharePoint installation package), click [here](https://blogit.create.pt/miguelisidoro/2018/07/28/how-to-install-a-sharepoint-2016-farm-using-powershell-and-autospinstaller-part-1/).


Happy SharePointing!
What Defines a "Junior" Developer? 🤷🏻‍♀️
Tags: beginners, explainmeinfive, discuss
Published: 2018-07-28 18:14:05

---
title: What Defines a "Junior" Developer? 🤷🏻‍♀️
published: true
description: 
tags: #beginner #explainmeinfive #discuss
---

How do you define a “Junior” Developer? Is it by the amount of experience they have? Does a developer’s age indicate seniority? Do you assign this title to developers at lower salary tiers? 🤷🏻‍♀️
Ruby Gem debug_helper Version 1.8 Is Up
Tags: ruby, debugging
Published: 2018-07-28 17:52:45

---
title: Ruby Gem debug_helper Version 1.8 Is Up
published: true
description: New classes treated
tags: ruby, debugging
---

Ruby gem `debug_helper` [Version 1.8](https://github.com/BurdetteLamar/debug_helper#new-in-version-18) is up.

The `debug_helper` assists in printf-style debugging by displaying details about objects, often recursively.

New classes detailed:

* `Dir`
* `Exception`
* `Range`
* `Regexp`
* `IO`
* `MatchData`
Hoarding logs and utility over time
Tags: discuss, aws, devops
Published: 2018-07-28 17:24:38

---
title: Hoarding logs and utility over time
published: true
description: 
tags: discuss, aws, devops
---

Hi, I'm thinking about replacing a CloudWatch - ES + Kibana stack with X-Ray.

X-Ray has a retention period of 30 days. Apart from business-related stuff, would you say that's long enough time to store logs? 

Got any stories when log archaeology saved you?
Building a static React App to share encrypted notes
Tags: react, showdev, learning, opensource
Published: 2018-07-28 15:49:50

---
title: Building a static React App to share encrypted notes
published: true
description: A side project to learn a bit more about building web apps
tags: react, showdev, learning, open-source
---

I started writing [this little web app](https://tmpnote.xyz/) as a way to learn about setting up a website on Netlify and to try out some new libraries. It was a lot of fun to work on and has turned out to be quite useful for sharing little messages or passwords. I wanted to share it here to get some feedback and hopefully inspire some other people out there working on similar projects :)

The site is basically a little clone of the service privnote.com - and it works by encrypting a message in the browser and stores the encrypted message in a redis server. The password to decrypt the note never leaves the browser and the site gives you a link to share with someone else with the password appending to the hash section of the url - that way the password you share with them never leaves their browser either. When the other person opens the link the web app will fetch the note and decrypt it on the client side. I set it up so that the encrypted note on the server is deleted as soon as it is read from the database.

The source code is available on my [GitHub page](https://github.com/liamgriffiths/tmpnote) - feel free to check it out. I wrote out some instructions there on how to deploy it yourself if you want to run your own version of it.
Simple jQuery Based Barcode Generator - Barcode
Tags: html, jquery, webdev, javascript
Published: 2018-07-28 14:39:00

---
title: Simple jQuery Based Barcode Generator - Barcode
published: true
description: Simple jQuery Based Barcode Generator - Barcode
tags: #html #jquery #webdev #javascript 
---

Post Link : https://www.skptricks.com/2017/12/simple-jquery-based-barcode-generator.html

Long time back, we have shared post about "How to Generate Bar Code with PHP". In that post we have given complete explanations and details about barcode code generation. 
Barcode - Wikipedia

Now Today we are going to discuss similar topic as it is very useful and provide the simple way to generate the barcode using readily available JQuery Plugin.
The best part is that this lightweight jQuery plugin has the ability to generates 8 types of Barcode and outputs as CSS, BMP, SVG or Canvas for your work.

Reference : 
https://github.com/artdomg/barcode-jquery

Barcode types supported:
standard 2 of 5 (std25)
interleaved 2 of 5 (int25)
ean 8 (ean8)
ean 13 (ean13)
upc (upc)
code 11 (code11)
code 39 (code39)
code 93 (code93)
code 128 (code128)
codabar (codabar)
msi (msi)
datamatrix (datamatrix)
Output formats supported:
CSS
BMP (not usable in IE)
SVG (not usable in IE)
Canvas (not usable in IE)

<a href="https://www.skptricks.com/2017/12/simple-jquery-based-barcode-generator.html" >Simple jQuery Based Barcode Generator - Barcode </a>


<img src="https://3.bp.blogspot.com/-S5DmKgwKBI4/WiYc54IYi8I/AAAAAAAABD8/rlZ57QybJQ8Q1_IFhVgPgN474Wy63WtTACLcBGAs/s320/bar.jpg" />

{% youtube zZe1ssVhQIo %}
[LIVE SHOW] Animations in Angular
Tags: angular, javascript, frontend
Published: 2018-07-28 13:41:25

---
title: "[LIVE SHOW] Animations in Angular"
published: true
tags: angular, javascript, frontend
cover_image: https://thepracticaldev.s3.amazonaws.com/i/r1wuqboc977a0pk4z4wl.png
---
REGISTER - https://angular-academy.com/events/animations-in-angular/30-07-2018

*** LIVE SHOW *** Animations in Angular

Join us during live discussion about:

- CSS3 animation and transition
- Web Animation API
- Angular animation in a nutshell
Using Ruby for projects that are not Rails related.
Tags: discuss, beginners, ruby, help
Published: 2018-07-28 11:53:07

---
title: Using Ruby for projects that are not Rails related.
published: true
description: I'm currently learning Ruby in preparation for a boot camp I'm applying to. What can I create with Ruby that doesn't involve Rails?
tags: #discuss, #beginners, #ruby, #help
---

 I'm currently learning Ruby in preparation for a boot camp I'm applying to. What can I create with Ruby that doesn't involve Rails?

As a beginner, I'm also curious what people use Ruby for nowadays when they're not using it for Rails (or Sinatra). Would love to work on a project this weekend!

Thanks and enjoy your day.
Facebook loading animation using CSS3
Tags: javascript, html, css, webdev
Published: 2018-07-28 08:45:50

---
title: Facebook loading animation using CSS3
published: true
description: Facebook loading animation using CSS3
tags: #javascript #html #css #webdev
---

Post Link : https://www.skptricks.com/2017/12/facebook-loading-animation-using-css3.html

Today we are going to discuss Facebook loading animation using CSS3.  If you observed that when you open Facebook in web application it shows a content loading placeholder like below screenshots.
How the Facebook content placeholder works
To display loading effect in webpage based application, you need some ideas on CSS3. Here we are using CSS3 Keyframes to create desire effect.
Content Placeholder Animation like Facebook using Shimmer
Lets start with loading animation.
Animation 1 :
Here we are using animation1.css file to display loading effect in webpage.

{% youtube jQj21I634ZE %}

<a href="https://www.skptricks.com/2017/12/facebook-loading-animation-using-css3.html" >Facebook loading animation using CSS3 </a>

<img src="https://3.bp.blogspot.com/-sOiWftcLpiw/WizNS8YTjRI/AAAAAAAABEQ/yXnFeuoNl7YXHNpEkGflAn6fKx2UGYcwQCLcBGAs/s400/fb.jpg" />
How to use lit-html with Polymer
Tags: polymer, javascript, element, webcomponents
Published: 2018-07-28 06:37:19

---
title: How to use lit-html with Polymer
published: true
description: We set up a simple Polymer 3.0 element and then transform it to use lit-html
tags: polymer, javascript, element, webcomponent
---
{% youtube 6q1Og9Lvtxs %}
What are some file structure best practices for apollo server?
Tags: graphql, node, discuss, typescript
Published: 2018-07-28 00:53:22

---
title: What are some file structure best practices for apollo server?
published: true
description: What are some file structure best practices for apollo server?
tags: graphql, nodejs, discuss, typescript
---

What are people finding as a best practice for folder structure in your apollo server? 

E.g. I'm wondering if it would be a good idea to structure things like so:

```
src/
    enum/
    input/
    interface/
    mock/
    mutation/
    query/
    resolver/
    scalar/
    subscription/
    type/
    server.ts
```
 

Then I was thinking I could merge everything together like so:

```
import http from "http";
import express from "express";
import { ApolloServer } from "apollo-server-express";
import { makeExecutableSchema } from "graphql-tools";
import { mergeResolvers, mergeTypes } from "merge-graphql-schemas";
import path from "path";
import glob from "glob";
import fs from "fs";

(async () => {
  //   TypeDefs
  const typeDefs = glob
    .sync(path.join(__dirname, "./**/*.graphql"))
    .map(f => fs.readFileSync(f, { encoding: "utf8" }));

  // Resolvers
  const resolvers = await Promise.all(
    glob
      .sync(path.join(__dirname, "./**/*.resolver.ts"))
      .map(async f => (await import(f)).resolver)
  );

  //   Mocks
  const mocks = await Promise.all(
    glob
      .sync(path.join(__dirname, "./**/*.mock.ts"))
      .map(async f => (await import(f)).mock)
  );

  const schema = makeExecutableSchema({
    resolvers: mergeResolvers(resolvers),
    resolverValidationOptions: {
      requireResolversForResolveType: false
    },
    typeDefs: mergeTypes(typeDefs)
  });

  const PORT = 4000;
  const app = express();
  const server = new ApolloServer({
    mocks: Object.assign({}, ...mocks),
    schema
  });
  server.applyMiddleware({ app });

  const httpServer = http.createServer(app);
  server.installSubscriptionHandlers(httpServer);

  httpServer.listen(PORT, () => {
    console.log(
      `🚀 Server ready at http://localhost:${PORT}${server.graphqlPath}`
    );
    console.log(
      `🚀 Subscriptions ready at ws://localhost:${PORT}${
        server.subscriptionsPath
      }`
    );
  });
})();
```

What do you think?