teleren/devto huggingface dataset:
Magento Brand Page Extension
Tags: magentobrandpage
Published: 2018-02-16 11:32:02

---
title: Magento Brand Page Extension
published: True
description: 
tags: Magento Brand Page
---
<img src="https://thepracticaldev.s3.amazonaws.com/i/qlbm75crqiy5wbgxw7nt.png">
Magento brand page extension is a powerful tool which let you display brands in a slider. You can display brands on a separate page where customers can find 4 types of widgets to search the brands easily. These widgets are brands slider, search bar, alphabetical filters, and brands layered navigation. <b><a href="https://codecanyon.net/item/magento-shop-by-brand-manufacturer-extension/21162861">Magento brand page</a></b> extension enhances the customer shopping experience and you can also grab the community of brand lovers. So, it is a good extension to have for Magento shop owners. This plugin cost you only 39$ and comes with 100% money back guaranty. 

<b>Screenshots:</b>

<img src="https://thepracticaldev.s3.amazonaws.com/i/bdvovgggmbp1owbqh0ij.png">

<img src="https://thepracticaldev.s3.amazonaws.com/i/2lx9zb1pbtm52algrqp4.png">

<img src="https://thepracticaldev.s3.amazonaws.com/i/p7qrtucayr8033mcn4fl.png">
Cheat sheets in your terminal
Tags: tty, shell, hack
Published: 2018-02-16 11:04:04

---
title: Cheat sheets in your terminal
published: true 
description: A quick and dirty shell tool for using Devhints in the terminal.
tags: tty, shell, hack
---

