teleren/devto huggingface dataset:
Daily routine
Tags: work, productivity, professional
Published: 2017-12-17 00:26:12

---
title: Daily routine
published: true
description: 
tags: work,productivity,professional
---

Everybody has their daily routine. I thought about sharing my routine with you. I try to get around eight hours of sleep. Before I go to bed, I close off all digital media and go and read a book. I try not to read a book that is not related to my work.

I only try to drink caffeine rich drinks before 15:00. 

| Time  | Description                 |
| ----- | --------------------------- |
| 7:00  | Wake up                     |
| 7:20  | Breakfast                   |
| 8:10  | Travel to the office        |
| 8:50  | Arrive at the office        |
| 12:00 | Lunchtime                   |
| 12:30 | Have a little walk outside  |
| 17:20 | Travelling home             |
| 18:15 | Diner                       |
| 19:00 | Start doing study work / Go to the gym     |
| 21:45 | Finish study work / Get home from the gym         |
| 22:00 | Close off all digital media, read a book |
| 22:30 | Bedtime                     |

How does your workday look like? And why do you scheduled the way you scheduled it?
Why to migrate from AngularJS to Angular? 
Tags: angular, javascript
Published: 2017-12-16 23:02:25

---
title: Why to migrate from AngularJS to Angular? 
published: true
description: ...or anything else
tags: angularjs, angular, javascript
---

There's tons of posts out there explaining "how", but not so much justifying "why" beyond the "oh, it's new, it's cool, just move on".

Consider existing projects, much of them medium to large in size and importance. The investment was already done. There's so much tooling and solid project standards that has evolved though time, just like the community around.

They deliver value to users that don't know what's AngularJS nor Angular, React or whatever.

So, beyond the "it's cool" hype, why should we consider migrate existing AngularJS projects to Angular (or anything else)?
iOS Development Tools
Tags: showdev, devtips, productivity, ios
Published: 2017-12-16 20:32:29

---
title: iOS Development Tools
published: true
description: A short list of supporting tools to help with your Apple development 
tags: #showdev #devtips #productivity #ios
---

