teleren/devto huggingface dataset:
A generic code to convert a file to image format
Tags: codequality, productivity, csharp, dotnet
Published: 2020-10-01 10:08:46

You can convert [any document](https://docs.groupdocs.com/conversion/net/supported-document-formats/) to Image using following piece of code:

```csharp
string outputFileTemplate = Path.Combine(outputFolder, "converted-page-{0}.jpg");
SavePageStream getPageStream = page => new FileStream(string.Format(outputFileTemplate, page), FileMode.Create);
using (Converter converter = new Converter("sample.pdf"))
{
    ImageConvertOptions options = new ImageConvertOptions
    {
        Format = ImageFileType.Jpg
    };
    
    converter.Convert(getPageStream, options);
}
```
Quite simple, isn't it? Let's see what conversion options API facilitates. 
* Brightness
* Contrast 
* FlipMode
* Gamma
* Grayscale 

and a [lot](https://apireference.groupdocs.com/conversion/net/groupdocs.conversion.options.convert/imageconvertoptions) others. ImageFileType defines the output image file type (e.g. PNG, JPG, SVG).
Get more details or post any API related issue [here](http://forum.groupdocs.com/).
Tips And Tricks Write Less CSS
Tags: css, webdev
Published: 2020-10-01 10:08:03

# Background
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qxgbwubtd5lwm65i9ae7.JPG)

# Font
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/urvzw9vgf3mpv30asva5.JPG)

# Border
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gpsp229gb6rxeghv2n4n.JPG)

# Outline
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/46qocwmrw3jgjgo5y685.JPG)

# Margin
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/o4t0eds8k8el9ut2mqiw.JPG)

# Padding
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2o0yk61clclfibfgozty.JPG)

**So how many do you use?**
Software Development Outsourcing
Tags: software
Published: 2020-10-01 09:44:02


Software Development Outsourcing is the process of hiring the software development outsourcing company for developing suitable software with appropriate resources. The outsourced team also improves the cash flow by increasing efficiency. It also mainly allows us to extensively scale up or down the needs of hiring the team. In the current financial crisis, most companies struggle to survive in the growing competition, so it is important to ensure that you choose the professionals for the task. Choosing the reliable Software Development Outsourcing Company that meets the fast-approaching deadlines is one of the biggest decisions.

Finding expert developers in a short time is one of the most important aspects. The professional team would definitely keep your development moving forward with attaining the maximum success to the end. Amid the recent crisis, maintaining an in-house team for software development is quite a difficult situation, and it is less cost-effective.

Lack of in-house experience
Flexibility
Focused Strategy
Time Savings
Improved Compliance
Reduced time to market
Technological Advances
Key Statistics On Outsourcing:
More than 60 million freelance workers found in the US
90% of organizations have been considering to improve Outsourcing with new Cloud Technology
IT and Accounting tasks have been widely outsourced in the SME sector
IT outsourcing market internationally would grow by $98 Billion by 2024
BPO (Business Processing Outsourcing) would reach more than $405.6 Billion by 2027
More than half of companies have been using 3rd party companies for providing customer support
Outsourcing IT functions helps to focus on core business

Originally published on https://www.aalpha.net/blog/how-to-outsource-software-development/
Is it possible to make games in python?
Tags: python, career
Published: 2020-10-01 09:39:05

Yes, Definitely possible!

Python has been used in a ton of commercial products. It's been used in tons of games, and lots of art packages and other programs as an embedded scripting language.

Check out Panda3d if you want to see a good engine for it. There is also PyGame, and Blender's built in game engine if you just want to prototype something quickly.

Python has actually been used in a number of big commercial games, usually as a scripting language on top of an engine implemented in a lower-level language -- a good example of this is thePanda3d engine, which is written in C++ but can be programmed using Python, and was used for a couple of Disney MMOs amongst other projects.

If you're happy to use Python, then yes, you should absolutely proceed with it, and yes, you can make a professional quality commercial game if you put in the time and effort to do so.

There's Pygame: A game framework for the Python language. If you need to know the basics for game development (engine, flow, ui, mathematics), this framework with all its examples will help you a lot. This won't take you by the hand and guide you step by step through game-development, but if you need a reference and a decent framework, than this is a good start.

