teleren/devto huggingface dataset:
Best websites for free gradients and color schemes/palettes for faster workflow
Tags: design, webdev, css, freebie
Published: 2018-04-16 15:01:17

---
title: Best websites for free gradients and color schemes/palettes for faster workflow
published: true
description: Colors and Gradients
tags: #design #webdev #css #freebie  
---

# Color pallets and Gradients

Although I am new to the field of web dev. I do have ~2 years experience in design(including UI, Web Page design, abstract art). One thing I learned after all this is that good **color schemes** or **good color picking** is the essence.
I also love gradients(i mean they are beautiful) and I hope you like it too.
Thus, I have curated some of the best websites which provides you with the best gradients and color schemes/colors.Of course, they are free of cost and you won't have to shell a penny.This will definitely boost the workflow for devs and designers alike.


## Color schemes/Color palettes

So here are some of the best color schemes/pickers on the internet.

 - [Flat UI colors](https://flatuicolors.com/)
 - [The Colorbook](https://colorbook.me/)
 - [Flat colors UI](http://www.flatcolorsui.com/)
 - [Bootflat](http://bootflat.github.io/color-picker.html)
 - [Huesnap](https://www.huesnap.com/)
 - [Gigantic color pallete](https://gigantic.store/gigantic-color-pallet/) (color pallete has to be downloaded in this *freebie*)
 - [Pigment](https://pigment.shapefactory.co/)
 - [Material UI colors](http://materialuicolors.co/)
 - [Color farm](http://color.farm/)
 - [Web design rankings](https://www.webdesignrankings.com/)
 - [Colorion](https://material.colorion.co/)
 - [Palette](http://palette.site/)
 - [LOL colors](https://www.webdesignrankings.com/resources/lolcolors/)
 - [Colorhunt](http://colorhunt.co/)
 - [Coolors](https://coolors.co/)
 - [Hixle](http://www.hixle.co/palettes/)

 
## Gradients

Quick and beautiful gradients for app dev and web dev.Some of these sites have the respective CSS code too(although doesn't really make a difference).

 - [UI gradients](https://uigradients.com/)
 - [Web gradients](https://webgradients.com/)
 - [Grabient](https://www.grabient.com/)
 - [Gradiblock](https://gradiblock.com/)
 - [Gradpad](http://ourownthing.co.uk/gradpad.html)
 - [Dribbble gradient 1](https://dribbble.com/shots/3695594-Gradients)
 - [Dribbble gradient 2](https://dribbble.com/shots/3380672-Sketch-Gradients-Freebie)
 - [Dribbble gradient 3](https://dribbble.com/shots/3399247-Gradients-pack-Freebie-sketch)
 - [Hixle gradients](http://www.hixle.co/gradients/)
 - [Webkul](https://webkul.github.io/)
 - [CSS gears](https://gradients.cssgears.com/)
 - [Gradeint buttons](https://gradientbuttons.colorion.co/)
 - [Gradients Party](https://gradients.party/)
 - [Shapefactory grad](https://gradient.shapefactory.co/)
 

## Verdict
This is my first blog post.I am sorry I couldn't explain each resource in detail but trust me they are definitely worth it.Cheers!🥂
Writing blog posts every day
Tags: blog, softskills, career, devto
Published: 2018-04-16 04:41:06

---
title: Writing blog posts every day
published: true
description: 
tags: blog, softskills, career, dev.to
---

# Quota system for routine tasks

I read [Soft Skills: The software developer's life manual](http://a.co/a1rKLqh) by John Sonmez over three times.

It states that it is important to define continuous tasks and do them every day/week as our daily/weekly routine.
Such tasks is called "Quota".

Of course, doing tasks every day is really hard. Sometimes we lack motivation to do these tasks.
For example, assume I define running every morning as Quota.
At first running is really fun, but after few days, I would stay in my bed rather than going out to run.

The interesting point of Quota is that we must follow the rule we defined.  We have to take responsibility for ourselves.

Quota system works to do routine tasks from habit.
At first it is really hard to do routine tasks, but following the rule help us to build our habit.
Once our routine become habit, we can continue to do the tasks every day, just like brushing teeth.

# My Quota

Currently I publish a blog post every day(here, dev.to).
This is my daily Quota on April, and I cannot break this rule by any means.

I have over 150 blog posts in [Japanese website](https://qiita.com/acro5piano) so translating from Japanese to English (with little refactor) is enough for now.

My motivation for writing blog post is to:

- organize knowledge in my brain
- help other people
- improve my English writing skill
- widen my career opportunity

If you follow me on dev.to, you may receive a notification every day.
I am sorry if you find it annoying...!

Currently I have been able to follow my rule for two weeks.

# Pro mind

Amateur do their works when they are motivated, but pro works whenever.
Whenever do the right things, high quality creative.

So Quota system makes us pro.
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2018-04-16 14:13:20

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/xsr1z6iqv0pd7p3s6ns3.png
---

#1. Docker Default

Will Docker be the default choice for containers in the same way that Git has become the default choice for version control?

{% link https://dev.to/thejoezack/is-docker-the-new-git-h5i %}

#2. 🎩✨Get shit done ✨🎩

Who can resist some good productivity tricks? Christian shares their tips from special keybindings to email workflow. 

{% link https://dev.to/fabrik42/my-productivity-boosters--a-random-collection-of-tricks-and-tools--what-are-yours-28fm %}

#3. Just do it

Henry Zhu shares his experience of becoming the full-time maintainer of Babel. In this post, he talks about building confidence and practicing self-forgetfulness. 

{% link https://dev.to/hzoo/i-was-not-ready-to-become-the-maintainer-of-babel-2j6 %}

#4. Postgres vs MySQL

As the title suggests, this is a very thorough comparison of Postgres and MySQL -- from schema layout to type differences to querying data. 

{% link https://dev.to/dmfay/the-ultimate-postgres-vs-mysql-blog-post-1l5f %}

#5. Learn Like A Developer

It's impossible to learn every single technology, but it _is_ possible to learn like a developer and quickly understand how to put new technologies to use, when needed.

{% link https://dev.to/nextdotxyz/this-picture-will-change-the-way-you-learn-tocode-4kmh %}

#6. A Enjoyable Framework

Lynne recently started working with Vue.js and shares a list of reasons why you should give it a try. 

{% link https://dev.to/lynnewritescode/6-reasons-to-use-vuejs-1p6c %}

#7. WSL Setup

John takes advantage of the creators update with Windows 10 and buys a PC instead of shelling out for a Mac. This is his windows subsystem for Linux setup.  

{% link https://dev.to/johnwoodruff91/epic-development-environment-using-windows-subsystem-forlinux-5f0n %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
# JSConf 2018 (Asia, Iceland, and AU)
Tags: javascript, jsconf, videos
Published: 2018-04-16 13:59:48

---
title: # JSConf 2018 (Asia, Iceland, and AU)
published: true
description: YouTube playlists of all the videos from several recent JSConf conferences
tags: javascript, jsconf, videos
---

JavaScript conferences are coming fast and furious lately. Playlists of the videos for Asia, Iceland, and Australia are all available now!

* [JSConf Asia 2018](https://www.youtube.com/playlist?list=PL37ZVnwpeshFqN5dcZ704lxI3F5iHDYkl)
* [JSConf Iceland 2018](https://www.youtube.com/playlist?list=PL37ZVnwpeshEO7qXEbjG4riQD7SzydLEO)
* [JSConf AU 2018](https://www.youtube.com/playlist?list=PLZriQCloF6GDuXF8RRPd1mIl9W2QXF-sQ)

Particularly interesting to me are:

* [Shazron Abdullah: Serverless Apps With Node.JS In Openwhisk And Adobe I/O Runtime](https://www.youtube.com/watch?v=ne6YvKWbQYg&list=PL37ZVnwpeshFqN5dcZ704lxI3F5iHDYkl&index=13&t=0s) - I find functions as a service (FaaS) particularly interesting and any solution that doesn't tie me to a particular vendor doubly so
* [Arun Michael Dsouza: Houdini - What lies ahead](https://www.youtube.com/watch?v=BalUlHBwwlM&list=PL37ZVnwpeshEO7qXEbjG4riQD7SzydLEO&t=0s&index=24) - The idea of being able to make changes to CSS and plug into its process the same way we can now do with the Shadow DOM and custom elements to extend the capabilities of HTML is major
* Any talk related to accessibility - This is currently a big weak spot for me and one I need to fix
# ES2016, ES2017, and ES2018 Examples
Tags: javascript, es2016, es2017, es2018
Published: 2018-04-16 13:56:09

---
title: # ES2016, ES2017, and ES2018 Examples
published: true
description: Examples of using post ES2015+ features and a preview of ES2018+ features
tags: javascript, es2016, es2017, es2018
---

This nifty article provides examples of using all the post ES2015 features which you hear a lot less about: [Here are examples of everything new in ECMAScript 2016, 2017, and 2018](https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e)

You might be wondering, "What's the support for these features? In fact, what's the support for ES2015 these days?" If you do think that, then don't forget about the Kangax compatability table: [ECMAScript 2016+ compatibility table](http://kangax.github.io/compat-table/es2016plus/)

Or, if you want to know about Node.js support for all of it: [Node.js ES2015/ES6, ES2016 and ES2017 support](http://node.green/)

And a natural companion to that info is this article about three possible upcoming changes to JavaScript: [Here are three upcoming changes to JavaScript that you’ll love](https://medium.freecodecamp.org/here-are-three-upcoming-changes-to-javascript-that-youll-love-387bce1bfb0b)

BTW, if you like the first of those, "optional chaining," and you already use Lodash, it has that feature in its \_.get() function.
Improving Unit Test Readability In .Net With Fluent Assertions
Tags: dotnet, testing, unittest, fluentassertions
Published: 2018-06-07 02:47:53

---
title: Improving Unit Test Readability In .Net With Fluent Assertions
published: true
tags: DotNet,testing,UnitTest,FluentAssertions
canonical_url: https://www.matheus.ro/2018/04/16/improving-unit-test-readability-in-net-with-fluent-assertions/
---



The assertion in unit tests is the phase where we verify if the test result is what we expect. This phase is straightforward, usually it is just one line. But it is not very readable, because it looks something like this: `Assert.Equal(“ExpectedResult”, “ActualResult”)`.

There is no logical order in expected result and actual result parameter, this always confuses me. Other aspect about readability is that it is not human readable. If you try to read a code like this out loud it is not sound that good.

To solve this problem, frameworks to improve readability in assertions were created, like, [Fluent Assertions](https://fluentassertions.com/) framework for .net. As the name say, this framework use a fluent interface to create readable assertions.

In this post, I’m going to show how Fluent Assertions can improve the unit test readability.

[Continue Reading...](https://www.matheus.ro) [Improving Unit Test Readability In .Net With Fluent Assertions](https://www.matheus.ro/2018/04/16/improving-unit-test-readability-in-net-with-fluent-assertions/)
Vulkan API - my talk at Warsaw University of Technology
Tags: vulkan
Published: 2018-05-04 20:49:14

---
title: Vulkan API - my talk at Warsaw University of Technology
published: true
tags: vulkan
canonical_url: http://asawicki.info/news_1679_vulkan_api_-_my_talk_at_warsaw_university_of_technology.html
---

On Wednesday 16 April, around 8 PM, at Warsaw University of Technology, during weekly meeting of KNTG Polygon, I will give a talk about **"Vulkan API"** (in Polish). Come if you want to hear about new generation of graphics APIs, see how Vulkan API looks like, what tools are there to support it, what are advantages and disadvantages of using such API and finally decide whethere learning Vulkan is a good idea for you.

Event on Facebook: [https://www.facebook.com/events/185314825611839/](https://www.facebook.com/events/185314825611839/)


Slides:
[Vulkan API.pdf](http://asawicki.info/Download/Productions/Lectures/Vulkan%20API.pdf)
[Vulkan API.pptx](http://asawicki.info/Download/Productions/Lectures/Vulkan%20API.pptx)
MySQL & MariaDB Databases with Superpowers: Say Hello to Reinvented dbForge Tools for MySQL
Tags: database, mysql, mariadb, databasetool
Published: 2018-04-16 09:44:06

---
title: MySQL & MariaDB Databases with Superpowers: Say Hello to Reinvented dbForge Tools for MySQL
published: true
description: Devart introduced a significant update of dbForge tools for MySQL with cutting-edge connectivity and compatibility options and a new, more secure than ever, activation procedure.

tags: database, mysql, maria db, database tool
---

Devart, a Czech software vendor of database tools and data connectivity solutions, has rolled out greatly improved, crisp and clean dbForge tools for MySQL after the recent grand update of dbForge Studio for MySQL. All the tools have been packed with the powerful connectivity and compatibility options which enable users to work with a greater number of databases and database engines. In addition, an activation mechanism has received an extreme makeover to ensure the maximum possible security and reliability of the tools.

Here is a closer look at what’s new in dbForge tools for MySQL:

1) Connectivity and Compatibility. dbForge tools for MySQL now support the following  databases and cloud services:
-MariaDB 10.1
-MariaDB 10.2
-NDBCLUSTER
-Google Cloud Platform
-Alibaba Cloud

2) Trial Product Activation. The new activation process that traditionally comes after a 30-day trial period is more secure and reliable than ever before. It protects users against potential piracy and ensures that they are using an authentic product that can be trusted with their business data.

3) New Look and Feel. Among other updates, Devart redesigned the interface of MySQL tools to give them a cleaner look and feel.

4) Other Improvements include Compliance with the Federal Information Processing Standard.

To see the full list of updates implemented in dbForge Studio for MySQL v.7.4, please visit: https://www.devart.com/dbforge/mysql/studio/.

About Devart
Devart is one of the leading developers of database tools and administration software, ALM solutions, data providers for various database servers, data integration and backup solutions. The company also implements Web and Mobile development projects.

For additional information about Devart, visit https://www.devart.com/.
How to struggle with debugging before sleeping?
Tags: debugging, productivity, discuss, beginners
Published: 2018-04-16 09:20:59

---
title: How to struggle with debugging before sleeping?
published: true
description: How not to think of ongoing projects while trying to fall asleep?
tags: debugging, productivity, discuss, beginners
cover_image: https://images.pexels.com/photos/2705/bed-bedroom-room-furniture.jpg
---

Hi! New poster here, I have a question for you, experienced devs.

# The problem

I'm a second year Computer Engineering student, and I'm building my first _big_ [project](https://github.com/AEEooTo/pindery) (a mobile app) for the Software Engineering course. I'm loving it: it's challenging, interesting, and I'm truly believing in what I'm building with my teammates.
But I have a problem: **I cannot fall asleep**.
When I go to bed I start thinking of the project, what I need to do, what I want 
to do and how to solve bugs and problems.

**The more I think, the more I find solutions, the more I struggle trying to fall asleep**.

So, am I the only one? How did you solve this problem?
Do you get up and take notes? Aren't you worried to forget everything?
Mobile development in real life
Tags: mobile, discuss
Published: 2018-04-16 07:30:19

---
title: Mobile development in real life
published: true
description: Thoughts about mobile development for ordinary people
tags: mobile, discussion
---

Hi, I'm Sergey and i like mobile world, he awesome.

I working on PWA in Aviasales and this awesome developer experience, but i like React Native too.

I want sort out, what do us need make for mobile users? Hmmm.


1. We are can make clear UI. Because they have some experience use of mobile app and pwa.

Bad example UI:

![Bad example Google Play Console](https://pp.userapi.com/c824201/v824201091/11676b/rLD4V13pInI.jpg)

![Bad example Google Play Console](https://pp.userapi.com/c824201/v824201091/116773/ASiTJFDl6Nw.jpg)

But more people will think that I led not best example, but i wait your example in comments!

Nice example UI:

![Nice example Reddit](https://pp.userapi.com/c824201/v824201091/116763/uLRUplDgVXA.jpg)

Reddit, may be not the best UI, but he is work and work better equal Google Play Console for mobile web.


2. Please, give people a choise.

Not all think a PWA - the best mobile UI experience a world.

Many people not know, why PWA better native mobile app. 

We are all developers community due say about it:
- PWA help mobile development, but does not prevent him.
- Native mobile app have a store and more instruments for managing distribution and this better for understanding people, because PWA looks like site on your mobile desk – not all people understand this.
- Only now Apple created support of Service workers and this nice, but they lag  on Google for mobile technology and this not nice.
- PWA very young technology.

3. Make mobile app – that not hard work in 21 century. Because we are have a React Native.


If you have small project - magazine, news, site of cybersport. We can use React Native for more comfortable development mobile app. This awesome technology.

Nice example: https://discordapp.com/

Dont afraid experiments.

4. Use PWA for checking your ideas.

Yeah! PWA can check your ideas, very fast and this very big advantage against native app.

Let's tell people about it to make mobile experience better!
Spark + Scala Boilerplate Project
Tags: github, scala, spark
Published: 2023-04-29 21:20:45

---
title: Spark + Scala Boilerplate Project
published: true
date: 2018-04-16 06:22:13 UTC
tags: github,scala,spark
canonical_url: https://mikestaszel.com/2018/04/16/spark-scala-boilerplate-project/
---

After setting up a few Spark + Scala projects I decided to open-source a [boilerplate sample project](https://github.com/mikestaszel/spark-scala-boilerplate) that you can import right into IntelliJ and build with one command.

Usually I write Apache Spark code in Python, but there are a few times I prefer to use Scala:

- When functionality isn’t in PySpark yet.
- It’s easier to include dependencies in the JAR file instead of installing on cluster nodes.
- Need that extra bit of performance.
- Even more reasons here on [StackOverflow](https://stackoverflow.com/a/32471016/1591438).

One of the downsides to using Scala over Python is setting up the initial project structure. With PySpark, a single “.py” file does the trick. Using this boilerplate project will make using Spark + Scala just as easy. Grab the code and run “sbt assembly” and you’ll have a JAR file ready to use with “spark-submit”.

Check it out here: [https://github.com/mikestaszel/spark-scala-boilerplate](https://github.com/mikestaszel/spark-scala-boilerplate)

<!--kg-card-end: html-->
Missed VueConfUS? Watch (Parts) Online!
Published: 2018-04-18 15:51:58

---
title: Missed VueConfUS? Watch (Parts) Online!
published: true
tags: 
canonical_url: https://www.raymondcamden.com/2018/04/16/missed-vueconfus-watch-parts-online/
---

I wasn't able to make this year's [VueConf US](http://us.vuejs.org/) (even though it was in my backyard), but luckily, some of the videos from the conference are online:

[https://www.vuemastery.com/conferences/vueconf-2018/opening-keynote-evan-you](https://www.vuemastery.com/conferences/vueconf-2018/opening-keynote-evan-you)

Right now there's just 4 sessions, but they are _incredibly_ good presentations including Rachel Nabor's on [Vue's transition](https://www.vuemastery.com/conferences/vueconf-2018/vue-in-motion-rachel-nabors) support for animations and Edd Yerburgh on [testing Vue apps](https://www.vuemastery.com/conferences/vueconf-2018/testing-vue-apps-edd-yerburgh).

While at the site, take note of the "Notify me" button on the right. You can sign up there to be notified when new videos are added. From what I know, _all_ the videos will be available eventually. Plus, if you sign up, the fine folks at [Vue Mastery](https://www.vuemastery.com/) will send you a Vue PDF cheat sheet that is _really_ freaking nice:

![](https://static.raymondcamden.com/images/2018/04/vuecs.jpg "Real thing is a bit bigger. ;)")

It's two pages in length and I'm probably going to print it out for my home office. Actually disregard what I said above. If you don't feel like signing up for updates, you can still get the PDF here: [https://www.vuemastery.com/pdf/Vue-Essentials-Cheat-Sheet.pdf](https://www.vuemastery.com/pdf/Vue-Essentials-Cheat-Sheet.pdf). As I said, it is definitely worth downloading!
Weekly UI Challenge Week 2 Day 1: Design a Search Bar
Tags: ui, weeklyui, challenge, design
Published: 2018-04-15 22:05:21

---
cover_image: https://thepracticaldev.s3.amazonaws.com/i/y6tzg02rcyp6snyvjbm1.jpg
title: "Weekly UI Challenge Week 2 Day 1: Design a Search Bar"
published: true
description: "Week 1 Day 2 of my Weekly UI challenge: Design the component!"
tags: ui,weeklyui,challenge,design
---

Welcome to Week 2, Day 1 of my Weekly UI challenge! Week 2 will focus on a **search bar** UI component; each day throughout this following week, I will pick one subelement of the design to implement. For day one, our goal is to…

## Design the component

I personally used Sketch to design this week's component, but you can use Sketch, a similar UX/UI design program like Adobe XD, or really any other program (or just paper and pen/pencil!) to design your component.

If you decide you would rather not design your own component, you are more than welcome to follow along using my designs, but I think you'd really get the most of it if you designed your own. (plus I'd love to see what you all come up with!)

Here is what my search component will look like, including a number of the component's states:

![A search bar component, with input text and a results dropdown with a possible search term highlighted](https://raw.githubusercontent.com/geoffdavis92/weekly-ui-assets/master/search-bar/design.png)

This is what the various states of pieces of the component look like:

![A column of search bar components, with different states visible in respective search components](https://raw.githubusercontent.com/geoffdavis92/weekly-ui-assets/master/search-bar/design-allstates.png)

## Now it's your turn

Hop on those design programs (or get out that pen and paper pad) and design your own **search bar**! Below is a calendar of what features I will be implementing on which day, as well as a few resources that may help you.

Also, please add your repos and/or images of your designs in the comments for inspiration! I would love to see what designs you all create.

Happy designing! 🎉

### Week 2 Calendar

1. (Sunday 4/15) Design component 🎯
2. Input field
3. Submit button
4. Integrate autocomplete functionality
5. Past search term indicators
6. 100% a11y score
7. Tweaks, refactors, fixes

### Resources

* [Design a Perfect Search Box](https://uxplanet.org/design-a-perfect-search-box-b6baaf9599c)
* [Button UX Design: Best Practices, Types and States](https://uxplanet.org/button-ux-design-best-practices-types-and-states-647cf4ae0fc6)
* [7 Rules for Creating Gorgeous UI](https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda)
* [a11y Project](https://a11yproject.com/) (_great_ resources for creating
  accessible web sites/apps)
* [Writing CSS with Accessibility in Mind](https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939)