teleren/devto huggingface dataset:
Full-Screen Section with One-line of CSS
Tags: css, webdev, coding
Published: 2018-10-31 13:39:58

---
title: Full-Screen Section with One-line of CSS
published: true
tags: CSS,web-development,coding
canonical_url: https://codeburst.io/full-screen-section-with-one-line-of-css-a08d7bb44143
---

Hello, I recently shared the story of how I became a Web Developer if you haven’t read it, here is the [link](https://dev.to/devhammed/story-of-a-17-years-old-web-developer-3584).

So today, I want to share a CSS one-liner solution that you might not know about, This solution makes use of CSS unit vh to create a Full-Screen section of a page ( e.g Header ).

- So WTF is vh???

![](https://cdn-images-1.medium.com/max/500/1*WXGxBTgA7igKKyd3Pq9aWQ.jpeg)

According to MDN docs:

— **Viewport Height** (vh) – A percentage of the full viewport height. 10vh will resolve to 10% of the current viewport height.

With this, we know that 1vh is equalled to 1% of the visible part of the user browser (Viewport). We are going to use it with min-height to make sure the section is Full no matter the content size.

> .full-screen {  
> min-height: 100vh;  
> }

And Here is the pen for those curious folks like myself 😃😃😃

{% codepen https://codepen.io/devHammed/pen/EEoogx %}

Thanks for reading ❤️️❤️️ , and i think the next thing should be……

![](https://cdn-images-1.medium.com/max/220/1*GK6G_LKVxtMAKN7fepRpcA.gif)


* * *
What is Clojure(/Script)'s best first run and tooling experience?
Tags: help, clojure, clojurescript
Published: 2018-03-28 13:36:09

---
title: What is Clojure(/Script)'s best first run and tooling experience?
published: true
tags: #help #clojure #clojurescript
---

I'm interested in trying Clojure and/or ClojureScript. However, I admit to being a bit spoiled on tooling.

> A luxury, once enjoyed, becomes a necessity.
> - C. Northcote Parkinson

What is the best (non-Emacs) first-run and ongoing tooling experience? Free is best, but compelling paid options are ok. What I'm accustomed to currently:

On the front end I use Elm. There is a great template project called Create-Elm-App that sets up the production builds and dev goodies like hot reloading, time-traveling debugger, etc. Then I use VS code for the normal stuff (highlighting, git integration, file organization, intellisense, etc).

On the back end I use full VS, which has project templates, debugging, and nowadays even docker integration (will setup debuggable containers for you). In addition to the normal stuff.
Systemdを使ったPhoenixの本番デプロイ詳細例
Tags: elixir, phoenix, gce, systemd
Published: 2018-03-28 12:58:17

---
title: Systemdを使ったPhoenixの本番デプロイ詳細例
published: true
description: 
tags: Elixir,Phoenix,GCE,Systemd,日本語
canonical_url: https://crieit.net/posts/Systemd-Phoenix
---

サーバーを準備し、コンテナを使わずに運用できるところまでの準備まで一通りまとめてみた。
Systemdで動作させる。

（以前残したログをまとめているだけなので正確でない可能性あり）

### 前提

* Elixir1.5
* Phoenix1.3
* Debian

### 初期設定

最初だけ本番で調整したものをコミットしたりもするのでgitもちょっと設定。

```sh
sudo apt-get update
sudo apt-get install -y git dbus
sudo timedatectl set-timezone Asia/Tokyo
git config --global user.name "name"
git config --global user.email "email"
```

### Elixir & Phoneix & Node.js

```sh
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
wget https://packages.erlang-solutions.com/erlang-solutions_1.0_all.deb && sudo dpkg -i erlang-solutions_1.0_all.deb
sudo apt-get update
sudo apt-get install -y nodejs inotify-tools esl-erlang elixir
mix local.hex --force
mix local.rebar --force
mix archive.install https://github.com/phoenixframework/archives/raw/master/phx_new.ez --force
sudo apt-get install --reinstall build-essential
```

### DB

MySQLとかPostgreSQLとか。
普通は別サーバーだろうし省略。

### ビルド

ssh-keygenかtokenかでcloneできるように準備。
適当なので環境変数とかユーザーは適宜いい感じにしてもらった方が良いかもしれない。

```sh
git clone ********.git
cd appdir
mix deps.get --only prod
sudo MIX_ENV=prod mix compile
cd assets
npm install
sudo npm install -g brunch
brunch build --production
cd ..
sudo MIX_ENV=prod mix phx.digest
sudo MIX_ENV=prod mix ecto.migrate
sudo MIX_ENV=prod mix phx.server
```

とりあえずここまでで動くか確認する。

### Let's Encrypt

省略。下記の記事に一応詳細は書いてある。

[http://alphabrend.hatenablog.com/entry/2017/10/10/214222:title]

### Systemd

```sh
sudo vi /etc/systemd/system/myapp.service
```

```ini
[Unit]
Description=My app

[Service]
WorkingDirectory=/home/username/appdir

Restart=always
Environment=MIX_ENV=prod HOME=/root
ExecStart=/usr/local/bin/mix phx.server

[Install]
WantedBy=multi-user.target
```

```sh
sudo systemctl enable myapp
sudo systemctl start myapp
```

### 運用

pull, compile, brunch build, digest, migrate, restart
GraphQL, pronunciation
Tags: discuss, graphql
Published: 2018-03-28 11:31:34

---
title: GraphQL, pronunciation
published: true
description: How people call it?
tags: discuss, graphql
---

I'm starting to like graphQL so I wanna get this right :)
Is it 'graph-cue-el' or 'graph-cool'?
I hear both, what are your thoughts?
Very light frontend development environment
Tags: frontend, parcel, hyperapp, typescript
Published: 2018-03-23 07:58:49

---
title: Very light frontend development environment
published: true
description: I introduce making a very light frontend evironment.
tags: frontend, parcel, hyperapp, typescript
---
I introduce making a very light frontend evironment (parcel, typescript, hyperapp, picostyle, jest). I wanted to create a frontend development environment immediately for less dependencies and more simple. There are good minimal libraries.

## Getting started
```
yarn init
```

## Minimal frontend libraries

### hyperapp
![hyperapp](https://pbs.twimg.com/profile_images/968897827265945600/PcmPXmEk_400x400.jpg)
[hyperapp](https://github.com/hyperapp/hyperapp) is very a light library for front-end JavaScript like React. 
If you want to know how to use, you can get started from [this article](https://dev.to/aspittel/functional-programming-in-javascript-done-right-with-hyperapp-570f). This is very very small(1.4KB) and [no dependencies](https://github.com/hyperapp/hyperapp/blob/master/package.json). This includes also the light function state management like [Redux](https://redux.js.org). "Action" can change the "State".
```
yarn add hyperapp
```

### picostyle
[picostyle](https://github.com/morishitter/picostyle) is a very light library for CSS in JS. This is 0.4KB and also [no dependeices](https://github.com/morishitter/picostyle/blob/master/package.json). You can use this instead of [styled-components](https://www.styled-components.com/).

hyperapp and picostyle was created by the members of the same company.
```
yarn add picostyle
```

## Module bundler
![parcel](https://user-images.githubusercontent.com/19409/31321658-f6aed0f2-ac3d-11e7-8100-1587e676e0ec.png)
[parcel](https://parceljs.org/) is a simple module bundler. This has no complicated config. 

```
yarn add parcel-bundler -D
```

## Transform
![TypeScript](http://mherman.org/assets/img/blog/typescript-logo.png)
I want to use type so I selected [TypeScript](http://www.typescriptlang.org). "State" of hyperapp should be defined by type so it gets very easy to use the state from components. [tslint](https://palantir.github.io/tslint/) is linter for TypeScript.
You should add `tsconfig.json` and `tsliny.json`.

```
yarn add typescript tslint -D
```

## Testing framework
![Jest](https://facebook.github.io/jest/img/opengraph.png)
[Jest](https://facebook.github.io/jest/) is a testing framework for JavaScript made by Facebook. This is often used with React. I added `ts-jest` to use TypeScript in this case.

```
yarn add jest ts-jest @types/jest
```

And I added setting into `package.json` for `ts-jest`.
```
{
  "jest": {
    "transform": {
      "^.+\\.tsx?$": "ts-jest"
    },
    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ]
  }
}
```
My test code for hyperapp is [here](https://github.com/SatoshiKawabata/parcel-hyperapp-typescript/blob/master/src/Container.spec.tsx).


## Result Project
https://github.com/SatoshiKawabata/parcel-hyperapp-typescript
Becoming a technical lead: Trust your team
Tags: development, leadership, agile, developers
Published: 2018-03-29 20:10:13

---
title: Becoming a technical lead: Trust your team
published: true 
tags: development,leadership,agile,developers
canonical_url: https://craignicol.wordpress.com/2018/03/28/becoming-a-technical-lead-trust-your-team/
---

When I first became a technical lead, one of my biggest challenges was giving up control. It wasn’t a matter of not trusting my team technically but I didn’t want to overload them, so I took on all the planning, all the customer interaction, and all the other jobs that I felt had distracted me from the job of writing code.

I was wrong.

I needed to let my team in, because they had ideas that I didn’t, they had capacity whereas I was a bottleneck. I was holding up my team.

But I needed to be sure that coding standards were followed and quality was maintained. You know who else cares about that? My team. I made it their responsibility to ensure that the code met standards, and pushed out code reviews. [I put internal documents at the same level as code. Anyone can edit, but everyone can review, or veto](https://github.com/joelparkerhenderson/architecture_decision_record).

I asked for [honest feedback in retrospectives](https://craignicol.wordpress.com/2017/08/01/the-importance-of-feedback/), and [implemented changes](https://craignicol.wordpress.com/2015/05/19/i-dont-trust-change/), so they could trust that I was looking out for them, and I set them goals to improve, alongside the feature work : “can we release twice a week?” (challenge – automate the pain points); “can we halve the bugs found in testing” (challenge – better unit tests)

And the more I trusted them, with support, and understanding their limits, the better they performed. I’ve also worked with [managers who don’t trust their teams](https://craignicol.wordpress.com/2015/08/18/dear-manager/). Those teams don’t work so well.

If you don’t trust your team, they’re not your team. They’re just people who work beside you. What are you doing today to foster trust?
Best Domain Registrars in 2018
Tags: bestdomainregistrars, domainnameregistrars
Published: 2018-03-28 09:14:10

---
title: Best Domain Registrars in 2018
published: true
description:  I have created this list of the Best Domain Name Registrars in 2018. This list is not only based on my own experience with these registrars but also backed up with hours of researches online.
tags: best domain registrars, domain name registrars
---
There are numerous domain registrars and WordPress hosting companies available on the web, which offers various services like Domain Name Registration, Web Hosting, Web Designing, VPS servers hosting, Cloud Storage and Email services. Before registering a domain, you must check out the key features of a registrar that are essential to make it the “best domain registrar“ among dozens of others.

Those key features are; Instant 24/7 technical support, Live chat facility, Reliability, Sustainability, Credibility, Security, Pricing, and Renewal rates. All popular and professional registrars offer mentioned features by default to grab more and more customers (or entice buyers to purchase their services). If you find one who doesn’t care about these features, just leave and never buy anything from them. Before going ahead to the list of <a href="http://thelifetech.com/best-domain-registrars/" target="_blank">best domain name registrars 2018</a>, I would like to share some information about domain names.
Best Intel Core i5 Processor Laptops 
Tags: besti5laptops, intelcorei5laptop
Published: 2018-03-28 08:54:58

---
title: Best Intel Core i5 Processor Laptops 
published: true
description: If you are looking for best i5 laptops, read this detailed guide to find the best Intel i5 processor laptops.
tags: best i5 laptops, Intel Core i5 laptop
---

Finding the best laptop with hard-core features can be a daunting task sometimes. If you are looking to buy the best i5 processor laptops then we have compiled a broad list for you.

Intel Core i5 processor laptops are powerful laptops which are considered as the budget laptops after Core i3 laptops. They keep the capability to efficiently handle most of demanding tasks such as photo editing, graphics designing, video editing and gaming etc.

They can perform all of the major tasks with low power consumption so you can stay productive for a long time.

Here's the list of five <a href="http://www.bestlaptopninja.com/best-i5-laptops/" target="_blank">best i5 processor laptops</a>:

<h3>Top 5 best i5 processor laptops in 2018</h3>

1. Acer Aspire E E5

2. Dell Inspiron 15 5000 Touchscreen Laptop

3. Apple 13.3″ MacBook Air (2017 Model)

4. Lenovo Legion Y520

5. Acer Swift 3

Find more recommendations by clicking <i><a href="http://www.bestlaptopninja.com/best-i5-laptops/" target="_blank">here</a></i>
Should we review some codes for other project or not ?
Tags: poem, codereview
Published: 2018-03-28 08:49:11

---
title: Should we review some codes for other project or not ?
published: true
description: thinking about things just as title, why we should(or must) review codes even though they are not our business.
tags: poem, codereview
---

## Do you review any codes your colleague ask that ?

Generally, almost of you will review codes written for your project.
But, how about codes for projects what you are nothing to do with ?

If you say "i do" fluently, you are definitely awesome, fabulous, amazing person. I guarantee that.

Actually and unfortunately, there are a lot of people who doesn't care anything about such a pull-request or a asking review.

I think this is a problem about consciousness or awareness, so I believe we can change theirs and we can make our relationship such as reviewing each other and create great things. I hope.

##  We have no reason that don't review other's code, it's true, it's damn true.

We can accept so much favor through code review.

For example, I'd refer to experience, such as quantities of simulations for programming try and error, or viewpoints what you may not aware that when you do your thing. they are so much helpful things for your coding and work.

Ofcourse, I can understand people doesn't review other's situation or argument such as "Nevertheless, I don't know so much about their project, and don't want to tell misdirected things".

Yes, you're right, you're very kind and gentle person.

But I wanna make a team or a organization who can keep helping each other, and there are a lot of things to help someone else whether you do know about their work or not.

This is not that we can "MAKE" or "FORCE" someone to do. We need all of us to aware and change ourselves to positive and fearless about helping others.

Does anyone have any idea ? Please tell me anything you think about it.

Thanks for your reading.
Have a nice day.
Postgresql on local and remote: how do you sync?
Tags: discuss, postgres
Published: 2018-03-28 06:32:25

---
title: Postgresql on local and remote: how do you sync?
published: true
tags: discuss, postgresql
---

Hi!!

I spent some time building the backend for my little webapp, and now I am finally startoing with the frontend, so I want to put it all online (Flask with Postgresql).

I already added a lot of data to my database locally, so I will do a dump-restore to my online postgresql server to have it copied to the remote server.

However, I still want to keep adding data to it locally, as well as, eventually, by using the backend online... 

The online DB should always be the latest and greatest though. How to keep it all in sync?

I found info about **logical replication**, but it is all very technical and confusing to me... I am looking for **real-world** cases...

So if you do the same, how do you do it??

Greetings from Beijing
Daniel
Help design a language: What about tuples without commas?
Tags: language, coding, compiler, discuss
Published: 2018-03-28 05:16:50

---
title: Help design a language: What about tuples without commas?
published: true
description: Give your feedback on designing a real language. All comments and questions welcome.
tags: language, coding, compiler, discuss
---

I see that you like to [give](https://dev.to/ben/why-doesnt-css-move-faster-like-javascript-1lel) [feedback](https://dev.to/17cupsofcoffee/how-do-you-feel-about-braces-and-semicolons-2bpc) about language design. How about contributing to the design a new and evolving language: [Leaf](http://leaflang.org).

> Even if not interested in an actual new language, feel free to participate.

Let's start off with a simple syntax decision. Should you be allowed to write tuples without commas, much like I allow statements without semicolons:

A tuple with commas:

```leaf
var items = [
    one,
    two,
    three,
]
```

A tuple without commas:

```leaf
var items = [
    one
    two
    three
]
```

The second one relies on line-endings to split values. If you need to do an inline tuple on one-line the comma form would always be available `[one, two, three]`.

_Treat these as "arrays without commas" if you wish to ignore that "tuple" part of the question._


## Ask, Comment, Criticise

I'm going to leave these questions a bit open, without too much background or motivation. It's helpful to get a kind of instinctive response. I obviously have opinions, but am quite open to changing my language. 

Please ask questions, about language design, syntax, compilers, or whatever you'd like. Sometimes there are details that help you decide, sometimes you may just be curious. For example, it's reasonable to ask "Are there any technical parsing problems that arise from removing these comma's?"
An In-Cabin AI That Heeds You About Your Driver’s Mood While Driving
Tags: ai, selfdrivingcars, emotionsdk, aiforseldrivingcars
Published: 2018-03-28 04:05:18

---
title: An In-Cabin AI That Heeds You About Your Driver’s Mood While Driving
published: true
description: Driving the vehicle autonomously is the present trend. But, we need to keep our technology and life under control. This Artificial intelligence software for self-driving cars helps us to get our vehicles run safely. Here is a new AI Technology for the self-driving car that can monitor the driver's emotion and ability to drive the vehicle under the full consciousness.
tags: #AI #self-drivingcars #emotionsdk #AIforSel-drivingcars
---

An In-Cabin AI That Heeds You About Your Driver’s Mood While Driving

http://www.columnisthub.com/driver-be-alert-you-are-being-watched-by-an-in-cabin-ai-that-scans-drivers-mood-to-prevent-accidents/
How to Install Arch Linux with UEFI
Tags: linux, archlinux, pacman, uefi
Published: 2018-03-28 03:57:16

---
title: How to Install Arch Linux with UEFI
published: true
description: How to install Arch Linux with Desktop Environment!
tags: linux, archlinux, pacman, uefi
---

Visit [here](https://www.emirar.xyz/2018/03/instal-arch-linux-uefi.html) to install **Arch Linux** with **UEFI**. 😎

Sorry primary language use Indonesian, but available button Google Translate in Footer.

Enjoy 🙏
Why doesn't CSS move faster (like JavaScript)?
Tags: discuss, webdev, css
Published: 2018-03-28 01:43:58

---
title: Why doesn't CSS move faster (like JavaScript)?
published: true
description: 
tags: discuss, webdev, css
---

JavaScript has always had warts that people put up with—but recently it has evolved a lot and really started incorporating more powerful features. And babel means it's pretty reasonable to make use of the new hotness.

My question is—Why isn't css going this route more? With canonical bleeding edge and mainstream transpilation options that make this a good choice.

I'm aware of CSS transpilers, but they're all sort of their own thing. They are not necessarily moving things forward the way JS seems to be.

I may be off-base with this whole idea but I'm curious about the topic.
How does your team share knowledge?
Tags: discuss
Published: 2018-03-27 20:59:42

---
title: How does your team share knowledge?
published: true
description: 
tags: discuss
---

If you work in a team, how do you share  knowledge? Do you have a wiki, newsletter, repository with links or something else? It would be kind of a shame when one teammate tries to roll  their own timezone library while another knows a great npm package that takes care of the same😅
Announcing SneakyThrow: A Java Library to ignore Checked Exceptions
Tags: java, exceptionhandling, showdev
Published: 2018-03-27 20:09:58

---
title: Announcing SneakyThrow: A Java Library to ignore Checked Exceptions
published: true
description: Introducing SneakyThrow. A Java library to ignore Checked Exceptions.
tags: Java,ExceptionHandling, showdev
canonical_url: https://www.rainerhahnekamp.com/en/announcing-sneakythrow/
cover_image: https://thepracticaldev.s3.amazonaws.com/i/3xgx1anbrbrtyfleqsuh.gif
---
Are you tired of writing "catch-pseudo-code" for Java's Checked Exceptions? And let’s not think about that annoying additional unit test.

Help is on the way.

Let me introduce you to SneakyThrow. Cut back the amount of code you need to write to catch Checked Exceptions thanks to this Java library.

It uses only “legal stuff” — no magic like bytecode manipulation. I am looking at you Project Lombok ;)

SneakyThrows wraps the Exception into a RuntimeException. And as we all know: We don't have to catch these types of exceptions. We can leave them as Unchecked Exceptions.

![SneakyThrow in Action](https://thepracticaldev.s3.amazonaws.com/i/3xgx1anbrbrtyfleqsuh.gif)


##How can I get it?
Simply copy & paste the library as a dependency into your pom.xml or similar dependency manager of choice:

```xml
<dependency>
  <groupId>com.rainerhahnekamp</groupId>
  <artifactId>sneakythrow</artifactId>
  <version>1.0.0</version>
</dependency>
```
##How can I use it?
Without SneakyThrow, code with Checked Exceptions looks like that:

```java
URL url;
try {
  url = new URL("https://www.hahnekamp.com");
} catch (MalformedURLException mue) {
  throw new RuntimeException(mue);
}
```

Thanks to SneakyThrow, your code looks like this:

```java
URL url = sneak(() -> new URL("https://www.hahnekamp.com"));
```

##Great! Does it also work with Stream and lambdas?
Sure thing. Once again the code without SneakyThrow:

```java
private URL createURL(String url) throws MalformedURLException {
  return new URL(url);
}

Stream
  .of("https://www.hahnekamp.com", "https://www.austria.info")
  .map(url -> {
    try {
      return this.createURL(url);
    } catch (MalformedURLException mue) {
      throw new RuntimeException(mue);
    }
  })  
  .collect(Collectors.toList());
```

And now again much less code with SneakyThrow:

```java
private URL createURL(String url) throws MalformedURLException {
  return new URL(url);
}

Stream
  .of("https://www.hahnekamp.com", "https://www.austria.info")
  .map(sneaked(this::createURL))
  .collect(Collectors.toList());
```

Please note the difference in **sneak** and **sneaked**.

##Where can I get more info?

The article ["Ignore Exceptions in Java"](https://www.rainerhahnekamp.com/en/ignore-exceptions-in-java/) describes the rationale and the basic approach behind SneakyThrow in more detail.

SneakyThrow is OpenSource and available on [GitHub](https://github.com/rainerhahnekamp/sneakythrow).

Try it out and let me hear how it is going. Feedback of any kind is welcome.
Amusing…
Tags: fyi
Published: 2018-04-08 18:22:48

---
title: Amusing…
published: true
tags: FYI
canonical_url: 
---

Visual Studio 2017, File, New Project, JavaScript, Node.js, OK, F5…

![MicrosoftVSNodeThinksIts1337](https://chrisfleischhacker.files.wordpress.com/2018/03/microsoftvsnodethinksits1337.png?w=646)