There's also PyOpenGL: The official Python wrapper for OpenGL programming. Again with lots of programming examples in the field and tons of code snippets on how to use 3d models and the likes. Can be used together with PyGame.

But you should start by familiarizing yourself with some 3D basics. Look around at theGameDev.net Game Development Community  site. Learn a thing or two about matrices (and perhaps quaternions). There are lots of beginners tutorials and references available to get you started.

If you're looking for alternatives you might consider Unity, which can be programmed with C#, UnityScript (similar to JavaScript) or Boo (similar to Python), or even something like Construct 2 or Game Maker

Meet the Experts : https://nareshit.com/python-online-training/
PST to MBOX Converter tool - Migrate Outlook PST to MBOX
Tags: psttombox, convertpsttombox
Published: 2020-10-01 09:36:37


Regaintechnologies <a href="https://www.regaintechnologies.com/pst-to-mbox-converter.html">PST to MBOX</a> Converter is a powerful tool that allows user to Convert PST to MBOX file format. This software has simple and easy GUI Interface where you can easily operate it without any technical skills. There is No file size limit user can easily Convert their any size of PST file to MBOX file format without any file size limit. This Software shows the preview of all emails items before the conversion.
PST to MBOX Converter Tool to Export & Convert PST to MBOX
Tags: psttombox, convertpsttombox, psttomboxconversion
Published: 2020-10-01 09:35:30

To Export PST to MBOX easily use this third party solution Regaintechnologies <a href="https://www.regaintechnologies.com/pst-to-mbox-converter.html">PST to MBOX Converter</a> Software that can easily Export Outlook PST file to MBOX file format without any data loss risk. This Software supports 20+ MBOX based emails clients. you can also save your Converted emails into your desired location. If you have any doubts then you can also try this software free trial version where you can save 30 emails per folder at free of cost.
Resources for Devs: Frontend Tools
Tags: resources, web
Published: 2020-10-01 09:10:43

---
title: Resources for Devs: Frontend Tools
published: true
description: 
tags: resources, web
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/i665aahmvbo0i0tqhd7z.png
---
An updated collection of useful resources that I use (almost) regularly.

### CSS