![](https://thepracticaldev.s3.amazonaws.com/i/z2x000sy5wtgm4cn14re.jpg)

We have made a list of a few very handy free applications to help you with your iOS development.

1. [Watchdog](https://www.cerebralgardens.com/watchdog) Watches your generated files and cleans them up automatically. Great if you have every had to clear your derived data manually.

2. [oh-my-zsh](https://github.com/robbyrussell/oh-my-zsh) Revamp your terminal with a more modern feel. Themes and aliases can be great for improving your workflow and saving you time.

3. [Zeplin](https://medium.com/@zeplin_io) A UI designing and sharing tool. A cool feature is being able to download icons direct from a mock with all the sizes required for Xcode.

4. [Alcatraz](http://alcatraz.io/) The missing package manager for Xcode, plenty of add-ons to help your development so have a look.

5. [SimSim](https://github.com/dsmelov/simsim) Quick access to your simulator's folders. Handy for getting to your database files etc.

6. [Sqlite Browser](http://sqlitebrowser.org/) Simple database browser, its great for looking into your app's database and figuring out bugs.

7. [Charles Proxy](https://www.charlesproxy.com/) Capture all network requests to your app and make sure everything is looking good. Handy for quickly blaming the server for bugs.

8. [Postman](https://www.getpostman.com/) A useful tool to send network requests to your APIs. Great for testing the format of data to be sent to the server or returned from it. 

9. [Git Kraken](https://www.gitkraken.com/) If you don't like terminal based Git then this GUI top notch. Visualising the branches graph can help a lot in complex projects. 

10. [App Launch Pad](https://theapplaunchpad.com/) Quick an easy customised screenshots. Show off your app to its full potential and make sure you get it into the hands of people that want it!

11. [Fabric](https://get.fabric.io/) One of the better analytics platforms that will allow you to log crashes and custom events. The more you know about the usage of your app the better you can make improvements. 

12. [Gifable](http://gifable.co.uk/) **Record your screen as a Gif**. Great for showing everyone what you have made. It's not free but its pretty cheap.

Being more efficient at your work helps you get more done. If you know any more great apps to add to this list comment below and we will add them in.
How can I replace all matches found in Apache POI? 
Tags: java
Published: 2017-12-16 18:53:23

---
title: How can I replace all matches found in Apache POI? 
published: true
description: The following code I found on StackOverflow replaces only the first match found. I am happy about help how I can replace all found hits. I tried the method "replaceAll" but without result. Because I don't know how to construct a regex.
tags: java
---

The following code I found on StackOverflow replaces only the first match found. I am happy about help how I can replace all found hits. I tried the method "replaceAll" but without result. Because I don't know how to construct a regex. Important: The text must also be replaced in the footer.

{% gist https://gist.github.com/svenmauer/20340b45c148159ce0599c0f6875fe4f %}
WDS11 - HTML Tables
Tags: html, wds, webdev
Published: 2017-12-16 17:01:28

---
title: "WDS11 - HTML Tables"
published: true
tags: HTML,WDS, webDev
canonical_url: http://thecodingexpress.blogspot.com/2017/12/wds11-html-tables.html
---

In the [last article](https://thecodingexpress.blogspot.in/2017/12/wds10-more-about-html-images.html) we learned about:  

- Floating images in HTML
- How to create Image mapping in HTML
In this article, we will start our discussion about tables in HTML. Tables are the great way to represent your information in tabular form. Following tags are used to create the table:  
**\<table\>** : HTML table is defined with this tag.  
**\<tr\>** : Each table row is defined with this tag.  
**\<th**** \>** : This is used for representing table headers.  
**\<td\>** : This tag is used for defining table data.  
By default HTML tables will not add any borders inside or outside of tables. To add borders use the **border attribute** inside **\<table\>** tag with the value equal to any integer inside quotes. You can also add the **width attribute** to **\<table\>** tag in percentage. You can also align particular text with **align attribute**.  
There is one more tag called **\<caption\>** which is used to give the table a name or heading which will be displayed on the table. It will be used inside **\<table\>** tag.&nbsp;   
Let's see the example to understand this concept completely:
  
{% gist https://gist.github.com/Omkar-Ajnadkar/1212f1c9ac64a707c87fe3ca11e0e1c8 %}
   
There may be the case when the particular cell should span normal one column. In such case, you will use attribute **colspan** in that cell. The value of attribute **colspan** will be the number of columns we want that span to that cell. 
 
{% gist https://gist.github.com/Omkar-Ajnadkar/8979d7ada3c44bea4dfa996c3bfa3e2f %}
   
Similarly, there is **rowspan** attribute that is used to spread the span in multiple rows with its value equal to the number of rows we want to spread the span.
  
{% gist https://gist.github.com/Omkar-Ajnadkar/0db4adbb103dc215ad35f6e6013d42b1 %}
   
For any text you can always use attributes like align, color, background and formatting like bold, etalic or underline to customise your table. We can customise our table much more with CSS but we will do it when we will learn CSS.  
That's all for today. Practice tables with various attributes and types to master in it. In the next part, we will learn about HTML lists and their types. Comment on how you think this article is, what improvements should I do and for any doubts. Share with your friends and **keep coding**.
Inspiring developers make Twitter worthwhile
Tags: coding, people, socialweb, developers
Published: 2017-12-26 15:59:29

---
title: "Inspiring developers make Twitter worthwhile"
published: true
tags: Coding,People,Social Web,developers
canonical_url: https://pauljacobson.me/2017/12/16/inspiring-developers-make-twitter-worthwhile/
---

Twitter has become a complicated digital space, to say the least. My “[Inspiring developers](https://twitter.com/pauljacobson/lists/inspiring-developers)” Twitter list is one of the highlights of my Twitter experience, and [the developers on that list](https://twitter.com/pauljacobson/lists/inspiring-developers/members) make Twitter worthwhile for me, despite all the cruft we see there.

One of the themes that Twitter has helped highlight is how women developers are routinely marginalised, dismissed, devalued. I decided to seek out inspiring women developers and follow them because I was interested in their perspectives on development, life, and other issues.

I’m glad I did. Sure, there are some men on that list (there are plenty of male developers who I admire too) but I wanted to be exposed to different voices.

I am continually inspired by the developers I add to my list, and there are times when I’m tempted to unfollow virtually everyone else and just focus on this growing group of smart, thoughtful, and innovative professionals. [See for yourself](https://twitter.com/pauljacobson/lists/inspiring-developers).

I have learned so much from virtually every person on this list. The fact that this list began as an effort to focus on women developers has become secondary to how much I appreciate being able to subscribe to their shared thoughts.

<mark>By the way, if there are developers who aren’t on my list and who inspire you, let me know in the comments or <a href="https://twitter.com/pauljacobson" target="_blank" rel="noopener">on Twitter</a>?</mark>
Readability analogy in music
Tags: programming, readability
Published: 2017-12-16 12:33:01

---
title: Readability analogy in music
published: true
description: 
tags: programming, readability
---

*This article originally appeared [on my blog](http://wrschneider.github.io/2017/12/11/readability-music.html)*

In music, you can often write the same note two different ways, for example, B-flat and A-sharp correspond to the same key on a piano keyboard.  When you use which depends on surrounding context.  A chord C/E/G/B-flat is a C dominant 7th and resolves to an F chord.  The same chord written
as C/E/G/A-sharp is an augmented 6th and resolves to B major.  So which way the chord is written tells you something about where it's going next.

The other day, I saw music with an augmented 6th chord written as a dominant 7th, and I found it confusing to look at a sequence of notes
like A-natural, A-flat, A-natural.  Given the first two notes in that sequence, you usually expect the third note to be G.  

So what does this have to do with code?

*Readability matters.*  

With code, you can often get the same end result multiple ways.  It's important for your code to look like what it does, so anyone reading it
will be able to understand it.  Since we spend at least 90% of our time reading code (the Uncle Bob figure) focusing on readability will improve 
productivity.  

Poorly named methods are the equivalent of that A-flat that should have been written as a G-sharp: it will sound (or work)
the same, but you're making the reader work harder than they should have to.
I spent 16 hours to migrate my site! Here is result
Tags: discuss, showdev, github, webdev
Published: 2017-12-16 09:55:30

---
title: I spent 16 hours to migrate my site! Here is result
published: true
description: 
tags: discuss, showdev, github, webdev
---

Old Site: [harshitrathod.com](https://harshitrathod.com)

This week I am doing a detailed analysis of my blog traffic and I am very much disappointed by the performance. I am using WordPress on my blog. I asked for feedback to some of my friends. I also perform a test of a website on different site and it is pretty bad.

Performance on google insight:
![](https://thepracticaldev.s3.amazonaws.com/i/8fk8k0v7ctyve6joqjbt.png)
![](https://thepracticaldev.s3.amazonaws.com/i/5lyznlakrrfin1a4ajy5.png)

Performance on Testmysite.io:
![](https://thepracticaldev.s3.amazonaws.com/i/y350zuwg36wws4x3pfxa.png)
![](https://thepracticaldev.s3.amazonaws.com/i/dsl1ut1qtux6q5vw8mx5.png)

Because Of this I decided to solve this problem.yesterday I posted a question about replacing WordPress with a static site. Yesterday around 10 P.M IST I started to work on my site to convert to a static site. I spent continuous 16 hours to create a new blog site.
 
I used [Jekyll](https://jekyllrb.com/) + Github so that I can reduce hosting charges.

Here is new site : [harshitrathod.github.io](https://harshitrathod.github.io)

Performance on google insight:
![](https://thepracticaldev.s3.amazonaws.com/i/2533klxxokbmxgg41j29.png)
![](https://thepracticaldev.s3.amazonaws.com/i/6losy1cnuuhmyuwmp1aa.png)

Performance on Testmysite.io:
![](https://thepracticaldev.s3.amazonaws.com/i/5qqu40uja1lhzu1rodjv.png)
![](https://thepracticaldev.s3.amazonaws.com/i/bvxsgfr3giaol2vhdsqs.png)

Only pending test GitHub + custom domain. I will not publish anything on new site for a week and I am open to feedback. If everything goes fine I will enable custom domain and old site will not be accessible.
Little Bit About Me
Published: 2017-12-16 06:26:28

---
title: Little Bit About Me
published: true
description: 
tags: 
---

My name is Fazle Rabbi, and I love to reading, and the knowledge and perspective that my reading gives me has strengthened my teaching skills and presentation abilities. I consider myself a good public speaker, and I have a good sense of humor. I enjoy meeting with new people and finding ways to help them have an uplifting experience. So I always try to writing about Top Level Tips and [Social bookmarking sites](https://topleveltips.com/social-bookmarking-sites/)
fullPage.js is not smooth only with chrome when use backgroundsFixed.
Tags: jquery, css
Published: 2017-12-16 05:20:23

---
title: "fullPage.js is not smooth only with chrome when use backgroundsFixed."
published: true
description: When using fullpage.js and background-attachment together.
tags: jQuery,css
---

[fullPage.js](https://github.com/alvarotrigo/fullPage.js)
/examples/backgroundsFixed.html

To apply position: absolute; to an internal element, using position: relative; as a wrapper class does not make a smooth transition when scrolling. (only on chrome)
```css
.section {
    // not smooth
    position: relative;

    // smooth
    position: static;
}
```
fzf + ag fuzzy grep
Tags: grep, fzf, ag
Published: 2017-12-16 03:34:41

---
title: fzf + ag fuzzy grep
published: true
description: fuzzy grep via ag
tags: grep,fzf,ag
---

In my environment, the vg () function described in the [official fzf wiki](https://github.com/junegunn/fzf/wiki/Examples) did not work well.
Specifically, a new file with a line number added opens.

I searched and found [this issue](https://github.com/junegunn/fzf/issues/429).

```shell
fag(){
  local line
  line=`ag --nocolor "$1" | fzf` \
    && vim $(cut -d':' -f1 <<< "$line") +$(cut -d':' -f2 <<< "$line")
}    
```
This function works well. It was very helpful.
Self-Signed Certificate with HSTS Site and ZAP with Chrome
Tags: owasp, zap, hsts, owaspzap
Published: 2017-12-15 23:09:30

---
title: Self-Signed Certificate with HSTS Site and ZAP with Chrome
published: true
description: 
tags: owasp, zap, hsts, owaspzap
---

If you happen to have problems with OWASP ZAP using Chrome and visiting a site that supports HSTS in Windows? Just follow theses steps:

1. Enable unsafe renegotiation in ZAP
2. Install Java Cryptography Extension (JCE) for your Java version. Here is the link for [Java 8](http://www.oracle.com/technetwork/java/javase/downloads/jce8-download-2133166.html)
    * Download and unzip the file.
    * Extract __jce\local_policy.jar__ and __jce\US_export_policy.jar__ from the archive to the folder __%JAVA_HOME%\jre\lib\security__, overwriting the files already present in the directory.

3. Disable security in Chrome options.
    * Go to chrome://settings
    * Click on `Protect you and your device from dangerous sites` to disable it.
PoC: CSS Grid Layout Editor and Web GUI Editor?
Tags: css
Published: 2017-12-15 22:30:58

---
title: "PoC: CSS Grid Layout Editor and Web GUI Editor?"
published: true
description: 
tags: css
---

## Concept

I think today's web application development needs GUI editor for itself, with valid semantics.

It's not `Home Page Builder`.

## Implementation

For that research, I wrote css grid layout generator at first.

Try it here. https://mizchi-sandbox.github.io/grid-generator/

![](https://gyazo.com/97e5ffe65f34c2ec5d11e79d9d2756b5.gif)

![](https://i.gyazo.com/b0a5edd1966a18c31e71666178eb02b2.png)

Yes, it's very rough but works.

This tool generates css like this.

```css
.gridContainer {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 120px 4fr 1fr;
  grid-template-rows: 60px 1fr 40px;
  grid-template-areas: 'header header header' 'left content right' 'footer footer footer';
}
.headerArea {
  grid-area: header;
}
.leftArea {
  grid-area: left;
}
.contentArea {
  grid-area: content;
}
.rightArea {
  grid-area: right;
}
.footerArea {
  grid-area: footer;
} 
```

Code is here. https://github.com/mizchi-sandbox/grid-generator
Safari is word-wrapping the pre tag, creating inappropriate code wrapping.
Tags: help, css, webdev
Published: 2017-12-15 22:17:58

---
title: Safari is word-wrapping the pre tag, creating inappropriate code wrapping.
published: true
description: 
tags: help, css, webdev
---

This is live on [dev.to](/) right now and I haven't been able to find the answer.

Here is a normal code snippet:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Authentication with firebase</title>
    <script src="https://www.gstatic.com/firebasejs/4.8.0/firebase.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-auth.js"></script>
    <style>
        #app{
        width:50%;
        margin: 100px auto;
        }
        .hide{
        display: none;
        }
    </style>
</head>
<body>
    <div id="app">
        <input type="email" id="txtEmail" placeholder="Enter email" /> <br/>
        <input type="password" id="txtPassword" placeholder="Enter password" /><br/>
        <button id="btnLogin" >Log in</button>
        <button id="btnSignUp" >Sign Up</button>
        <button id="btnLogOut" class="hide" >Log Out</button>
        <button id="withFB">Log In with FaceBook</button>
        <button id="withGithub">Log In with GitHub</button>
    </div>  
    <div id="results"></div>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>
```

On Chrome it wraps as expected on narrow screens and scrolling sideways reveals the code. On safari, the `pre` is not acting like `pre` and it is creating wrapping. This makes the code less readable and is a bug.

(Code snippet copied from [this post](https://dev.to/aurelkurtula/introduction-to-authentication-with-firebase-bkd) for no particular reason)

Can anyone play with this and help out? Thanks a lot. ❤️
Updating local(Windows10) and Azure NodeJS version and keep them in sync 
Tags: node, azure
Published: 2017-12-15 20:52:40

---
title: Updating local(Windows10) and Azure NodeJS version and keep them in sync 
published: true
description: 
tags: #nodejs, #azure
---

There will come a time when we all have to update to the latest or stable NodeJS version. This is not something I do every day or every week or even every month so I tend to forget how I did it the last time. My memory is not that good. Developing with NodeJS on a Windows 10 and hosting production on Azure just make the task a little bit more daunting for me. So this time, I decide to document. Hopefully this will help the future me and you.

First, we have to determine what version of NodeJS we want. As a side note, we don't always want the 'latest'. If you want long-term support version (LTS), choose an even-numbered version such as 6.x.y, or 8.x.y, etc. But we have to make sure that whichever version we choose, it's supported by Azure. 

Go to https://nodejs.org/download/release/ and you will see all NodeJS versions that have been released. At the time of this article, version 9.3.0 is the latest, but 8.9.3 is the last one in the 8.x series.

However, we can't simply go with 8.9.3, because again at the time of this writing, Azure only supports up to 8.9.0. The way we can figure out is to go to [https://[your-azure-app-name].scm.azurewebsites.net/DebugConsole/](https://[your-azure-app-name].scm.azurewebsites.net/DebugConsole/), then at the console, type command
 ```ls D:\"Program Files (x86)"\nodejs``` 

![Azure NodeJS version](https://thepracticaldev.s3.amazonaws.com/i/gyophl4w2xcdp5kr7iu8.png)       

So let's go with 8.9.0 and on your Windows 10 where you do your development work, here are the steps:
 
1. On Windows 10, launch PowerShell as Administrator.
2. Type command ```npm i -g npm```
3. Type command ```wget https://nodejs.org/dist/v8.9.0/win-x64/node.exe  -OutFile 'C:\Program Files\nodejs\node.exe'```
4. Once done, you can verify with ```node -v```

If you encounter any problem, please consult
[https://stackoverflow.com/a/39602646/1244013](https://stackoverflow.com/a/39602646/1244013)


Next, let's update to the same version of NodeJS on Azure. Log on to [https://portal.azure.com](https://portal.azure.com)

1. On the left menu, select **App Services**
2. Select your NodeJS app
3. Under **Settings**, select **Application settings**
4. Scroll down to **App Settings** on a new blade that pops up, find WEBSITE_NODE_DEFAULT_VERSION and change from whatever to 8.9.0
![WEBSITE_NODE_DEFAULT_VERSION Application Settings](https://thepracticaldev.s3.amazonaws.com/i/vgtwotjg2713eimmiy1s.png)
5. Don't forget to save
6. Restart your app service, unfortunately.
7. To verify, back to the Kudu console ([https://[your-azure-app-name].scm.azurewebsites.net/DebugConsole](https://[your-azure-app-name].scm.azurewebsites.net/DebugConsole)), type ```node -v```
What's the dumbest bug you caused yourself
Tags: discuss
Published: 2017-12-15 19:24:41

---
title: What's the dumbest bug you caused yourself
published: true
tags: discuss
---

I was thinking about this recently, what's the dumbest bug you've caused yourself?

I'll go first.

More often then not my code won't work because of a rampant letter 's' somewhere in the code. 'Undefined variable s' etc.

The reason? Hitting CMD-s to save a file and letting off CMD too early...

:face-palm:

<img src="http://i0.kym-cdn.com/entries/icons/original/000/000/554/picard-facepalm.jpg" />
When working from home, how do you turn off at the end of the day?
Tags: discuss, productivity
Published: 2017-12-15 17:13:15

---
title: When working from home, how do you turn off at the end of the day?
published: true
description: What tips do you use to mark the end of "work time?"
tags: discuss, productivity
---

I've been working from home 1-2 days a week recently.  It's been a great boon to my general productivity and happiness, but I've been experiencing difficulty "turning off" at the end of the day.  I haven't been able to signal to my unconscious that _it's okay, you can relax and stop working now._ 

**For those of you who work remote full-time, or just occasionally, how do you "end" your day?**