After listening to episode 283 of [The Changelog Podcast](https://changelog.com/podcast/283), I decided, that I want to use the awesome cheat sheet repository at [Devhints](https://devhints.io) on the commandline.

This is what I came up with: if you want to read the cheat sheet for React, download the Gist below, save it as `hint` and just type:

```bash
$ hint react
```

and, voila, the sheet appears.

![This is what the tool looks in your terminal](https://thepracticaldev.s3.amazonaws.com/i/7r0s35l3vdwaai1wcgwk.gif)

The shell script needs both `wget` and `mdless`, which you can install using your favorite package manager. The sheets are fetched from Devhints.IO's [Github repository](https://github.com/hazeorid/devhints.io).

Sheet files are cached in `$HOME/.hack` and can be refreshed using the `--refresh` command line argument.

If you like the idea of cheat sheets in your terminal, you might also want to checkout [TLDR](https://github.com/tldr-pages/tldr), which explains tools using examples - basically it just reverses the classic man pages ;)

Anyway...

Let me know if you have a better way or some idea for improving this tiny snippet:

{% gist https://gist.github.com/koenighotze/2ff36346a1c6baaacf95d154b5fa264b %}


_This is a cross post of http://koenighotze.de/hack/devhints.html_
Kotlin for Pebble
Tags: javascript, pebble, smartwatch, kotlin
Published: 2018-03-03 08:54:00

---
title: "Kotlin for Pebble"
published: true
tags: javascript,pebble,smartwatch,kotlin
canonical_url: 
---

The best Smartwatchs are [**Pebble**](https://www.pebble.com/). Even taking into account that the company producing them was sold, and there will be no more new devices it is still best smartwatchs you can&nbsp;buy.

![](https://cdn-images-1.medium.com/max/1024/1*KB-De6zghaKa6iaQcgmVkA.jpeg)

It is specially true if you are a software developer or just love to play with code. **Pebbles** provides you with powerful but simple **SDK** for **C** and **Javascript**. And cool web IDE —[** CloudPebble**](https://cloudpebble.net/). As a result, it is super easy to develop apps and watchfaces.

But you probably know I am a big fan of [**Kotlin**](http://kotlinlang.org/), so **C** and **Javascript** were not definitely enough for me! Since **Kotlin-native** at this moment doesn’t support the platforms are used in **Pebble** I’ve decided to go with **KotlinJS**.

**KotlinJS** is a way to transpile **Kotlin** code to **Javascript**. As a starting point, I took this repo — [https://github.com/pebble/pebblejs](https://github.com/pebble/pebblejs). This repo provides you the way to develop apps for **Pebble** in **Javascript** locally.

First, you need to follow this [https://developer.pebble.com/sdk/install/](https://developer.pebble.com/sdk/install/) instructions to setup **PebbleSDK**. Also, you need to setup Kotlin command line tools. I am using [**SDKMan**](http://sdkman.io/) for that. As soon as you have all that you are good to&nbsp;go.

So, I’ve made a fork of **pebblejs** repo — [https://github.com/gimlet2/pebblekt](https://github.com/gimlet2/pebblekt). The first thing to check here is **build.sh** script. It has three&nbsp;steps:

1. Build Kotlin code to Javascript with **kotlinc-js**
2. Remove unused code with help of **kotlin-dce-js**
3. And **pebble build** to actually produce artifact for&nbsp;Pebble
4. The last step which is not the part of the script — installation — you can use different options of **pebble install** &nbsp;command.

The last thing to focus on — ** src** &nbsp;folder:

1. in **js** folder you will find original **PebbleJS** SDK. Also a result of **Kotlin** transpiling is also could be found here in **app.js** &nbsp;file.
2. **KotlinJs** standard library could be found in **kotlinjs** folder. It is huge but **kotlin-dce-js** is there to fix&nbsp;this.
3. And finally, **kotlin** folder contains bindings to js code(for example **ui.kt** ), some helper functions in **pebble.kt** and **app.kt**  — the application code.

If you build and run this code you’ll get typical _Hello world_&nbsp;app.

With this project I want to try to expand **Kotlin** to a new platform. Worth to mention the latest release of **Kotlin-native** ([0.6.0](https://github.com/JetBrains/kotlin-native/releases/tag/v0.6)) with a support of **STM32** chips. But that is a story for another&nbsp;post.
Friday Blast #28
Tags: fridayblast, links, post
Published: 2019-01-20 15:24:42

---
title: Friday Blast #28
published: true
tags: friday_blast,links,post
canonical_url: https://horia141.com/friday-blast-28.html
series: "Friday Blast"
---

A focus on probabilistic data structures with some Bitcoin thrown in this week.

[Probabilistic data structures for web analytics and data mining (2012)](https://highlyscalable.wordpress.com/2012/05/01/probabilistic-structures-web-analytics-data-mining/) - an article I’ve wanted to read for a long time. It covers Bloom Filteres, HyperLogLog counters, Count-Min Sketches and all that nice stuff and it also has a bunch of examples and real-world numbers for applications. There’s a bunch of formulas, but not proofs or intuitions behind why they happen. That’s a tall taks in general, since there’s a lot of non-intuitive material to cover.

[Sketching data structures (2010)](http://lkozma.net/blog/sketching-data-structures/) - just a small introduction to Bloom filters and count min sketches, with some analogies.

[Probabilistic data structure showdown: cuckoo filters vs Bloom filters (2016)](http://blog.fastforwardlabs.com/2016/11/23/probabilistic-data-structure-showdown-cuckoo.html) - a comparison of the two and an introduction to Cuckoo filters. The Bloom filters used are counting ones, which allow for deletion. It’s a bigger data structure than a regular one, but it makes for a fair comparison to Cuckoo filters.

[On-call at any size (2017)](https://increment.com/on-call/on-call-at-any-size/) - presents on-call practices for companies of 10, 11-100, 101-1000, 1001-10000 and 10000+ engineers. It’s really interesting how on-call and the nature of keeping systems up changes from small to huge. On one end of the spectrum there’s a lot of manual shepharding, while at the other there’s basically a statistical understanding of what the system should be doing. And failure, loads and loads of failure.

[Updating navifation for StackOverflow, Enterprise, and Stack Exchange Sites (2018)](https://stackoverflow.blog/2018/02/08/information-architecture-navigating-stack-overflow-enterprise-stack-exchange-sites/) - an overview of recent UI changes to SO and the process behind them. Some details about the upcoming [channels](https://stackoverflow.com/channels) feature.

[How the Bitcoin protocol actually works (2013)](http://www.michaelnielsen.org/ddi/how-the-bitcoin-protocol-actually-works/) - Even though I knew about Bitcoin since forever I didn’t take the time to properly understand it. Which is a shame, because even cursory glances suggested that it’s seriously cool tech. Apart from all the hype and mania surrounding it. The author is Michael Nielsen, who’s something of a polymath, operating in quantum computing, deep learning, networks theory and apparently distributed systems. The article doesn’t disappoint - it’s a very lucid presentation of what one might want out of a digital currency and how to go about doing that - ending up with Bitcoin at the end.
FYI Don't Use Gimp To Convert RBG images to CMYK images. 
Tags: gimp
Published: 2018-02-16 06:32:38

---
title: FYI Don't Use Gimp To Convert RBG images to CMYK images. 
published: true
description: 
tags: gimp
---

One of my clients asked me to create a full-page ad that will be printed in a niche newspaper for the industry they serve. The one requirement for this ad was that it had to be converted to CMYK and in the form of a PDF. Here's [how I converted RBG images to CMYK images using Gimp on Ubuntu](https://ua1.us/news/tutorials/convert-image-cmyk-using-gimp-ubuntu/).
Create Your First Website with GitLab Pages
Tags: github, gitlab, website, free
Published: 2018-02-16 06:32:12

---
title: Create Your First Website with GitLab Pages
published: true
description: 
tags: GitHub, GitLab, Website, Free
---
![Image of GitLab Homepage](https://thepracticaldev.s3.amazonaws.com/i/uqh0ufsi05v869ffbxbh.png)

This video will walk you step by step through creating a live website using GitLab Pages.  This video is intended for people who may have experience building websites, but have not used GitLab Pages to host their website.  Want to show off your beautiful website to the world?  Then this is for you.

Watch the video on YouTube: https://youtu.be/cERdbQ-GgOo
Fade in Image without jQuery
Tags: javascript, css, react
Published: 2018-02-16 04:55:42

---
title: Fade in Image without jQuery
published: true
description: 
tags: javascript, css, react
---

I don't know how many people have wrote this kind of articles, but wrote fade in image or text without jQuery.


```css
.fadein {
  opacity: 0;
}
.fadein.is-active {
  opacity: 1;
  transition: all ease 0.65s;
}
```

```js
// Fade in Threshold
const screenOffset = window.innerHeight / 2 

const elements = document.getElementsByClassName('fadein')
for (let element of elements) {
  window.addEventListener('scroll', () => {
    if (window.scrollY + screenOffset > element.offsetTop) {
      element.classList.add('is-active')
    }
  })
}
```

```html
  <p style="height: 100vh">Prints out this usage information.</p>
  <img class="fadein" src="https://www.google.co.jp/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
```

If you use React, you should write the above code in `componentDidMount`.

Ref:

http://brian.hatenablog.jp/entry/floating-fade-in
Knowledge has a half-life
Published: 2018-02-16 03:02:33

---
title: Knowledge has a half-life
published: true
description: 
tags: 
---

![](https://i.imgur.com/H9yCLzo.jpg)

<div style='text-align:center;'>
  <p>Knowledge has a half-life.</p>

  <p>You should apply it, or it expires.</p>

  <p>Either we forget, or that knowledge becomes obsolete.</p>

  <p>Knowing something matters less than doing something consistently.</p>
</div>
Reflecting on My Role
Tags: qualityassurance, womenwhocode, career
Published: 2018-05-12 18:55:57

---
title: Reflecting on My Role
published: true
tags: quality assurance, women who code, career
canonical_url: 
---

_This was originally published on my blog, [http://angelariggs.github.io](http://angelariggs.github.io/blog/reflecting-on-my-role)._

<hr>

I was on a tech panel last night for a [Women Who Code](https://www.womenwhocode.com/portland) event (which was awesome!), and there were some really great questions from the audience about testing and quality assurance. One question stood out to me, because answering it caused me to reflect about my role at a team level.

I don’t remember the exact wording, but it was asking about handling the tensions that happen when work doesn’t pass quality assurance - something I’m sure all QA engineers and developers are familiar with.

At the core, a foundation of trust is essential to navigating this relationship: trust that I have the client’s best interest in mind; trust that I do my job in support of my team and the work that they do; trust that I don’t ask for unreasonable work or rework; trust in my expertise and recommendations.

It also requires acceptance and understanding from the team that quality is _everyone’s_ responsibility. As QA Engineer, I may be accountable - but the responsibility of ensuring that we’re focusing on quality during the entire development lifecycle should be shared by the team.

Without trust, without that buy-in for responsibility, those natural tensions become toxic. Part of my job as QA Engineer is to build that trust and acceptance of responsibility by helping create a shared understanding of team expectations. We’re starting to struggle with this a bit on my team, and the question was a good reminder that sometimes you need to sit down with your team and realign goals and expectations together.
Finding work/life balance in the tech industry
Tags: career, culture, showdev, mentalhealth
Published: 2018-02-15 23:15:30

---
title: Finding work/life balance in the tech industry
published: true
description: A list of companies that value and provide work/life balance for their engineers.
tags: career, culture, showdev, mentalhealth
---

People are constantly asking me if work/life balance exists for developers. While it's certainly not the norm, there *are* companies who have built their culture around having it.

I put together a page listing all the companies that selected "Work/Life Balance" as one of their top 8 key values, and thought I'd share it. People's definitions of work/life balance vary wildly, so you can see how different teams talk about what it means to them, and make your own judgment. 

👉 [Finding work/life balance in tech.](https://www.keyvalues.com/finding-worklife-balance-in-tech)

Hope it's helpful!

_____

![Inntopia engineering skiing](https://thepracticaldev.s3.amazonaws.com/i/n0sqi1am5gzosmhckxjd.jpg)
<figcaption>Picture of the Inntopia team skiing</figcaption>
License managers for python 
Tags: python, discuss
Published: 2018-02-15 22:46:14

---
title: License managers for python 
published: true
description: 
tags: #python #discussion
---

I know that a python exe file easily can get decompiled and the license code easily can get bypassed too. However my target group is not smart enough nor have the time for that stuff. 
I would like to make a simple license manager, one  that requires a key for each costumer. (I would prefer it is a free one) 

Any ideas?

Let's discuss the pros the cons of each possibility.
What's the simplest way to run a Ruby script in the cloud every so often?
Tags: discuss
Published: 2018-02-15 22:11:23

---
title: What's the simplest way to run a Ruby script in the cloud every so often?
published: true
tags: discuss
---

I come across the situation where I want to re-run a Ruby script every so often. I'd like to know the simplest way to run this in the cloud. All it needs to do is execute a script every x seconds or minutes, etc. It should be able to require gems installed via a `Gemfile` and that's it. If anything requires any special builds outside of Ruby I don't need it.

I have some ways I've done this in the past, but always with a bit of extra overhead and boilerplate I feel like I could do without. What I'm looking for is the best possible developer experience.

Of things I haven't really tried, AWS Lambda + [Scheduled Events](https://docs.aws.amazon.com/AmazonCloudWatch/latest/events/RunLambdaSchedule.html) seems like it could be a nice go-to. It's not clear to me at this moment whether I can run Ruby with gem dependencies in Lambda. I've used the service, but not with Ruby.

I'm also not stuck on Ruby but it's my go-to language for simple scripts and I'd love if I could deploy these with equal simplicity. All input is welcome, including non-Ruby things to try that really do accomplish the goal of simplicity.
Xamarin Form application failed to load Android project. Root element missing.
Tags: xamarin
Published: 2018-02-15 22:05:06

---
title: Xamarin Form application failed to load Android project. Root element missing.
published: true
description: 
tags: xamarin
---

Since I'm responsible for the mobile client, as well as the web app and the server side NodeJS, I bounce back and forth between all of them. Last time I touched the mobile code (which was implemented using Xamarin Forms) was last week. That was when I created an archive and submitted to Google Play and Apple App Store. Both were accepted. 

My Windows 10 got auto-updated a few days ago. Then this morning, trying to open my VS2017 solution, I got the error with VS 2017 failed to load the Android project. "Root element is missing". I tried with Xamarin Studio. Same thing happened. OK, reboot the computer. Still failed.

So still being patient, I googled. Someone suggested that the .csproj has a missing root element. OK, but how could it miss a root element if I didn't touch the file. Doing a `git status` confirms that nothing was changed. I opened it up anyway, `cntrl-A`, `cntrl-C`, go to https://www.xmlvalidation.com, and `cntrl-V`. XML was validated, no errors were found.

I started to become frustrated and just shouted:

![Root element is missing](https://thepracticaldev.s3.amazonaws.com/i/yv2g23es3zbdstd2m4qi.png)


BTW, this is not the first time that I got burned with Xamarin. It's just the first time I decide to document.

 
I googled some more. Looks like someone had the same problem and posted the [same question on StackOverflow](https://stackoverflow.com/questions/44871798/failed-to-load-android-project-in-xamarin-forms-application-using-vs-2017?rq=1). Unfortunately no answer.

![Same question on StackOverflow](https://thepracticaldev.s3.amazonaws.com/i/k4aympvqkqvytckwd45x.png)

Googled. Tried. Still no success. Repeat. One thing I refused to do was uninstall and reinstall VS2017. Who knows how many hours that would take.


Until I found this [BizTalk Tips and Tricks article](http://msbiztalk.blogspot.com/2010/10/visual-studio-error-imported-project.html).

![BizTalk tips and tricks](https://thepracticaldev.s3.amazonaws.com/i/x08xpf2bn4g6begvtol7.png)

Long story short, I renamed the `.Droid.csproj.user`, effectively fooling VS2017 that I deleted it, and reload the Android project. Works.

In summary, an article on BizTalk dated in 2010, way before VS2017 was born, solved a VS2017 Xamarin bug, in 2018. Go figure.

In defense of Xamarin, when it's working, it's working great. Until any update, whether it's a Xamarin update, VS update, .NET update or Windows update.  

OK, let me go answer that StackOverflow question which was asked some 8 months ago, but still has no answer. And thank you to that BizTalk blog post.
Any recommendations for a Rails-like NodeJS toolchain for building APIs?
Tags: javascript, node, discuss
Published: 2018-02-15 21:39:03

---
title: Any recommendations for a Rails-like NodeJS toolchain for building APIs?
published: true
description: 
tags: javascript, nodejs, discuss
---

Reviewing the NodeJS ecosystem, there seem to be many competing tools for similar functionality — Knex vs Waterline vs Sequelize for ORMs; Sails vs Express vs Trails vs <insert 10 others> for base frameworks; db-migrate vs sails-migrations vs Knex migration support for database migrations; etc. 

Coming from the Rails world, where there is (relative) consensus on tools, this is a bit overwhelming.

Basically, I'm looking for a toolchain that supports the following features:

- Database migrations
- Good PostgreSQL support
- ORM
- Supports building JSON APIs
- Secrets management (nconf seems promising...)

Ergonomically, I look for the following:

- Integrated — pieces should easily play well together
- MVC-ish (the 'V' in this case is JSON, but still...)
- Production-safe (specifically for SQL DBs — seems like a lot of NodeJS tuts assume NoSQL DBs, and thus ignore stuff like schema versioning & migrations)

I've been messing around with SailJS, and like some of the ideas behind it, but find it's lacking everything SQL-specific (or at least, there doesn't _seem_ to be a consensus on how to handle migrations, etc).

What toolchain would you NodeJS devs out there recommend, given the above? Any and all help would be appreciated here!
How to merge a specific commit into another branch
Tags: git, github
Published: 2018-02-15 21:34:00

---
title: How to merge a specific commit into another branch
published: true
description: 
tags: git, github
---

I really hope this title is self-explanatory enough cause this was the best I could think of. I know we are all very busy so I'll go straight to the point.

So for the last week, I've been working on this new feature for a project. I worked dev branch, as usual, then yesterday when we discovered a niggling bug that needed fixing immediately.

After fixing the error, I realized I had done this on the same branch that I've been working on for the last week. I couldn't push this branch to master cause everything will break.

I googled a bit and found something that worked but didn't solve my problem. Here's what I found:

First you checkout the branch you want to merge the commits into 

`git checkout <the branch>`. 

Then 

`git cherry-pick <the branch you've been working on>`.

What this does is, ["It applies the change introduced by the commit at the tip of the working branch and creates a new commit with this change"](https://git-scm.com/docs/git-cherry-pick#git-cherry-pick-codegitcherry-pickmastercode). The issue I had with that was, I had made a couple of commits and I needed all those commits in the master branch. That's when I found it.

What did I find? you may be asking. `Gitlens` is what I found. If you use VScode you might know this extension. I've had it installed for some time now but I've never gotten around actually using it.

With this extension, all you need to do is, click the branches dropdown in the gitlens area, then proceed to click the drop-down for the branch you made the commits and then right click on a commit and cherry-pick it. Don't worry about all that gibberish I typed there. I've included a screenshot. (I'm nice, I know). 

![gitlens screenshot](http://res.cloudinary.com/hackafro/image/upload/v1518728407/Screenshot_9_ip7xnw.png)

When you look at your terminal, what you'll see is this command being run

`git cherry-pick -e <the commit hash>`

After running that command, you can then push your changes. You can download the gitlens extension to make use of this feature, or if you don't VScode yet, then there's a terminal command you. There's a command for everyone.

I promised to keep this short, so goodbye! I hope this helps.

![bye!!](https://media.giphy.com/media/l49FqlUguNsGDNCGk/giphy.gif)
Video series: Running Go programs on Raspberry Pi. Part 2
Tags: go, raspberrypi, machinebox
Published: 2018-02-15 16:05:58

---
title: "Video series: Running Go programs on Raspberry Pi. Part 2"
published: true
description: 
tags: go, raspberry pi, machinebox
---
![gophers-with-raspberry-pi](https://thepracticaldev.s3.amazonaws.com/i/9dl10l50p210au0fpkcc.jpg)


I started new video series about writing and running Go programs on Raspberry Pi. In these videos I will cover:
 - Capture image on Raspberry Pi 3 from webcamera
 - Use Facebox from https://machinebox.io to detect faces on image
 - Greet user using Text-To-Speech
 - Receive and parse user reply using Speech-To-Text

Videos:
 - [Part 1](https://youtu.be/t5ehIsa_e_U)
 - [Part 2](https://youtu.be/8C9Nx8WZDXo)
 - Part 3