- [CSS Cheat Sheet](https://adam-marsden.co.uk/css-cheat-sheet)

- [CSS Validator](https://jigsaw.w3.org/css-validator/#validate_by_uri+with_options)

- [Autoprefixer CSS](http://autoprefixer.github.io/): a PostCSS plugin which parses your CSS and adds vendor prefixes.

- [SVG Path Visualizer](https://svg-path-visualizer.netlify.app/#M2%2C2%20L8%2C8)

#### Animations

- [Keyframes](https://keyframes.app/): generate CSS animations and more.

- [Animista](https://animista.net/): playground with a collection of CSS animations.

- [Animate.css](https://animate.style/): a library of ready-to-use, cross-browser animations for use in your web projects. 

#### Layouts Snippets

- [CSS Layout](https://csslayout.io/): a collection of popular layouts and patterns made with CSS.

- [CodeMyUI](https://codemyui.com/): web design & UI Inspiration with code snippets.

### Test & Find

- [Can I Use](https://caniuse.com/#home): provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

- [Regex 101](https://regex101.com/): regex tester.

- [Build with Flexbox](http://flexbox.buildwithreact.com/): flexbox playground.

- [Explain Shell](https://explainshell.com/): write down a command-line to see the help text that matches each argument.

- [Unicode Character Table](https://unicode-table.com/en/): Unicode Character Table.

- [VSCode Cheat Sheet](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf)


### Performance

- [Progessive Tooling](https://progressivetooling.com/): a list of community-built, third-party tools that can be used to improve page performance

### Privacy and Legal

- [TLDR Legal](https://tldrlegal.com/): lookup popular software license in plain English.

- [Iubenda](https://www.iubenda.com/en/): generate documents to make your website or app compliant with the law, across multiple languages and legislations

- [Blacklight](https://themarkup.org/blacklight): a real-time website privacy inspector that reveal the specific user-tracking technologies on the site—and who’s getting your data. 


### *Bonus: Interesting Projects*

- [Skaffolder](https://www.skaffolder.com/home?ref=producthunt#%2Fhome): create fully working prototype applications in minutes.

- [Mermaid JS](https://mermaid-js.github.io/mermaid/#/): diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams.

- [Percollate](https://github.com/danburzo/percollate): a command-line tool that turns web pages into beautifully formatted PDF, EPUB, or HTML files.

- [Templatemaker](https://www.templatemaker.nl/en/): custom sized papercraft and packaging templates for free.

- [1ty](https://1ty.me/): one-time self-destructing links for sharing sensitive information.
My first real product launch on ProductHunt
Tags: productivity, devtools
Published: 2020-10-01 09:31:09

Today I have made my first real product launch on ProductHunt - https://www.producthunt.com/posts/bookmarks-dev/ 🤞🤞


Here is the introduction video:
{% youtube e2cQnZqhVg4 %}


In a later post I will give more details about the preparation process.

I would really appreciate your feedback. Thank you 🙏🙏🙏
Javascript – Swap classes of an HTML element
Tags: javascript, es6
Published: 2020-10-01 09:21:09

Recently I came across the problem, that I had to programmatically change a div’s color from red to green. Sounds simple and it’s actually quite simple if you know your JavaScript.

jQuery contains a function called “toggleClass()” that swaps class attributes in and out of an element. I looked for a similar function in ES6 but couldn’t find one. Florian Brinkmann (@FloBrinkmann) pointed me to “classList.toggle()” which does exactly the thing I’m looking for (it’s hidden in the “Examples” passage).

Here’s the naive solution to my problem:

```javascript
function toggleClass(element, className1, className2) {
  element
    .classList
    .toggle(className1);
  element
     .classList
     .toggle(className2);
 }

const myDiv = document.getElementById('myDiv'); 
toggleClass(myDiv, 'red', 'green');
```

The jQuery implementation contains the ability to define more than two classes to add or remove from the element. Using a new ES6 element (the spread operator) this can be implemented like this:

```javascript
function toggleClass(element, ...classNames) {
{classNames.forEach((className) => {
  element
    .classList
    .toggle(className);
  })
}
toggleClass(myDiv, 'red', green', 'yellow');
```

jQuery's "toggleClass()" has some more functionality available but currently I don't have any need for it. For a start this is enough.
Pure React and Data Transfer (Still...)
Tags: devjournal, react, codenewbie
Published: 2020-10-01 09:20:56

_This post was originally published on October 1, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

Whoa, I woke up and it's October! Now, I'm really in the mood to watch Hocus Pocus or something.

Today I'm going to work a bit more through my Pure React ebook. I'm just finishing up learning about the useEffect hook, which I definitely see the advantage of.

Something interesting about it is that it's a hook that runs after the initial render of the React app - so I'm starting to see a little bit more clearly how that might be used for rendering my city guides on my current So You Think You Can France website rebuild.

Ideally, I'd like to finish up transferring all the city guide data I have in my Squarespace site over to a spreadsheet I've been adding to over the past couple of weeks. I was kind of annoyed because since the site wasn't active anymore on Squarespace, I couldn't access each page's data unless I had an active site/membership.

Fortunately, though, I only had to add on one month of a subscription (the perfect amount of time to manually transfer all the data) to Squarespace in order to access it.

Okay! So today. Pure React - finish up useEffect learning and exercises, and then get some of that data transferred over (and maybe also cancel that Squarespace subscription before I forget).

Cheers!

----------


P.S. Did you know I have a podcast with new episodes each Wednesday? Go listen [right over here >>] (https://www.ladiescodecollective.com/podcast)

![The Ladies Code Collective Podcast cover art](https://dev-to-uploads.s3.amazonaws.com/i/e9bnxljvfrdjeti7fvbr.png)
Hacktoberfest challenge
Tags: opensource, hacktoberfest, process, visualization
Published: 2020-10-01 09:04:51

Hello everybody
At the beginning of this year, we have started our open source library for BPMN process visualization

Please help us to improve it with your contributions and ideas.

Code is here:
https://github.com/process-analytics/bpmn-visualization-js

Small app for Hacktoberfest promotion - you can easily adapt a customizable diagram so it contain your project name, choose between 3 different themes!
https://cdn.statically.io/gh/process-analytics/bpmn-visualization-examples/master/examples/hacktoberfest-diagram/index.html

More live examples are available:
https://cdn.statically.io/gh/process-analytics/bpmn-visualization-examples/master/examples/index.html

If you have any questions - let us know directly on GitHub
We are here for you!
Resources for Devs: Design & Graphics
Tags: resources, design, web
Published: 2020-10-01 09:03:45

---
title: Resources for Devs: Design & Graphics
published: true
description: 
tags: #resources, #design, #web
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/0ya3dmaigskdczn72ji9.png
---
An updated collection of useful resources that I use (almost) regularly.

#### Inspirations

- [Muzli](https://search.muz.li/): a search engine for design inspiration. <br> Includes: Inspirations, Collections and Colors Palette.

- [Landingfolio](https://www.landingfolio.com/): landing page design inspiration and more.

- [Design System Repo](https://designsystemsrepo.com/): a collection of design system, tools and more.

- [Dribble](https://dribbble.com/)

- [DesignBase](https://www.felixjoy.co/designbase): a database of highly curated free resources for all designers.

#### Color Palette Generators

- [Colormind](http://colormind.io/template/material-dashboard/): with practical examples of colours usage.

- [Data Color Picker](https://learnui.design/tools/data-color-picker.html): data visualization & accessible colour generator.

- [Color Gradient Generator](https://mybrandnewlogo.com/color-gradient-generator)

- [Color Leap](https://colorleap.app/home): historical color palette

#### Digital Assets

- [Giphy](https://giphy.com/): gifs for everyone.

- [Blush](https://blush.design/): create, mix, and customize free and paid illustrations.

- [Pexels](https://www.pexels.com/it-it/): free video and images download.

- [Unsplash](https://unsplash.com/): the internet’s source of freely-usable images.

- [Vecteezy](https://www.vecteezy.com/): high quality vector graphics with worry-free licensing for personal and commercial use.

#### Images & Icons Editing

- [Tabler Icons](https://tablericons.com/): fully customizable SVG icons. 

- [Favicon & App Icon Generator](https://www.favicon-generator.org/)

- [FavIcon Checker](http://www.colinkeany.com/favicon-checker/)

- [RemoveBG](https://www.remove.bg/): remove image background.

#### Design Creation

- [Free Logo Design](https://it.freelogodesign.org/)

- [Canva](https://www.canva.com/)

#### Prorotyping Tools

- [Invision](https://www.invisionapp.com/)

- [Figma](https://www.figma.com/)

- [MockuPhone](https://mockuphone.com/#ios): free screenshots device mockups generator.
Is Hacktoberfest really doing more bad than good?
Tags: discuss, hacktoberfest
Published: 2020-10-01 08:51:37

I know many developers out there have started their open source journey with this festival which is promoting open source community. And I congratulate those developers and Digital Ocean as well.

We all know that Pull Requests are the heart of collaboration. Whenever someone opens a PR, they propose their changes and request that someone review their changes and merge them.

But on the other hand there is this problem which revolves around the free T-Shirt which is given to developer who submits 4 PRs. I actually like the concept. Nevertheless, there are individuals who are not motivated to jump in the open source world but just wants to get the free T-Shirt. And to do so they are ready to stoop to a level where they open completely rubbish PRs.

I read [this article on Domenic's Blog](https://blog.domenic.me/hacktoberfest/) which took it too far to say  

> Hacktoberfest is a corporate-sponsored distributed denial of service attack against the open source maintainer community.

And it lead to a chain of reactions from people around the world.

There is [this Dev Post](https://dev.to/thewdhanat/digitalocean-s-hacktoberfest-is-hurting-open-source-2g99) by [Thew Dhanat](https://dev.to/thewdhanat).

{% post https://dev.to/thewdhanat/digitalocean-s-hacktoberfest-is-hurting-open-source-2g99 %}

Then there are [so many reddit conversations](https://www.reddit.com/r/programming/duplicates/j2ux69/digitaloceans_hacktoberfest_is_hurting_open_source/) where developers are giving their reactions.


On the positive side, I read this on [Hacktoberfest's official site](https://hacktoberfest.digitalocean.com/)- 

> Support open source and pick a limited edition T-shirt or **plant a tree**.

So, What do you think about this? and what solution can you suggest for this situation?
Data grid with excel like features
Tags: datagrid, vue, react, webcomponents
Published: 2020-10-01 08:44:08



In our company we are facing problems with huge datasets on client side. So far there wasn't any good solution with MIT license, we've decided to create our own: https://revolist.github.io/revogrid. 

The biggest challenge was to create multiple viewport renderers which will work fast and extend easily.

Except of usual virtualization we are using VNode DOM, which updates only changed parts, but we went much farther: - We are monitoring nodes per scroll and move nodes from edges, not entire screen redraw. With this we achieved amazing performance. Now we are going to add more features and grow up.

Thank you for reading, hope to get some feedback from you guys.
Laravel 8 [Rest API CRUD] with Passport Auth Tutorial | Laravel API
Tags: laravel, html, css, auth
Published: 2020-10-01 08:43:04

We learn Laravel 8 Rest API crud with passport auth example. In this tutorial, we will learn how to create a Restful CRUD API with passport auth in laravel 8. The passport auth usually used to send information that can be trusted and verified using a digital signature. In RESTful APIs, we use the HTTP methods as actions, and the endpoints are the resources acted upon. We are using the HTTP verbs for their meaning:

GET: retrieve resources
POST: create resources
PUT: update resources
DELETE: delete resources

[Laravel 8 [Rest API CRUD] with Passport Auth Tutorial | Laravel API](https://bit.ly/2ENUJKm)
Counting large tables in PostgreSQL
Tags: postgres, todayilearned
Published: 2020-10-01 08:45:13

---
title: Counting large tables in PostgreSQL
published: true
date: 2020-10-01 08:39:05 UTC
tags: PostgreSQL,TIL
canonical_url: https://andreligne.io/counting-large-tables-in-postgresql/
---

Imagine you have a _really_ large table (> 100m rows). How do you figure out how many rows there are in that table within a reasonable time?

If you try and do a `SELECT COUNT(id) FROM my_large_table`, it will end up taking a lot of time since the database will have to scan throw all the rows to count them.

```
$ heroku pg:ps
 pid | state | source | running_for | transaction_start | waiting | query
------+--------+------------------+-----------------+-------------------------------+---------+--------------------------------------------------
 6926 | active | psql interactive | 00:10:12.549096 | 2020-10-01 08:22:18.090989+00 | t | SELECT COUNT(id) FROM pageviews;
(1 row)
```
<figcaption>I gave up after waiting for 10 minutes...</figcaption>

A faster way is to get an approximate value by looking at statistics from the catalog table `pg_catalog.pg_class`.

```
DATABASE=> SELECT reltuples::bigint FROM pg_catalog.pg_class WHERE relname = 'pageviews';
 reltuples
-----------
 136032896
(1 row)
```

This took less than a millisecond, compared to the 9 minutes that we waited for the `COUNT` query to finish. It may not be as accurate, but it's enough useful to set expectations for adding new indices to the table or doing any large operations on it.
Your network, your networth
Tags: value, networking, collaboration, creativety
Published: 2020-10-01 08:33:09

Think these words
Value
Collaboration
Mentoring
Creativity
<Network>

The central thing is that these are all connected to something or someone and cannot be measured or achieved in isolation. While we have self-made mentors and coaches all over the internet, the ideal mentor or coach is to provide service or value to someone or a group of people looking to improve and become more valuable.

I think with being a developer, reaching out, and being in a community like DEV is an awesome opportunity to become better at what we do. Being a rookie and massively interested in how I can use code to make a difference in the lives of my clients, I would not want to learn to reinvent the wheel when someone else has already done that. 


My being here has improved my self-taught developer journey a lot and I am grateful for all those who continue to create valuable content on this platform. I still work as a digital transformation business analyst and hope to grow into a  solutions consultant in a few months. 

You are the true valuable heroes, mentors, collaborators and coaches here!!
Keep on being the true helpers and just to let you know - your help is appreciated.
I am presently learning to react with a plan to add react-native to it after having breezed through javascript through a mentoring course.
A lot of times I still don't know what I am doing but have actually done some work and deployed some web sites/apps with backend API capabilities through MERN stack.
It's still daunting to me as I believe I really suck at writing code and tend to get worked up. However, that has improved with a lot of solutions to help clean up my code via some vscode extensions.
From my heart to yours, I appreciate you all.

You are my network and my networth - Welcome to October