teleren/devto huggingface dataset:
Daily Developer Jokes - Thursday, Jul 16, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-07-16 12:00:09

---
title: "Daily Developer Jokes - Thursday, Jul 16, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Thursday%2C%20Jul%2016%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259b4a4ae9.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ Why do developers mixup Terminals and Polygraphs?

___A:___ Because they both can see a lie (CLI)
 -->
usefonts | tools for developers and designers
Tags: javascript, react, fonts, design
Published: 2020-07-16 11:41:00

![usefonts-screenshot](https://dev-to-uploads.s3.amazonaws.com/i/59p49po4zp0jwc83yxvb.png)

> It happens too often that we end up trying a few fonts before starting with a new project.

To help all such people, I created a tool called **useFonts**. If you are a frontend developer or a designer, you should probably check it at **[https://usefonts.netlify.app](https://usefonts.netlify.app)**

Github Repo: [https://github.com/goelaakash79/font-preview](https://github.com/goelaakash79/font-preview)

----

######  connect with me on [https://twitter.com/goelaakash79](https://twitter.com/goelaakash79)
Deploy Solr Search Engine into a Pantahub device(RPI3)
Tags: pantahub, rpi3, solr, linux
Published: 2020-07-16 11:37:26


### Step 1: Add new app "solr" into the device
  `$ pvr app add solr --from=arm32v7/solr:5-slim`
  ![](https://i.imgur.com/28xUcKc.png)



### Step 2: Deploy the changes to the device
 ```
 $ pvr add .
 $ pvr commit
 $ pvr post
```
 ![](https://i.imgur.com/dKhigqy.png)


### Step 3: Access the Solr dashboard
  `http://10.42.0.231:8983/`
  
  ![](https://i.imgur.com/YSxYJIN.png)

### Step 4: Try creating your 1st Solr Core

#### a) SSH into the app container "solr"
  `ssh -p 8222 solr@10.42.0.231`
  ![](https://i.imgur.com/LDRcN9N.png)

#### b) Create a new core
  ```
 $ cd /opt/solr/bin
 $ ./solr create -c "core1"
```
![](https://i.imgur.com/E2GObgi.png)
   
#### c) Access the Solr core you just created   
  `http://10.42.0.231:8983/solr/#/~cores`
   ![](https://i.imgur.com/aMUYEK5.png)
> You are Done!
How do you get back in 'the flow'?
Tags: webdev, discuss, productivity
Published: 2020-07-16 11:33:01

---
title: How do you get back in 'the flow'?
published: true
description: 
tags: webdev, discuss, productivity
//cover_image: https://direct_url_to_image.jpg
---
Haven't you been in the situation, where you come back from a vacation and you would not want to do anything thinking related, cause you were so used to calmness and peace of mind?

It's no secret our minds are lazy by default and will avoid thinking where possible, therefore, in order to be productive again, you have to kick-start your mind to get back in 'the flow'. 

This state is best cited by Daniel Kahneman: 

> “A state of effortless concentration so deep that they lose their sense of time, of themselves, of their problems.”

What are your most effective methods on getting back into this 'productive mindset' again after longer periods of rest?
How Learning Accents Connects Us To The World At Large
Tags: learningtips
Published: 2020-07-18 16:28:22

---
title: How Learning Accents Connects Us To The World At Large
published: true
date: 2020-07-16 11:32:53 UTC
tags: learningtips
canonical_url: https://www.ma-no.org/en/web-marketing-seo-sem/how-learning-accents-connects-us-to-the-world-at-large
---

Accents are something we often only see in terms of region or a way of speaking. We don’t connect the ways in which they reflect on the cultures they serve or the people who speak them. In reality, where one lives, dictates how they speak and the words they use more than just about anything else.

Becoming familiar with a true native accent doesn’t just change the way you communicate with other people, it connects you to an entirely different culture, even if you can’t visit that place in the here and now. Whether you’re reading a book written by a British author or enjoying a song from the deep South region of the US, understanding an accent matters and connects in ways most people don’t even see.

But how can we learn an accent or even understand a dialect that is not native to us? Well, technology can most certainly help.

Learning Accents: How Can It Be Done?
Many of us would love to learn accents and inflections, if for no other reason than to enjoy cultural TV shows, books, songs, and even jokes from those regions of the world. The question is: how can you learn the accent of a place in which you don’t live? Start with the basics and go from there.

Listen and Learn
The best way to truly learn an accent is to listen. means opening your ears to the exact rhythm and inflection. Unfortunately, most of us don’t have the opportunity to chat in person with a true speaker to study how syllables sing or words are pronounced in real-time. This is where the text to speech software can help. By simply inputting text into an online text to speech generator, you can choose from any number of accents with which to have that text read aloud back to you.

Let’s say you’re really looking into becoming familiar with Cockney British. Simply input some text and a British text to speech generator will read the text aloud in that particular accent. Try in both male and female voices or choose from given regions of a certain country. This is a great way to familiarize yourself with how an accent sounds in terms of rhythm, without having to track down an actual British citizen!… !

[READ MORE](https://www.ma-no.org/en/web-marketing-seo-sem/how-learning-accents-connects-us-to-the-world-at-large)
A new toy
Tags: 100daystooffload
Published: 2020-07-16 11:24:08

I bought a used Fujifilm X100T about a week ago. The idea of the compact form factor has appealed on and off for a few years, but this year I resolved to try it out. The new X100V looked very nice, but it was too expensive to justify, as was the previous model of the X100F. The one before that, the X100T, however, seemed about right and I've been taking it out on a few weekend walks.

My normal camera is a Canon EOS 7D Mk II. It is a beast of a camera. Although it isn't a full frame camera like its 6D and 5D relatives, it has the metal body and weather sealing of the 5D and the venerable old 20D that first introduced me to DSLRs. I really like that camera, especially its fast autofocus and high shutter speed – perfect for capturing the puddle-splashing antics of my young niece.

The Fujifilm is a *completely different* experience. The camera is small, light, and a little fiddly compared to the glove-like feel of the Canon. However, it's something you can get used to quite quickly.

I haven't used it enough to comment a great deal, but there are two immediate observations I'd happily make:

* It is *so* quiet to shoot
* It makes me want to take more pictures

The near silence of the shutter must be a combination of the lack of mirror and the leaf shutter. It shouldn't make a lot of difference, but I find myself more willing to take a picture as it seems less obvious, especially when there are people around. Similarly, it might be the novelty of a new toy that inspires me to take it outside, but I think the fact it is quite small and unobtrusive makes me feel less like I am going on a Photography Mission, and more like I am out for a casual stroll with a camera.

The colours of the JPEGs are supposed to be pretty interesting too. I can't say I've got a view either way yet, and nor have I seen what the raw files are like, but that will definitely happen in the near future.

*I'm publishing this as part of 100 Days To Offload. You can join in yourself by visiting [https://100daystooffload.com](https://100daystooffload.com).*
Bank phishing by email: best way to prevent it
Tags: phishing
Published: 2020-07-18 16:34:34

---
title: Bank phishing by email: best way to prevent it
published: true
date: 2020-07-16 11:18:14 UTC
tags: phishing
canonical_url: https://www.ma-no.org/en/seguridad/bank-phishing-by-email-best-way-to-prevent-it
---


![TypeScript: Bank phishing by email: best way to prevent it](https://www.ma-no.org/cache/galleries/contents-1975/960-400/phishing-bank-account-impjpg.webp)


No one is safe from Pishing attacks, especially bank Phising. Large and small companies in all industries are being attacked repeatedly. Phishing is so popular with cybercriminals because it provides them with access to the most vulnerable part of any network: the end users. Bank Phishing is increasingly being used to facilitate access by criminal organizations to the financial resources of individuals and businesses.

 
Bank Phishing by email: the main risk to your pocket
 
Phishing refers to fraudulent emails that trick recipients into sharing their personal, financial or security information.

Cybercriminals assume that people are busy so they will not detect the fraudulent mail and fall into the trap. This risk is especially difficult to detect from a mobile phone.

 
Modus operandi: how cyber criminals act in email phishing attacks.
 
Bank Phishing by email always has the following characteristics:
The emails may appear identical to the type of correspondence sent by real banks.
They copy the logos, design and style of the real emails.
They use language that conveys a sense of importance and urgency.
They ask you to download an attachment or click on the link.… !


[Read More](https://www.ma-no.org/en/seguridad/bank-phishing-by-email-best-way-to-prevent-it)
How to position an element under a fixed element
Tags: css, beginners, jquery
Published: 2020-07-16 11:06:27

Here's my first article on Dev.to! 🚀 🚀 🚀

## Problem description
{% codepen https://codepen.io/bipubipu-the-decoder/pen/rNxqWZZ %}

The beneath element was blocked by the above element.

You may have met this problem when you have a fixed nav bar. 

## Analysis
What should you do then?

Change the margin-top of #content element. But to what value?

We can set a fixed value but it might not look good.

This is going to be a responsive webpage, so the height of #fix div is changing as you change the size of the window.

## Solution
Use jQuery to change CSS with a dynamic value.

{% codepen https://codepen.io/bipubipu-the-decoder/pen/NWxOdme %}

You may need to add jQuery to your html code.

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js

I used CodePen to do this demo, which only needs to change the setting. <img src = "https://geekladysite.files.wordpress.com/2020/07/screen-shot-2020-07-16-at-8.19.05-pm.png">

After adding this code snippet, it works fine. But wait a sec. If you click HTML/CSS/JS button in codepen or drag your browser window, the result is not right again.  

Why? Because the window size has changed. So we need to let the size change to be a trigger. 

In the end, we need to add the following code to solve the problem. One changes the CSS when the page is loaded. The other changes when window resizes. Problem solved!

{% codepen https://codepen.io/bipubipu-the-decoder/pen/bGEmgPO %}

```
function dynamicHeight(){
     $('#content').css("margin-top", $('#fix').height());
}
$(document).ready(dynamicHeight);
$(window).resize(dynamicHeight);
```
About jQuery functions, it's a little different from JS. I firstly used 'dynamicHeight()', and failed. 

If you have other solutions, feel free to contact me! I’m eager to learn! This is firstly published at my blog: https://geekladysite.wordpress.com. Check that too if you're interested!
Windows 12 Features and Hardware Requirement
Tags: windows
Published: 2020-07-16 11:01:38

Microsoft is set to release a new Windows 12 with new features by 2020. Windows 12 is expected to be released in April and October of the following year. If you want to use the latest version of Windows 12, there are many ways you can use it as before. read more..
https://bit.ly/3h8hAhp
As before the first method where you can update from Windows, whether it is for Windows updates or using the ISO Windows 12 file, another option you can take to reinstall and install Windows 12, it will still be useful. Before deciding to install an app update, pay special attention to what is new in major app updates. What are Windows 12 updates and new features, Here are the new Windows 12 features read more....
https://bit.ly/3h8hAhp
10 Fun API's to Inspire Your Next Project 💻
Tags: webdev, javascript, codenewbie, beginners
Published: 2020-07-16 10:59:50

---
title: 10 Fun API's to Inspire Your Next Project 💻
published: true
description: Need some ideas for things to build and practice your web dev push-ups? Check out these 10 API's that might inspire your next project. 
tags: webdev, javascript, codenewbie, beginners
//cover_image: https://direct_url_to_image.jpg
---

Don't know what to build?

There are so many cheap and free awesome API's online that you can use to inspire your next project or to get some portfolio projects together. 

In this video, we will explore 10 different API's that I think are fun and easy to use. 

{% youtube UxcdwEOCD48 %}

If you just want the list of API's you can check them out below. 👇

🔗Links
https://spoonacular.com
https://deckofcardsapi.com
https://developers.giphy.com
https://api.adviceslip.com
http://jservice.io
http://www.omdbapi.com
https://funtranslations.com
https://thedogapi.com
https://developer.marvel.com
https://pokeapi.co


---

[Follow me on Twitter](https://twitter.com/nialljoemaher)

Subscribe on [Codú Community](https://www.youtube.com/c/Cod%C3%BACommunity)
Top 10 Reasons to Choose Swift for iOS App Development
Published: 2020-07-16 10:48:03

Swift has changed the course of the iOS app development industry. It is a highly intuitive programming language for Apple operating systems like iOS, macOS, and watchOS.

The language has opened new doors to entrepreneurs to make their idea work which was impossible for a long time. Earlier iOS app development used to be time-consuming, difficult and the frequency of app crash was higher. 

Before Swift, iOS app development was mostly done with Objective-C, a subset language of C with added object-oriented features to it but app development using Objective-C was tough. 

<b>Continue Reading at <a href="https://bit.ly/2OxcXkK">https://bit.ly/2OxcXkK</a></b>
Show DEV: JSON-to-HTML resume generator
Tags: resume, cv
Published: 2020-07-16 10:47:46

---
title: Show DEV: JSON-to-HTML resume generator
published: true
description: A tool to generate HTML resume from a JSON
tags: resume, cv
cover_image: https://images.unsplash.com/photo-1586281380349-632531db7ed4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80
---
A few words about the problem: `CV.pdf`, `CV_updated.pdf`, `CV_updated2.pdf`. It's hard to keep tracking updates on your resume. Thus many people go to online services that generate good-looking resumes by providing an ability to edit templates via UI.

They are mostly not free and don't provide transparent versioning of a resume. Also, who knows, but maybe some of such services will be shut down in a month, year or so. It means I can't restore my information.

## Why

I thought it'll be interesting to try to store a resume in some simple format in a private Git repository (or just in a local Git repo). It's easier to see diffs and track updates. So I wrote a script that takes resume information from a JSON file and generates HTML based on the data.

## How it works

What it does is replaces variables like `{{ experience }}` in an HTML template with the corresponding values from the JSON file.
Example of the JSON resume template:

![JSON resume template](https://i.imgur.com/uom3KCn.jpg)

Example of an HTML template result:
![HTML template](https://i.imgur.com/r975pEF.png)

Thus, I could keep my custom HTML template and resume in JSON format in a Git repo and generate HTML when I do updates. Like this:
![How to use](https://i.imgur.com/PxIAowA.jpg)
_"simple" is a pre-defined theme_

There is an ability to create your own HTML theme, an example:
```html
<!-- Embed CSS, JS, as in usual HTML -->
<style></style>

<div>{{ basics.name }}</div>
<h2>{{ basics.label }}</p>
```
## Advanced use cases
It'll be great if I push updated `cv.json` to a remote repo, and CI will update a website where my resume available.
The workflow could be:
1. I push new commit (updated `cv.json`)
2. CI script generates the HTML (`qcv build-from my_website_theme.html`)
3. Deploys it to a server where a website is hosted

------

The repo:
{% github SergChr/qcv no-readme %}
_What do you think? Any feedback is hugely welcomed!_
_I'm on [Twitter](https://twitter.com/sergchr)_
Xamarin- A Rising Star For Mobile App Development
Tags: mobileapps, applications
Published: 2020-07-16 10:47:02

Mobile apps have become a non separable part of our lives. Enterprises and their users prefer mobile apps to automate their work life. As the demand for mobile apps development increases, there is a need to develop the apps with the right tools and appropriate approach. Longer development cycle for mobile apps is a major concern for businesses. But, fortunately, Xamarin comes to develop, test and deploy mobile apps rapidly across iOS, Android and Windows. 

#Some Important Points To Know About Xamarin-
Xamarin is the most popular open-source cross platform development frameworks that allow developers to build scalable, feature rich and also secure mobile applications. Here are some of the important points that you must know before selecting xamarin for app development.

1.Native Like Performance- Cross platform apps developed with Xamarin are categorized as native. Their performance metrics are comparable with Java for Android app development and Swift for native iOS.
2.Better User Experience- Apps developed with Xamarin appears completely native on all devices and hence offers better user performance.
3.Code Reusability- To build an app, Xamarin uses C# with .Net framework which means you can reuse the 95% of code and hence the development process becomes faster.
4.Easy Maintenance- Apps that are built with the Xamarin are easy to maintain and update also.
5.Use Of Xamarin.Forms- Xamarin.Forms is used to create apps that need less platform-specific functionality by using rapid prototyping. 


#Most Powerful Ways To Develop Mobile Apps Rapidly With Xamarin-
*1. Using In-Built UI Frames And Controls-*
Rather than jumping directly into developing mobile apps for ios, Android and windows separately, enterprises uses Xamarin to deploy these apps. This platform offers multiple in-built UI frames and pages with more than 40 cross platform layouts and controls to be used and hence development time reduces. These ready layouts and controls include lists, labels, buttons, gestures and so on. Xamarin experts use these particular controls to share the backend C# code across platforms so as to rapidly build completely native mobile applications.

*2. Consider Cross-Platform Mobile App Solutions-*
For multi-platform development native mobile apps come with heavy development overheads. To share the code across platforms for native apps, Xamarin is perfect. 75% of source code can be shared across iOS, Android and Windows for the faster time-to-market across cross-platform apps..

*3. Adopt Lean Development Approach-*
Know more at- [https://solaceinfotech.com/blog/xamarin-a-rising-star-for-mobile-app-development/]
MILLISECONDS MAKE MILLIONS: HOW YOUR MOBILE WEBSITE SPEED AFFECTS YOUR BUSINESS
Tags: digitalmarketing, socialmediamarketing
Published: 2020-07-16 10:45:50

This blog shares insights on your mobile website speed and how it affects your business customer retention and acquisition. The findings are based on real data from 37 brands accounting for 30 million user sessions over a 4 week period. Considering various business and industry types, the study comprises brands from four different sectors namely; Retail, Lead generation, Travel, and Luxury. However, in this blog, I will explain to you'll the retail sector in-depth covering each aspect of the consumer and purchase funnel. Read the full blog on https://www.prism-me.com/blog/how-does-website-load-time-affect-your-revenue
God Mode in browsers: document.designMode = "on"
Tags: chrome, firefox, devtools, webdev
Published: 2020-07-16 10:40:11

---
title: God Mode in browsers: document.designMode = "on"
published: true
description: Learn how you can make any website editable
series: QuickBits
tags: chrome,firefox,devtools,webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/09hkuz446otxdebsp340.jpg
---
Just type `document.designMode = "on"` on you favourite browser's devtools and see the magic. 

It will make any website editable:

![preview](https://media.giphy.com/media/iDByhJJoZGSac2RH5z/giphy.gif)
QDraggableTree v0.0.4 has been released!
Tags: vue, javascript, css, quasarframework
Published: 2020-07-16 10:36:52

QDraggableTree v0.0.4 has been released!

 - Added the ability to drag a node as a sub child of a node without children
 - Ability to drop a node even if the sub-tree is closed

Source code: https://github.com/mayank091193/quasar-draggable-tree

Live preview: https://quasar-draggable-tree.netlify.app/docs

NPM Package: https://npmjs.com/package/quasar-app-extension-qdraggabletree

Please check out the release notes here. https://github.com/mayank091193/quasar-draggable-tree/blob/master/app-extension/CHANGELOG.md

If it helps you, Sponsor me to support my open-source work💖 https://github.com/sponsors/mayank091193

Any feedback will be greatly appreciated.

Thank you!
OpenPGP identity proof
Published: 2020-07-16 10:24:46

This is an OpenPGP proof that connects [my OpenPGP key](https://keyoxide.org/9f0048ac0b23301e1f77e994909f6bd6f80f485d) to [this dev.to account](https://dev.to/yarmo). For details check out https://keyoxide.org/guides/openpgp-proofs

[Verifying my OpenPGP key: openpgp4fpr:9f0048ac0b23301e1f77e994909f6bd6f80f485d]