teleren/devto huggingface dataset:
model 3 discussion 
Published: 2020-01-22 20:20:24

Module 3 Discussion

1- How is the number of columns in a web table determined?
   - The number of columns is based on the maximum number of cells from the table rows.

2- Write code to create a table row with three header cells containing the text: Tompkins, Ramirez, and David.

<.tr>
  <.th>Tompkins</th<br>
<.th>Ramirez</th><br>
<.th>david</th>
<./tr> 

3- Write code to create a table row with three data cells containing the text: Tompkins, Ramirez, and David.

<.tr>
  <.td>Tompkins</td>
<.td>Ramirez</td>
<.td>David</td>
<./tr>  

4- Write the style rule to display all table elements with collapsed borders.

table {border-collapse: collapse; }

5- Two table cells have adjacent borders. One cell has a 5-pixel-wide double border and the other cell has a 6-pixel-wide solid border. If the table borders are collapsed, what type of border will the two cells share?

The border will be a 6-pixle solid border because it is the border with the larger width. 

6- A table data ell contains the text Monday and should stretch across two rows and three columns. Write the HTML code for the cell.

<td rowspan="2" colspan="3"> Monday </td>


7-What adjustment do you have to make to a table when a cell spans multiple columns to keep the column aligned?

You need to reduce the number of cells following the spanning cell

8-What adjustment do you have to make to a table when a cell spans multiple rows to keep columns aligned?

You need to reduce the number of cells in the rows following the spanning cells

9-Write the style rule to display all table captions at the lower-left corner of the table.

caption { caption-side: bottom;}
I just asked: Are .gitignore files from directories above the repository's or from home directory loaded in any versions of Git?
Tags: git, gitignore
Published: 2020-01-22 19:53:28

