teleren/devto huggingface dataset:
First 5 Drupal 8 modules to install to make your life easy
Tags: drupal, cms, opensource
Published: 2019-06-24 12:45:56

Starting a new Drupal 8 project? And the first thing you might do is to install a module, but which one first. There are a few obvious ones to install and sometimes these have no relation with the functionality of your project but they always help you in the background.

But why do we install them? It's simple, they make our life easy while we are implementing the universe of features into our Drupal website. But then you always miss some of those life-saving modules and only install them when you feel the pain.

Now here is my list of Drupal 8 modules which will make your life smooth and you should install them as soon as you see that welcome message on the home screen.

1. Admin Toolbar
2. Environment Indicator
3. Config Split
4. Module Filter
5. Site Settings and Labels

Full read: [https://www.drupixels.com/blog/first-5-drupal-8-modules-install-make-your-life-easy](https://www.drupixels.com/blog/first-5-drupal-8-modules-install-make-your-life-easy)
The Benefits of Web Application for Business
Tags: webdev, development, webapplication, business
Published: 2019-06-24 11:41:04

---
title: The Benefits of Web Application for Business
published: true
description: The Benefits of Custom Web Applications development in business. Web applications help you streamline your business forms.
tags: #webdev #development #webapplication #business
cover_image: https://thepracticaldev.s3.amazonaws.com/i/mjrbyinjc2zg8k10n8ey.png
---
With the web being ordinary in pretty much every working environment over the world, web applications have become an inexorably significant instrument for business with their most basic uses being correspondence with clients, a joint effort with representatives, the secure capacity of information and giving information and data to the board.

Any individual who possesses an online business knows how focused the web field is and how testing it tends to be to advance their business all around ok so as to improve deals.

Web development as an entire is a basic part for internet business achievement, as without a site the world could never think about a business' items or administrations. With regards to advancing your business image nowadays, web application development is consistently turning into the pattern for internet business organizations around the world.

**What is a Web Application?**
A web application is a PC program that enables you to sign in to a web address so as to submit and recover information to/from a database over the web, these projects are created utilizing web advancements, for example, HTML, CSS, JS and so on and can be gotten to utilizing your favoured internet browser.

**The Benefits of Custom Web Applications development in business:**

The Benefits of Custom Web Applications development in business. Regular programming based applications and frameworks remain introduced on clients' work areas stages while Web applications utilize a site as the focal entry for access. 

Read the full story: https://www.decipherzone.com/blog-detail/Top-Benefits-of-Web-Application-development-for-Business-
How to motivate yourself for coding.
Tags: bash, zsh
Published: 2019-06-24 11:21:37

---
title: How to motivate yourself for coding.
published: true
description: 
tags: bash, zsh, 💰
---

Change your $ to 💰.

for bash

```bash
export PS1='[\u@\h \W]💰'
```

for zsh

```zsh
PROMPT="[%n@%m]💰"
```

![](https://thepracticaldev.s3.amazonaws.com/i/iygvdmuon9m0333dcn0o.png)
How to improve productivity for a web developer
Tags: internet, howtoimprovedevel, productivity, webdeveloper
Published: 2019-06-25 04:14:13

---
title: How to improve productivity for a web developer
published: true
tags: Internet, how to improve devel, productivity, web developer
canonical_url: https://kevinhq.com/how-to-improve-productivity-for-a-web-developer/
cover_image: https://i2.wp.com/kevinhq.com/wp-content/uploads/2019/06/Tips-to-improve-productivity-for-web-developer.png?resize=930%2C512&ssl=1
---

Here are some tips to improve productivity for a web developer based on my own experience. I work as a web developer since 2010 so I know what to do to improve my own productivity on the work. Sorry if this sounds more like personal growth advice, but they work for me. Pursue this feeling… 

[Read More »How to improve productivity for a web developer](https://kevinhq.com/how-to-improve-productivity-for-a-web-developer/)
Start developing web applications with Svelte and Firebase
Tags: svelte, firebase, materializecss, spa
Published: 2019-06-24 11:03:25

---
title: Start developing web applications with Svelte and Firebase
published: true
description: Svelte and Firebase is a template you can use to start developing fast, secure and modern web applications in no time. User management, firestore rules, cloud functions, routing... All the tools you need ready to be used. 
tags: svelte, firebase, materializecss, spa
cover_image: https://thepracticaldev.s3.amazonaws.com/i/4jdescddswkdz1o49tvj.jpg
---

Svelte & Firebase is a [template to create web applications easily using Svelte and Firebase](https://svelte-firebase-template.web.app/).

It has integrated all the tools and code you need to start a project with a solid foundation.

## Goals

If you are interested in Svelte and Firebase with this template you can easily learn how to:

- Use Svelte to create a web application.
- Use Firebase Authentication.
- Secure Firebase databases with rules.
- Use Firebase function clouds.
- Create public and protected pages.
- Use it as the foundation for your new projects to speed up development.

## Features

You can [download the template](https://github.com/jorgegorka/svelte-firebase) and start using it right now. Just check [the instructions](https://github.com/jorgegorka/svelte-firebase/blob/master/README.md).

- User authentication
- Public section
- Login page
- Signup page
- Admin section
- Teams management (example CRUD).
- Employees management (example CRUD).
- Reusable components (forms, modals, buttons...)

There is a [live version](https://svelte-firebase-template.web.app/) in case you want to see it in action.

## Technology

This project uses all these amazing technologies.

### Firebase

It's a [suite of tools](https://firebase.google.com) from Google to help you create applications for the web and mobile. It gives you a database, hosting, authentication, analytics, etc.

### Svelte

[Svelte](https://svelte.dev) is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

### Materializecss

A modern responsive [front-end framework](https://materializecss.com/) based on Material Design.

Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology.

### Validate.js

[Validate.js](https://validatejs.org/) provides a declarative way of validating javascript objects.

### Svelte Router SPA

[Svelte Router SPA](https://github.com/jorgegorka/svelte-router) adds routing to your Svelte apps. It's specially designed for Single Page Applications (SPA).

## Summary

I hope this template can help people that wants to learn Svelte and/or Firebase to get some ideas and speed up their learning process. If you spot any error or have an improvement [contributions](https://github.com/jorgegorka/svelte-firebase/pulls) are more than welcome.
Watermark batch of images 
Tags: python, watermark, script
Published: 2019-06-24 11:03:09

Hey all!
Let's assume you have a lot of images and you want to watermark all of them.
There are some online website that doing that, but when we are talking about a lot (for example 5000) of images this may be very slow.

So I thought to myself- why no to automate that?

I publish it as python package.
You can find the source code and "how to" guide here:
https://github.com/roybs2/watermark-image


Any comments, new ideas will be blessed.

Thanks and have a great week! :)
Tweet2Pic - Share Tweets in the form of Images
Tags: android
Published: 2019-06-24 10:50:04

_My first post on this blog and I thought it was best if I wrote about the best app (code wise) I have made._

I joined Twitter in 2014 but didn't start using it properly till 2018 (I created some Twitter bots which got me interested in Twitter). Sometime around August 2018, I wanted to share some tweet on Instagram and searched for an app that could convert a tweet to an image. I found nothing and ended up sharing it by taking a screenshot, but the idea of the app stuck with me.

After some googling, I came across Cameron Adams' experiment [Screenshot a Tweet](http://themaninblue.com/experiment/screenshot-a-tweet/) ([related blog post](https://themaninblue.com/2018/03/26/screenshot-a-tweet/)). With this tool in mind, I started developing a similar app for Android.

I used [Twitter's oEmbed API](https://developer.twitter.com/en/docs/tweets/post-and-engage/api-reference/get-statuses-oembed.html) to generate a better-looking tweet, which I could convert to an image. The API also had some additional features like _a dark theme, including parent thread, hiding media_ which I included in the app. In v1.2, as an additional feature, I added a **Square Image** feature, which generated a square image (for Instagram).


3 weeks after the initial release, I released v1.4 (current release) which had some additional requested features and fixed some bugs. I won't go into the complete details of every bug, but write a summarised description/fix for the developers reading this blog.

* v1.1 (Released a day after 1.0) added a Settings UI (with options to remember options such as dark theme, hide media, square image, etc) and added translations to 15 Languages (I might make a post related to generating translations using code someday).
* v1.2 (Released a day after 1.1) added the Square Image feature and fixed the bug where one couldn't save multiple copies of the same tweet if they used separate options. I was initially using just the Tweet ID as the filename but added additional text for each option used.
* v1.3 (Released a week after 1.2) fixed the big issue of the gallery not showing the images downloaded using the app. I learnt that one need's to programmatically refresh the gallery after adding/deleting any image. ([SO post that helped me](https://stackoverflow.com/questions/2170214/image-saved-to-sdcard-doesnt-appear-in-androids-gallery-app))
* v1.4 (Released 10 days after 1.3) Added the option to share directly to Instagram Stories and replaced Switched with Checkboxes (people on Reddit convinced me that its better UX)

You should give my app a try if you are an Android user.

[![Google Play Badge](https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png)](https://play.google.com/store/apps/details?id=org.hackesta.tweet2pic&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1)
Setup Dark Mode in Slack on MacOS
Tags: productivity, slack, darkmode, macos
Published: 2019-06-24 10:26:23


### July 2019 update 😭

The Slack version 4.0.0 is not compatible with this solution. Need to investigate and if we can do this in this version as well.

### June 2019 update 💁‍

- Added a bonus step at the end [(on my blog only)](https://nahuelhds.dev/slack/2018/11/22/Setup-Dark-Mode-in-Slack-on-MacOS.html), for automating the dark theme implementation with a simple double-click. 😁
- Dark mode has arrived for mobile apps. [Read it in the Slack blog itself.](https://get.slack.help/hc/en-us/articles/360019434914-Dark-mode-for-Slack-s-mobile-apps) Desktop dark mode still in progress. Hopefully we can use this little hack here.
- Updated the rawgit.com links to jsdelivr.com.

_Credits to_ [_this Gist_](https://gist.github.com/a7madgamal/c2ce04dde8520f426005e5ed28da8608)_._

### First, configure the general theme 👨‍💻

1. Close Slack
1. Open this file `/Applications/Slack.app/Contents/Resources/app.asar.unpacked/src/static/ssb-interop.js`
1. Append this at the very bottom

```js
document.addEventListener("DOMContentLoaded", function() {
  let tt__customCss =
    ".menu ul li a:not(.inline_menu_link) {color: #fff !important;}";
  $.ajax({
    url:
      "https://cdn.jsdelivr.net/gh/laCour/slack-night-mode@master/css/raw/black.css",
    success: function(css) {
      $("<style></style>")
        .appendTo("head")
        .html(css + tt__customCss);
    }
  });
});
```

### Second, choose a proper sidebar theme 💅

1. Go to Preferences / Sidebar
1. At the end of that page, choose to set a custom color
1. Paste this custom theme:

```bash
#171717,#404245,#424242,#ECF0F1,#4A4A4A,#FAFAFA,#2ECC71,#00A362
```

You can see other sidebar themes at [Slack Theme](https://slackthemes.net). The one I chose is [Green Lantern](https://slackthemes.net/#/green_lantern).

### Enjoy the darkness 😈

That’s it. You can now open Slack and see the results!

### ¡Bonus step! Automatize this 🤓

Every time Slack makes a little update, you’ll need to manually add that little script again and again.

Well, not anymore. [Read it on my blog](https://nahuelhds.dev/slack/2018/11/22/Setup-Dark-Mode-in-Slack-on-MacOS.html)
Distributable Ruby apps
Tags: ruby, dev
Published: 2019-06-24 10:21:05

---
title: Distributable Ruby apps
published: true
description: ruby, dev
tags: ruby, dev
---
![](https://thepracticaldev.s3.amazonaws.com/i/geybdvecl5k6z52wi9zr.gif)

So you want to distribute your Ruby app?

Your users need to install Ruby or use RubyGems. Unless your users are software developers, that's not going to happen.

Luckily there is a solution. That will make it easy for users to use it on Windows, Linux and OS X.

You can use travelling ruby, https://phusion.github.io/traveling-ruby/

Packages can be created for the operating systems. Like so: https://github.com/phusion/traveling-ruby/blob/master/TUTORIAL-1.md

While quite a lot of steps, if you scroll down you see the script to automate the process using rake.

![](https://thepracticaldev.s3.amazonaws.com/i/7sqjm3q5a0zru4sorkp6.gif)

You'll end up with binaries for the operating systems like 

* hello-1.0.0-linux-x86.tar.gz, 
* hello-1.0.0-linux-x86_64.tar.gz
* hello-1.0.0-osx.tar.gz

Now that's something a user can run easily!

Don't know Ruby? Learn at https://ruby-lang.co/
Parsing JSON in GO
Tags: go, json
Published: 2019-06-24 10:04:56

---
title: Parsing JSON in GO
published: true
description: go, json
tags: go, json
--- 
![](https://thepracticaldev.s3.amazonaws.com/i/prhzpctpv1zzdgoycv21.jpg)

JSON is everywhere. It's used by many websites to communicate data through APIs. If you send a request to an API, it's often either JSON format or XML format (yuck!)

JSON is nicely formatted data using brackets and quotes. It's easier for a computer to parse.. or is it?

It's hard to parse JSON in Go. Well, for a novice that is. To make it easier, you can use structs. But if you have complex data, it's very cumbersome to write a struct.

Isn't there an easier way? Yes, there is.

So there's a tool you can use to convert JSON to Golang structs: https://mholt.github.io/json-to-go/

![](https://thepracticaldev.s3.amazonaws.com/i/zq9o0xr4jh2kfw29flvd.png)

On the left paste your JSON. On the right a Golang struct wil be created. Copy that struct into your golang code.

Then use the module "encoding/json" to parse the JSON data, like so https://golangr.com/json/

And your set!
New Raspberry Pi 4 Released! What will you build with it?
Tags: discuss, raspberrypi
Published: 2019-06-24 07:04:05

{% twitter 1143036104314118144 %}

Today the Raspberry Pi Foundation [announced the brand new Raspberry Pi 4](https://www.raspberrypi.org/blog/raspberry-pi-4-on-sale-now-from-35/) which still starts at just $35! The linked announcement post goes into more detail, but some notable upgrades are:

* Optional 2GB and 4GB RAM configurations
* Gigabit ethernet that does **not** share bandwidth with the USB hub
* Faster 1.5 GHz processor on a new 28nm process
* Dual monitor support at resolutions up to 4k

I'm particularly jazzed about the optional higher RAM configurations and gigabit ethernet. I'm tempted to swap out some of the worker nodes in my toy [Raspberry Pi based Kubernetes cluster](https://downey.io/blog/how-to-build-raspberry-pi-kubernetes-cluster/) cause 1GB just isn't enough to run anything meaningful on top of what the OS and kubelets need to function. Also with that gigabit ethernet I feel like I could actually build a pretty decent NAS now with one of these.

What would you do with a Raspberry Pi 4?
Google Authentication with Flutter
Tags: flutter, coding, googleauth, discuss
Published: 2019-06-24 09:50:46


Originally Published : [How implement google login with Flutter](https://codesundar.com/flutter-google-login/)

[video Tutorial](https://www.youtube.com/watch?v=33T8JgK_yVw)

[![Flutter Google Login](http://img.youtube.com/vi/33T8JgK_yVw/0.jpg)](http://www.youtube.com/watch?v=33T8JgK_yVw "Flutter Google Login")


Add google_sign_in dependcies in `pubspec.yaml`

```yaml
dependencies:
  flutter:
    sdk: flutter
  google_sign_in: ^4.0.2
```

Update your `main.dart` as follows


```dart
import 'package:flutter/material.dart';
import 'package:google_sign_in/google_sign_in.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _MyAppState();
  }
}

class _MyAppState extends State<MyApp> {
  bool _isLoggedIn = false;

  GoogleSignIn _googleSignIn = GoogleSignIn(scopes: ['email']);

  _login() async{
    try{
      await _googleSignIn.signIn();
      setState(() {
        _isLoggedIn = true;
      });
    } catch (err){
      print(err);
    }
  }

  _logout(){
    _googleSignIn.signOut();
    setState(() {
      _isLoggedIn = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        body: Center(
            child: _isLoggedIn
                ? Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Image.network(_googleSignIn.currentUser.photoUrl, height: 50.0, width: 50.0,),
                      Text(_googleSignIn.currentUser.displayName),
                      OutlineButton( child: Text("Logout"), onPressed: (){
                        _logout();
                      },)
                    ],
                  )
                : Center(
                    child: OutlineButton(
                      child: Text("Login with Google"),
                      onPressed: () {
                        _login();
                      },
                    ),
                  )),
      ),
    );
  }
}

```
Bash history viewer (daily project)
Tags: linux, python
Published: 2019-06-24 09:49:01

---
title: Bash history viewer (daily project)
published: true
description: linux, python
tags: linux, python
---
Project of the day: Made a bash history viewer, which automatically scrolls to the bottom of the console.

Bash history is a file on Linux and Apple system, which logs the console commands. The file is ~/.bash_history.

<img src="https://raw.githubusercontent.com/petercour/bash-history-viewer-qt/master/program.png">

Simple program, but easier than scrolling in the terminal. If you use another terminal emulator (zsh? fish?), your file will be in another location.

Resources:
* https://github.com/petercour/bash-history-viewer-qt
* https://pythonbasics.org/pyqt/
* https://pythonprogramminglanguage.com/pyqt-tutorials
Some basic JS issues, and how Elm avoids them (Video)
Tags: elm, javascript
Published: 2019-06-24 08:59:33

---
title: Some basic JS issues, and how Elm avoids them (Video) 
published: true
description: JS can trip you up in so many ways, and it's usually our users who suffer. This series is going to be looking at how Elm overcomes a lot of common issues that we see in our JS code.
tags: elm, javascript
---

{% youtube z6W4ov1rXrU %}
Andriod & iOS Mobile App Development Company in Chennai, India
Tags: uiintuitiveux, iosexperts, android, mobileapp
Published: 2019-06-24 08:23:34

Team Tweaks is the top Mobile App Development Company in Chennai, India - We have the team of Android and iOS experts who help you to build effective mobile app for diverse needs with catchy UI & intuitive UX. we have a professional full-service web technology company that provides complete customized solutions to help your business beget optimum exposure in the web world and make your brand succeed in its relative fields. The aesthetically pleasing website along with necessary functionalities designed by our team of expert designers, programmers and Internet marketing specialists will make your web presence more prominent than ever before and guarantee that your business churns a huge amount of revenues.
Mobile applications are one of the prominent factors, why the businesses are flourishing to a greater extent. Team Tweaks technologies is one of the leading mobile app development companies in chennai. The applications which are available on the mobile have a large reach amongst the people. Any business will be able to make it big when it is made available in the form of mobile application.

It helps the businesses to reach the masses as the devices used all through the day. The applications have been designed and developed in such a way that they are accessible on the mobiles similar to the PCs. There will be no need of accessing the big screen always to avail a service from a service provider.
Advice to a newbie wanting to learn to code
Tags: newbie, coding, softwaredevelopment, programming
Published: 2019-06-24 07:52:22

---
title: Advice to a newbie wanting to learn to code
published: true
description: What advice can you give a newbie who wants to be a software developer? He's my mentee and I don't know which programming language he should start with. Any advice, please?
tags: Newbie, Coding, Software development, Programming
---