teleren/devto huggingface dataset:
What is Bootstrap?
Tags: bootstrap, tutorial, opensource, webdev
Published: 2020-09-11 10:34:20

[Bootstrap](https://getbootstrap.com/) is the world’s most popular front-end open-source toolkit that can be used to quickly design and customize responsive mobile-first websites. It features Sass variables and mixins, a responsive grid system, a collection of prebuilt components, and useful Javascript plugins.

The initial release of Bootstrap happened on August 19th, 2011 and it was originally named Twitter Blueprint. It was developed by Mark Otto and Jacob Thornton at a Twitter hackathon called “Hack Week”. It was then released as an open-source project now being the seventh-most-starred project on Github.

Currently, the latest stable version of Bootstrap is v4.5 which brought many improvements compared to earlier versions by introducing flexbox, replacing Less with Sass, and other upgrades regarding classes and Javascript.

## Bootstrap 5: removing jQuery

On 16th June of 2020, [Bootstrap 5-alpha1 has been officially launched](https://themesberg.com/blog/bootstrap/bootstrap-version-5-alpha-whats-new) dropping jQuery as a dependency and also removing browser support for Internet Explorer 10 and 11\. This came as a big surprise to the developers, especially the decision to no longer support Internet Explorer browsers.

Removing jQuery as a dependency comes as a welcoming update for two main reasons:

*   You will save up to 82.54 KB for the loading time
*   Many of the features of jQuery can now be done natively with Vanilla Javascript

You can read a [tutorial on Bootstrap 5](https://themesberg.com/blog/tutorial/bootstrap-5-tutorial) and how to use it without jQuery.

## Bootstrap ecosystem & community

Almost 10 years since the initial release, Bootstrap is being used by at least 8 million websites worldwide only through the official Bootstrap CDN. The community has built many tools, plugins, and templates using the popular CSS Framework.

You can check out some of the free and premium [Bootstrap templates, themes, and UI kits](https://themesberg.com/templates/bootstrap) that we have been working on here at Themesberg. It can save you a lot of time and also provide you with cutting edge design and code quality for your projects.
A Guide to Solving Difficult Problems
Tags: productivity, advice, development
Published: 2020-09-11 10:33:39

Software engineers are ultimately problem solvers.
![Alt text of image](https://media.giphy.com/media/5bivKwxhVzshNk2Rjw/giphy.gif)

Most of us know this intuitively. To build any sufficiently complex system is an exercise in both analytical and creative thinking–it’s solving problems, again and again.

We often think of creativity and analytical thinking as being on the opposite ends of a spectrum. But in reality, even technical problem solving and analysis is really a creative endeavor. Coming up with solutions requires creativity and inspiration.

Many engineers have their own habits and rituals for how they try to coerce brilliant ideas out of their brain. But this is also an area that has been studied by science.

While there’s no special formula for being creative, there are some proven activities and strategies that help individuals–and teams–be more creative and come up with better solutions to difficult problems.

Over the years, there have been many studies on problem solving and creativity. They’ve aimed to both define the parts of our brain that are put to work at solving problems as well as how best to engage or stimulate them in hopes of generating better, smarter, and more creative ideas.

There has also been extensive study of the process of solving problems.

The most famous framework comes from George Polya, a professor who advanced a simple, **4-step process** for solving problems:
1. Understand the problem
2. Devise a plan
3. Carry out the plan
4. Look back

It may seem extremely simple, but this way of solving problems is also useful for thinking about how the process works and therefore how we can improve our own abilities.

Problem solving stems primarily from a moment of insight. This is the “aha” moment where we look at a problem from a different angle or consider it in a different way.

This change in perspective unlocks a new solution–maybe the solution we were looking for.

So, while the steps in solving a problem may be simple, the quality of the solution that we come up with is largely dependent on our ability to gain fresh perspective. As such, many of the methods and strategies for solving difficult problems can be tied to activities that attempt to change our state of mind or allow our brains to find new connections.

In a team setting, it’s also worth noting that diversity can play a huge role in problem solving.

Having team members offer different perspectives allows the entire team to consider a broader range of possible solutions–and increases the chance that they’ll come up with a brilliant one.

There’s no sure-fire way to solve a difficult problem. But science tells us that with the right approach, we can help ourselves find the insight we need to tackle just about anything.
______________________________________________________________
*[7pace Timetracker](https://www.7pace.com/) is the only integrated, professional time management solution for teams using Azure DevOps.*

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0abhoy61sfwppfggxyhq.png)
Assignment Help Online

Tags: assignmenthelp, helpforassignment
Published: 2020-09-11 10:31:13

If you are looking for the best Assignment Help Singapore, you can get in touch with us. We are offering quality writing services through an excellent team of assignment writers, who have vast experience of academic assignment writing, offering the best quality content within the deadline and with a plagiarism-free guarantee. We have a dedicated team of assignment experts and writers from different disciplines ranging from Management to Science, for all academic levels beginning from K-10 to Ph.D. Level. We provide high-quality assignments to help Singapore services for all Singapore college aspirants. Our professionals have great command in finishing Singapore university based assignments, which will help aspirants of Singapore to score high in their coursework, assignments, essays, case studies, dissertations, research reports, poster creations, presentations, etc.
For more details visit on the Website: https://www.assignmenthelppro.com/sg/
Bulma Registration Form
Tags: css, html, webdev, weeklyui
Published: 2020-09-11 10:21:14

Bulma is an open-source front-end CSS framework for making websites with the help of giving classes. So here we design the Responsive Bulma Registration Form with some CSS properties & Bulma components and utility classes.

In this Bulma Form, we used the grid system of this framework and also used new helper classes that come in new version 0.9. Here we modify the Bulma framework class and also used custom background color. This form is fully responsive to all views.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Source code](https://w3hubs.com/bulma-registration-form/)
Typescript for beginners: how to ignore code
Tags: typescript, javascript
Published: 2020-09-11 10:15:01

---
title: Typescript for beginners: how to ignore code
published: true
description: Ignore code with typescript
tags: typescript, javascript
//cover_image: https://direct_url_to_image.jpg
---
Typescript is one of the best things that have happened in JavaScript world. It is a solid tool that checks for errors before they have happened. But sometimes we want to turn it off for some code.

There are several ways to ignore code in typescript:

### Ignore code line with `@ts-ignore` rule:
**this will ignore the code that is one line below**
```
// @ts-ignore
const myAge : number = "25" // no typescript error
const isTrue : boolean = 4; // error
```

Usually this would throw an error about variable myAge not being type of number, but with `@ts-ignore` this error will be ignored.

### Ignore code block with `@ts-nocheck`:
```
// @ts-nocheck
const myAge : number = "25" // no error
const isTrue : boolean = 4; // no error
```
**🚨🚨`@ts-nocheck` will ignore the file, so if you want to ignore typescript checking on one function put it in separate file🚨🚨**

This typescript rule should be used at the top of the file and it will ignore all code in the file.


**Typescript is meant to be helpful and allows us to write more robust, better structured code. Also it helps us to catch errors early, so use ``@ts-ignore`` and ``@ts-nocheck`` rules with caution.
Pushing a Docker container image to Docker Hub🔗
Tags: docker
Published: 2020-09-11 10:13:50

---
title: Pushing a Docker container image to Docker Hub🔗
published: true
description: Pushing a Docker container image to Docker Hub🔗
tags: docker
//cover_image: https://direct_url_to_image.jpg
---

To push an image to Docker Hub, you must first name your local image using your Docker Hub username and the repository name that you created through Docker Hub on the web.

You can add multiple images to a repository by adding a specific :`<tag>` to them (for example `docs/base:testing`). If it’s not specified, the tag defaults to latest.

Name your local images using one of these methods:

When you build them, using `docker build -t <hub-user>/<repo-name>[:<tag>]`

By re-tagging an existing local image `docker tag <existing-image> <hub-user>/<repo-name>[:<tag>]`

By using `docker commit <existing-container> <hub-user>/<repo-name>[:<tag>]` to commit changes

Now you can push this repository to the registry designated by its name or tag.

`$ docker push <hub-user>/<repo-name>:<tag>`
The image is then uploaded and available for use by your teammates and/or the community.
Top CSS Gallery - Best CSS Design Inspiration 
Tags: bestwebsitedesigngallery, allcssgallery, csswebdesign, cssdesigngallery
Published: 2020-09-11 10:01:55

Top CSS Gallery is a unique design global platform for showcasing and awarding the top websites with CSS web design. Our platform is endorsing, backing, supporting, and promoting the work of the best web designers, developers, freelancers, and digital marketing agencies. We popularize the finest websites built elsewhere through CSS Gallery, increasing their competency and consistency as well as awarding the most excellent out of them. Prestigious awards are presented for exceptional creativity and technical aptitude for CSS web design. Please explore the CSS design examples in our Top CSS Gallery website. 

Read More: www.topcssgallery.com
Designing for Print in React
Tags: react, css, print, codesnippet
Published: 2020-09-11 09:54:50

## Libraries in React

Before I know there is an easy way to style the components for print, I use [@react-pdf/renderer](https://github.com/diegomura/react-pdf) which allow better customization and doesn't use the native browser function. 

But I need to recreate the same component again using the primitive component from the library. It was double the work for my use case.

Then I found [react-to-print](https://github.com/gregnb/react-to-print) library. The library is easy to use and the doc is great. The native print function would work fine in most cases.

## Style for print

Here are some CSS snippets I wish I know it earlier for printing web pages 

### Style for printing separately 👇

![print preview in react snippet 1](https://images.prismic.io/blog-next/e8c01362-56ca-4043-8ad9-6c82e46ebafe_carbon+%283%29.png?auto=compress,format)

### Avoid page styling break when a page break
CSS to avoid the component being cut when there is a page break 👇

![print in react snippet 2](https://images.prismic.io/blog-next/e8c01362-56ca-4043-8ad9-6c82e46ebafe_carbon+%283%29.png?auto=compress,format)



*Let me know if anything you would like me to add.*
GitHub Action for Flutter Web
Tags: actionshackathon, flutter, githunt
Published: 2020-09-11 09:52:49

[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon, please fill out all sections.)


### My Workflow
[Note]: # (Make sure to include the name of your GitHub Action and share where it's being used!)
This GitHub Action "**Flutter Web CI**" is designed to automate the developers work to: 
* **Configure the flutter tool for web support**
* **Build an app with web support**
* **Archive the build and upload the Artifact**
* **Download the Artifact**
* **Display structure of build files**
* **Use GitHub Pages to host your Flutter Web app**


### Submission Category: 

[Note]: # (Maintainer Must-Haves, DIY Deployments, Interesting IoT, Phone Friendly, or Wacky Wildcards)
Maintainer Must-Haves and DIY Deployments


### Yaml File or Link to Code

```yaml
name: Flutter Web CI

on:
  push:
    branches: [ master ]
  pull_request:
    branches: [ master ]

jobs:
  build:
    runs-on: ubuntu-latest
    env:
      my_secret: ${{secrets.GH_DEPLOY}}
    steps:
    - uses: actions/checkout@v1
    - uses: subosito/flutter-action@v1
      with:
        channel: beta
    - run: flutter config --enable-web
    - run: flutter pub get
#     - run: flutter test
    - run: flutter build web
    - name: Archive Production Artifact
      uses: actions/upload-artifact@master
      with:
        name: web-build
        path: build/web
    - name: Download Artifact
      uses: actions/download-artifact@master
      with:
        name: web-build 
    - name: Display structure of build files
      run: ls -R
      working-directory: ./web
    - name: Deploy to GH Pages
      run: |
        cd build/web
        git init
        # type configurations: your user.email and user.name followed lines 
        # git config --global user.email your_email 
        # git config --global user.name your_name 
        git config --global user.email ranubhardwaj89@gmail.com
        git config --global user.name himanshusharma89
        git status
        # change this remote url for examle your remote url is https://github.com/onatcipli/flutter_web.git then the following:
        git remote add origin https://${{secrets.GH_DEPLOY}}@github.com/himanshusharma89/dev.git
        git checkout -b gh-pages
        git add --all
        git commit -m "update"
        git push origin gh-pages -f
```

{% github himanshusharma89/dev %}


### Additional Resources / Info

This GitHub Action uses the following open-source GitHub Actions:

{% github subosito/flutter-action %}
{% github actions/upload-artifact %}
{% github actions/download-artifact %}

##### Made with <span style="color: #e25555;">&#9829;</span> by <a href="https://www.linkedin.com/in/himanshusharma89/">Himanshu Sharma</a>

[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. )

[Reminder]: # (Submissions are due on September 12th (11:59 PM PDT) and winners will be announced on September 23!)
New Irish-based Diversity Groups added
Tags: diversityintech, diversity, community, irishdev
Published: 2020-09-11 09:50:40

A quick updated on new groups added to the list, [thanks also those who replied in my LinkedIn post](https://www.linkedin.com/posts/vickyleeire_diversityintech-community-irishdev-activity-6709868264001986560-0xXW):

| Date        | Organisation  |
| ----------- | ------------- |
| 2020–09–11 | Added [WhyDesign](http://whydesign.ie/), [#GoingFar](https://twitter.com/GoingFarIE) and [AnitaB.org Dublin](https://community.anitab.org/tag/anitabdublin/) |
| 2020–09–10  | Added [SheUps](https://sheups.com/) |
| 2020–09–08  | Added [Cyber Women Ireland](https://www.cyberireland.ie/cyber-women-in-ireland/) |

It's been a busy year! 

Here's where you come in and help. Am I missing a group/org? Is there one that's defunct? Is one of them yours, is the URL correct? Let me know in comments below. #TIA
My two AWS Knowledge Center articles published  to help customers on "AWS Service Quotas" ☁️🔍⏳👨‍💻👩‍💻
Tags: aws, devops, linux, cloud
Published: 2020-09-11 09:37:13

<b>Thought of sharing these with you</b> 😊
<h4><i>" As you might be already aware of that you can request, view, and manage "AWS service quotas", formerly known as "limits", from the <b><a href="https://console.aws.amazon.com/servicequotas/home">Service Quotas Console</b></a> or using AWS CLI commands<h4></i>

<u><b>I've written below two Articles on AWS Knowledge Center which you may find useful to control AWS account quotas or limits in a programmatic way using AWS CLI</b></u>
>
<ol>
<b><li><a href="https://aws.amazon.com/premiumsupport/knowledge-center/request-service-quota-increase-cli/"> How can I request, view, and manage service quota increase requests using AWS CLI commands ?</a></b></li>
<b><li><a href="https://aws.amazon.com/premiumsupport/knowledge-center/troubleshoot-service-quotas-cli-commands/"> How can I troubleshoot errors using the AWS CLI to manage my service quota requests?</a></b></li>
</ol>
>

----------------------------------------------------------------
<h4><b>If you need more extended details of these articles, please refer my blog post below :</h4></b>
----------------------------------------------------------------
<b>[+] https://dev.to/dineshrathee12/manage-my-service-quotas-also-referred-to-as-limits-in-aws-account-using-aws-cli-commands-5cg2</b>

<a href="https://dev.to/dineshrathee12/manage-my-service-quotas-also-referred-to-as-limits-in-aws-account-using-aws-cli-commands-5cg2">![manage-my-service-quotas-also-referred-to-as-limits-in-aws-account-using-aws-cli-commands-5cg2](https://dev-to-uploads.s3.amazonaws.com/i/etbqgudw22ptild4zrhb.JPG)</a>



                     😇 Happy learning 😇

![Happy Learning](https://media.giphy.com/media/NKkZbYYsZmRzi/giphy.gif)
Morallyestreifen
Tags: zitate, jacobin, quote
Published: 2020-09-24 12:03:18

---
title: Morallyestreifen
published: true
date: 2020-09-10 20:15:28 UTC
tags: Zitate,jacobin,quote
canonical_url: https://drikkes.com/?p=14521
---

Das **Jacobin Magazin** habe ich als Printversion [bisher nicht abonniert](https://twitter.com/drikkes/status/1265656589257773061), aber ich lese es online recht gerne. Hängengeblieben sind dabei in letzter Zeit Zitate aus zwei Artikel.

> Bio- und Naturkostläden sind voll von Leuten, die High-Tech Sportkleidung tragen, ohne dass Schweiß in Sicht ist. Diese Kleidung kennzeichnet ihre Träger als die Art von Menschen, die sich um ihren Körper kümmern, auch wenn sie gerade nicht trainieren. Yogahosen und Laufschuhe repräsentieren Tugenden ebenso sehr wie die Korsettkleider der Ehefrauen des 19. Jahrhunderts.

Diese ersten beiden aus „[Viktorianer des 21. Jahrhunderts](https://jacobin.de/artikel/viktorianer-moral-sport-yoga-fitness-optimierung/)“ über die (Nicht-)Entwicklung der Moral.

> Weil Kalorien billiger geworden sind, wurde Fettleibigkeit von einem Zeichen des Reichtums zu einem Zeichen des moralischen Versagens. Ungesund zu sein ist heute ein Kennzeichen der Begierde der Armen, genau wie es die Sexualmoral der Arbeiterinnenklasse im 19. Jahrhundert war.

[![](https://media.giphy.com/media/fxYewCuhC9FEl2yhxa/giphy.gif)](https://www.youtube.com/watch?v=c8CJKJ1QYMk&lc=Ugzs1zy4Y8zgSdR5nFl4AaABAg)

Und aus dem Artikel „[Stadtplanung für Größenwahnsinnige](https://jacobin.de/artikel/simcity-stadtplanung-neoliberalismus/)“ über den nicht zu unterschätzenden Einfluß des Computerspiels SIM CITY auch auf das reale Leben:

> Wenn die Steuern zu lange zu hoch sind, werden die Bewohnerinnen deine Stadt möglicherweise massenweise verlassen. Außerdem stören sich reiche Sims mehr an hohen Steuern als solche mit mittlerem oder niedrigem Vermögen.

Sehr hellsichtig von den Programmierern.

[Twittern](https://twitter.com/intent/tweet?url=https%3A%2F%2Fdrikkes.com%2F%3Fp%3D14521&via=drikkes)
How to separate your Git for work and Git for personal
Tags: git, github
Published: 2020-09-11 09:31:01

Have you ever run into a problem where you want to push your code to a company repo, but you don't want to push using git with your personal email?

**Here's how easy you can separate your Git for work and Git for personal**

First, you must make new SSH Keys with your work email and add it to your work account in your company repo. Make sure you name your ssh key files to be something like `id_ed25519_work` to differentiate your SSH key for personal and work. [Here's](https://gitlab.com/help/ssh/README#generating-a-new-ssh-key-pair) how to generate SSH keys.

If you open your git config in `~/.gitconfig`, you'll probably have something like this. 
```
[user]
	name = yourusername
	email = youremail@mail.com
```
In Windows you can find your git config file in `C:\Users\[YOURUSERNAME]\.gitconfig`.

That is for your personal git account. For your working git account, you can make another git config file, for example `.gitconfig-work`, and you can fill your file with this

```
[user]
	name = yourusername
	email = yourworkemail@company.com
```
In your original git config file, add this line
```
[user]
	name = yourusername
	email = youremail@mail.com

[includeIf "gitdir/i:[location to your company's project folder]/"]
	path = ~/.gitconfig-work
```

for example, it would be like this.
```
[user]
	name = yourusername
	email = youremail@mail.com

[includeIf "gitdir/i:~/working/projectA/"]
	path = ~/.gitconfig-work
```

and update your `gitconfig-work` to be like this
```
[user]
	name = yourusername
	email = yourworkemail@company.com

[core]
	sshCommand = "ssh -i ~/.ssh/id_ed25519_work"
```
That's it! So, whenever you're in your company's project folder, your Git will automatically use your work email and username with your seperate ssh keys.

You can test your ssh file by typing this in your terminal.
```
ssh -i ~/.ssh/id_ed25519_work -T git@gitlab.com
```

and you can test if it's work by typing this from your company's project folder and check if your work email comes up.
```
git config --show-origin --get user.email
```

You can change that gitlab.com to github.com if you're using github.

You might want to close all the terminals, or try to logout/restart your computer if it's not working.

Hope this help and Thanks for reading!