I just [asked on Super User](https://superuser.com/questions/1519345/are-gitignore-files-from-directories-above-the-repositorys-or-from-home-direct):

Are `.gitignore` files from directories above the repository's or from home directory (`~/.gitignore`) loaded in any versions of Git?

`~/.gitignore` is mentioned by some advisory web postings despite not working in the version of Git on my system, and my system manual is unclear about how far up Git will walk looking for a `.gitignore`, although only mentions `$XDG_CONFIG_HOME/git/ignore` as a home directory global gitignore file location.

My problem stems from, to manage my home directory dotfiles i have presently chosen to use Git with a custom `GIT_DIR` environment variable setting, which does fine with not having Git default to that repository in any subdirectories of my `~`.

But, as `.gitignore` is hardcoded and can't be selected by an environment variable (which i would like to be like `"${GIT_DIR%/}ignore"`), being afraid that on some of my systems `~/.gitignore` could end up applying either globally or in repositories in the subdirectories of `~`, i resorted to adding the below snippet to my `${GIT_DIR}/info/exclude` and then staging the `${GIT_DIR}/info/exclude` file into the repository, keeping all my gitignore entries that are to apply to my dotfiles management repository in there (and in `.gitignore` files in dotfiles-only subdirectories). What i don't like about it is that it's pretty dirty and it might cause minor problems sometimes.

The snippet mentioned above, with `.gd` being my `$GIT_DIR`:
```gitignore
/.gd/**
!/.gd/info/
!/.gd/info/exclude
```
Code Monkey
Tags: beginners, codenewbie
Published: 2020-01-22 19:46:33

You, you make me, make me, make me wanna cry
And now I beg to see you code just one more time.

## So they say 

Code for me, code for me, code for me, oh, oh, oh
I've never seen anybody do the things you do before
They say move for me, move for me, move for me, ay, ay, ay
And when you're done I'll make you do it all again.
💨Super Quick CSS: Smooth Scrolling
Tags: css, webdev, beginners
Published: 2020-01-22 19:30:01

---
title: 💨Super Quick CSS: Smooth Scrolling
published: true
description: Add smooth scrolling with a quick CSS property "scroll-behavior: smooth".
cover_image: https://thepracticaldev.s3.amazonaws.com/i/bqwo7ho8r4i1xmyipku7.gif
tags: css, webdev, beginners
---

# Transform Your Website's UX With This One Liner

```css
html {
  scroll-behavior: smooth;
}
```
If like me you've got a single page website and your using bookmarks (anchors tags that reference an element by id), allowing user to navigate to different sections of the website. Then you need to add this **CSS** property `scroll-behavior: smooth;`, which will smoothly scroll the page content into view.

# Working Example

Below the CodePen demonstrates the smooth scrolling of the content when you click one of the navigation links.

{% codepen https://codepen.io/deadlybyte/pen/jOEdbpw %}

# Demo
![Before - Without Smooth Scrolling](https://thepracticaldev.s3.amazonaws.com/i/a7y31pbgkibtvgghdkji.gif)
<figcaption>Before - Without Smooth Scrolling</figcaption>
![After - With Smooth Scrolling](https://thepracticaldev.s3.amazonaws.com/i/rkj5qi6as92knz2dod19.gif)
<figcaption>After - With Smooth Scrolling</figcaption>

# Things To Note
The `scroll-behavior` property doesn't seem to work on the `body` element, so best to add it to the `html` element.

This property isn't currently support by all browsers, but this shouldn't stop you using it as it won't break and defaults to the standard behavior.

https://caniuse.com/#feat=mdn-css_properties_scroll-behavior
Hello, World. It's Me Michael.
Tags: mosshai, devops, showdev
Published: 2020-01-22 19:25:04

I AM A MULTIPLATFORM DEVELOPER(a major hobby.) I am currently developing immersive experiences on Google, AMAZON, and Microsoft. These platforms, together, have an aggregate affect which I am leveraging against services and API's from the Big Three
Thanks for checking out my page,

Michael
http://www.selfmade.ml
Migrating from dev.to to WordPress
Tags: wordpress, php, twitcode
Published: 2020-01-22 19:17:12

The dev.to is an excellent platform but unfortunately it still does not support translations of posts.

I recently wrote and translated [my first post](https://dev.to/aicoutos/twitcode-a-microblog-for-developers-2909) in the dev.to into three languages so i decided to [replicate them](https://blog.twitcode.com) in WordPress.

To facilitate the task I installed the following plugins:

## [WP Editor.md](https://wordpress.org/plugins/wp-editormd/)
![alt](https://ps.w.org/wp-editormd/assets/screenshot-1.png)
Replaces the default WordPress editor with a much simpler and lighter markdown editor.

## [Polylang](https://wordpress.org/plugins/polylang/)
![alt](https://ps.w.org/polylang/assets/screenshot-4.png)

This plugin has very usefully features such as:

- Intelligent automatic slug
- Browser language detection
- Cookie for identifying the last language used
- Widget with the list of languages available
- Translation of widget labels

## [Featured Image by URL](https://wordpress.org/plugins/featured-image-by-url/)
![alt](https://ps.w.org/featured-image-by-url/assets/screenshot-1.png)
To use Imgur images as cover image.

The final result of the work can be seen in [blog.twitcode.com](https://blog.twitcode.com).
wake up world (& ASA) - "forever" is never "forever" unless we're talking about plastic
Tags: watercooler
Published: 2020-01-22 19:01:13

startups and corporates need to stop selling us lies about forever deals 

only this week people have been outraged ( and tweeting about) 
* @flickr/@smugmug saying it will delete everyones photos 
* @sonos saying it will brick everyones £4000 hifi speakers next month

many years ago there was a mobile phone company (121) that 'sold' mobile phones with free calls 'forever'

FOREVER is a lie there is a word for selling consumers a lie its called a scam

what scams have you been a victim of ? what other things are forever ? even radioactivity has a half life !

FOOTNOTE

BUT i really really hope that [uploadme](https://www.uploadme.me/) will prove me wrong and that i am a cynic are they really "totally free and unlimited forever" ? would you trust them ? what infinite funding do they have in place to support that claim ? why arent THEY buying flickr and saving everyones photos ?
The Upright Go
Published: 2020-01-22 18:54:29

The Upright Go is a little stance corrector that appends to your back and sends vibration updates at whatever point you slump or lose pose. While associated with the application, it gives a constant feedback,training project, and insights to step by step improve your stance and your back wellbeing and a push to your feeling of certainty alongside it.
also check the links below for more info 
https://www.ladieshabits.com
https://www.ladieshabits.com/post/Upright-Posture-Corrector-Review/0
https://www.facebook.com/LadiesHabits/
Set up Express+Mongo API server using this Docker Compose boilerplate
Tags: docker, node, mongodb
Published: 2020-01-22 18:16:54

Last year, I had to build a couple of simple Express+Mongo API's. For convenience, I used Docker Compose to set up the necessary environments.

I thought this boilerplate may also benefit others to quickly start developing their APIs.

The project includes:
-  `docker-compose.yml` file for booting up a Node and MongoDB containers
-  a modified `Dockerfile` for installing packages and setting up ports for debugging
-  Nodemon to follow changes in projects
-  Logic to connect to DB
-  Example controllers for fetching data from MongoDB
-  `launch.json` for simple NodeJS debugging in VS Code

Link to the boilerplate:
https://github.com/kethmars/docker-compose-express-mongo

Have fun :)!
How to create responsive UI using quasar framework
Tags: codeguru, vue, quasarframework, aws
Published: 2020-01-22 18:38:21

{% youtube poG7d1r34QE%} 

Hello, code guru’s welcome back. This is Jagz from codeguru and your instructor for How to create responsive UI using Quasar framework course.

This video is a introduction video to our course on How to create responsive UI using Quasar framework. In which I will be discussing be discussing our roadmap for our course and also start with our fist concept of inspirational journey which we go through our clients on day to day basis. I hope you guys enjoy this video.

If you like more content from us please do consider supporting us on Patreon at https://www.patreon.com/codeguru

Please do not forget to provide your feedback or any topic suggestion in the below comments section.

You can also find us on
Twitter     : https://twitter.com/codeguru_io
facebook   : https://www.facebook.com/codeguru.io
instagram  : https://www.instagram.com/codeguru_io/
Reddit      : https://www.reddit.com/r/codeguru_io/
Discord    : https://discord.gg/sRsR86
Gitter       : https://gitter.im/codeguru_io/community
What is Phishing?
Tags: security, beginners
Published: 2020-01-22 18:27:44

Phishing is a malicious attempt of getting someone's private login details to a service or application. A phishing attack will be comprised of three parts, the initial entrance, the malicious mock website, and the saved details. You have probably seen, or been a victim too, phishing attempts. When someone on a social network, such as Facebook or Twitter, or within an email sends you one of those fake links that ask you to click to view a video or see something are usually phishing attempts. Once you click that link you will be taken to the mock website, a website that is made to look identical to an existing and trusted website. The mock website may resemble the login screen to Facebook, Twitter, Google, etc. The mock website will ask you to fill in your username and password to authenticate with the service, afterward the website will save your details to an area where the hacker can access them and use them to log in to the real service using your details.

A phishing attack is one of the easier attacks to execute, as it only takes a simple website login page to be created, but it can also be the easiest to identify. The key thing to look for when you're signing into any service that your trust is the URL or domain. If you think you're signing into Facebook but the website URL or domain name doesn't match (e.g. "facbook.com", "f4cebook.com", "facebo.ok.com", etc) then it is most likely a phishing attempt and you shouldn't fill in the login details.

A web browser can allow you to copy the code from a login page, or any webpage, making the creation of a phishing attempt even easier. The hacker needs to copy the code from the login page, add some code to send the username and passwords to their private server and redirect your back to the original website. They redirect back to the original website so then it looks like your login failed and you sign in again without noticing the phishing attempt/attack.

Due to the ease of identification and that all it takes is a hyperlink, the hacker of a phishing attempt will usually target hundreds, thousands, if not millions of potential targets rather than one individual. It is a numbers game, eventually, they will find someone who will fall for the attack and give them their security details.

Usually, when you sign into a website like Facebook, Google, etc, they will hash/encrypt your password before they save it to their database. This means they will change your password from plain text to an unrecognisable string of text. This means that those sites don't normally know your password, and therefore you should never give it to them as they shouldn't ever ask for it. This is a similar system to your pin numbers on your credit/debit cards, you shouldn't give your passwords or pins to anyone including the bank or website owner. If someone is asking for your password/pin in plain text (e.g. when you are not signing into Facebook, twitter, or withdrawing cash at an ATM) then you shouldn't trust them without verifying that they can be trusted.

This article was originally published on https://acroynon.com/
Abatron 803 replica in CSS
Tags: codepen, css, html
Published: 2020-01-22 18:24:39

<p>I stumbled upon an image of a calculator the other day, and I really liked it so decided to replicate it in HTML/CSS. </p>

<p>This is the Abatron 803 from 1976: <a href="https://www.calculator.org/calculators/Abatron_803.html" target="_blank">https://www.calculator.org/calculators/Abatron_803.html</a></p>

<p>The original image I stumbled upon (which I thought was a real calculator too) and inspired my design by turned out to be a photoshop creation by <a href="https://dribbble.com/shots/499001-Abatron-Calculator-Buttons" target="_blank">https://dribbble.com/shots/499001-Abatron-Calculator-Buttons</a>. That design was an interpretation of a real calculator from 1975, called the Abatron 803. </p>

<p>However, I have since edited my design to reflect the design of the real Abatron 803.</p>

{% codepen https://codepen.io/fossheim/pen/xxbmXZq %}
Help us create a community-curated list of React Libraries!
Tags: react, javascript
Published: 2020-01-22 18:18:40

We are two React developers that created [ReactLibraries.com](https://reactlibraries.com)

Every time we start a new project we constantly have the same questions: which libraries have the functionality we need and are actively maintained? There are an overwhelming number of React libraries out there that do similar things, so we created [reactlibraries.com](https://reactlibraries.com) to facilitate and organize them in a simplified and categorized way. We hope for this to turn into a community-driven database. If you have any favourite libraries or would like to showcase your own, please feel free to submit as many libraries as you would like. We are also hoping to launch our weekly newsletter soon which will showcase the most popular and upcoming libraries of the week. Also please feel free to give us any suggestions or feedback regarding functionality or additional organizational tools.
Software Engineering Recommendation Survey
Tags: github, survey, python, research
Published: 2020-01-22 18:17:21

Hi! I need some help, I'm a software engineering researcher exploring ways to make effective recommendations to developers. Please consider filling out the very brief survey below. No identifying data will be collected and it should take no longer than 5-10 minutes. Any responses will be appreciated and will participants will have the chance to win a $50 Amazon gift card. Thanks!

https://forms.gle/pE2QecfwzQXoJWM87
Vuex mixins
Tags: vue, vuex, mixins
Published: 2020-01-22 15:39:46

---
title: Vuex mixins
published: true
description: Use mixin-like methods in Vuex
tags: vuejs, vuex, mixins
---

Wouldn't it be nice to have a possibility to use a Vuex setter in more modules?
That is what are __mixins__ made for, right?

But you can't use Vue mixins in Vuex. Despite that, thanks to ES6 features it's easy to achieve that. We have a spread operator available.

```javascript
// mixins.js
export const mixinState = () => {
  return {
    fields: []
  };
}


export const mixinMutations = () => {
  return {
    addField(state, field) {
      state.fields.push(field);
    }
  };
}
```

```javascript
// module.js
import { mixinMutations, mixinState } from "./mixins.js";

const state = mixinState; // replace whole state with the state defined in mixin

const mutations = {
  ...mixinMutations(), // merge mutations defined here with mixin mutations
  clearFields(state) {
    state.fields = [];
  }
};

const actions = {
  addField({ commit }, field) {
    commit("addField", field);
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
};

```

And that's it. Such simple it is.

### Vuex mixins vs. modules

Of course you can have objections that it is what modules are made for. That's true, but modules are good for more complex units of state (state, getters) and behaviour (actions, setters).

Vuex mixins are more for reusing simple things like structures stored in state and it's setters.
For example I have a deeply nested object which is fallen apart into several state fields after [normalization](https://markus.oberlehner.net/blog/make-your-vuex-state-flat-state-normalization-with-vuex) and I want to use such fallen structure in more Vuex modules. And the setters doing such decomposition accordingly with it.
Migrating to dev.to
Published: 2020-01-22 18:11:19

So, almost a week ago, for some reason, I took a proper look at dev.to, having seen it appearing more and more around the web. I [tweeted about it](https://twitter.com/imdsm/status/1218172986232012801) as it essentially made me think of MySpace, except, for programmers. I gave it a go, and realised, not only was this easier than having to create new markdown files in GitHub for my current blog, but due to how it works, I could reach a lot more people with my content this way.

Since then, a long five days ago, I've been moving over [my blog posts](https://github.com/adamkdean/adamkdean-co-uk/tree/master/workspace/posts) to my dev.to account, at least one per day but sometimes more.

![Carrying everything](https://media.giphy.com/media/kabjgjsiqjF4s/giphy.gif)

You might see some blog posts pop up that aren't exactly... relevant at this point in time. I've tried to combat this by putting a little notice at the top of every post showing it's original post date. The idea is that once I move everything over to here, I can replace [my website](http://www.adamkdean.co.uk) without losing content which I've been carrying with me for almost a decade.

So if you've found yourself here trying to work out why I've just posted a blog post seemingly from 2011, this is why.

*Update:* I've now discovered that I can use front-matter to set the dates correctly. So this post may become irrelevant. [Blog migration complete](https://dev.to/adamkdean/blog-migration-complete-5e8n).
Explain Backend like I'm five.
Tags: explainlikeimfive, node, webdev, javascript
Published: 2020-01-22 17:45:36

So, I'm familiar with how to build a website using HTML, CSS and JS. I'm also quite confident using ReactJS to build webApps and even fetch data from some APIs.

However, I've never used nodeJS or similar technologies to build myself some kind of Backend. **What exactly do I need it for?** And what kind of code does a Backend typically contain, as a lot of logic already works in the Frontend?

Is it just sort of an API that connects my frontend to some database?
Hiring - Senior Full Stack Developer
Tags: career, dotnet, csharp, react
Published: 2020-01-22 17:40:46

New role hot off the press for you guys!

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/tm7b3l5gbbfz6zq2vk96.png)

Tech stack is:

•	JavaScript, HTML and CSS
•	ASP.NET
•	React.js
•	.NET/ C#
•	ASP.NET Webforms/ MVC
•	SQL Server/T-SQL

Get in touch for more info

- ashleigh@bsqit.com
- 0117 927 0195
JavaScript Comparisons – JavaScript Series – Part 5
Tags: javascript, beginners, webdev, codenewbie
Published: 2020-01-22 17:18:08

There are some JavaScript types that we’ll discuss right now. We’ll work on that later. They are – Undefined, Null, Symbol, Object

Today we are going to learn comparisons in JavaScript.

Lets start with checking equal. In JavaScript we need to use `===` for checking if they are same or not.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/u074acunqsbgbprlc53z.png)

To find out if they are not same we use !== This gives us the boolean result

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/3c08fm1fx8zsi8aygts8.png)

To find some value is getter than some value we use >

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/6hy1axv59bwl1oh84605.png)

To find some value is getter than and equal to some value we use >=

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/76inebeiwqxmod027oif.png)

To find some value is smaller than some value we use <

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/wzoh8z92szjp4iff2csz.png)

To find some value is smaller than and equal to some value we use >=

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/590owyd8cpjunkvoq993.png)

Do you understand the comparisons signs now in JavaScript ?


You can see the graphical version here
{% instagram B7oQlckAWvB %}

Source Codes - { Check commits }
{% github nerdjfpb/javaScript-Series %}


Originally it published on [nerdjfpbblog](https://blog.nerdjfpb.com/javascript-part-5/). You can connect with me in [twitter](https://twitter.com/nerdjfpb) or [linkedin](https://www.linkedin.com/in/nerdjfpb/) !