teleren/devto huggingface dataset:
Logo Prestashop: Complete tutorial
Tags: blog, prestashop, ecommerce
Published: 2019-03-06 09:12:38

---
title: Logo Prestashop: Complete tutorial
published: true
tags: blog, prestashop, ecommerce
canonical_url: https://www.prestasoo.com/blog/logo-prestashop.html
---

![](https://www.prestasoo.com/images/stories/logo-prestashop.jpg)

[Logo Prestashop](https://www.prestasoo.com/blog/logo-prestashop.html?utm_source=devto&utm_medium=article&utm_campaign=logo_prestashop)? How well do you really know the logo on your website? How to customize it, replace the default logo by another? I've compiled in this [tutorial](https://www.prestasoo.com/Blog/?utm_source=devto&utm_medium=article&utm_campaign=logo_prestashop) everything about the logo of a site made with Prestashop.

## How to change Prestashop Logo

This is not only the first question but also the most really interesting question people ask when **developing a Prestashop website**.  
To change the logo of your shop, go to BackOffice and then in the **Preferences -> Theme** menu.

On this page, there are 4 types of customizable logos:

- The logo of the shop.
- Another one of emails & invoices.
- The icon on your website.
- The logo are used on the mobile theme.

###The logo of the shop

This logo will be displayed on all pages of your Prestashop site and also used by default if you do not define a logo for the 3 other existing types. 
Now, click on the "Add a file" button, choose the logo on your local computer and then click on the "Save" button.

###The logo of emails & invoices

Actually, if you do not setup a logo on this step, the main logo of the shop will be used. 
By the way, i case you worry that your logo does not display correctly on emails or Pdfs that will be generated by the store, you might want to use these two fields to send a different version of your logo that will be more suitable.

###The icon on your website

####What is an icon on a website?

It is short for favorites icon. A favicon is typically a graphic 16 x 16 pixels square and is saved as favicon.ico in the root directory of the server.

####Why use an icon?

When initially viewing your Prestashop website, most users will first scan the page for visually interesting content, and only after something grabs their attention will they actually begin reading. Icons are a simple, effective way to draw users into the content of your site.

###The logo are used on the mobile theme

This logo will be used on the theme dedicated to mobile devices.
But nowadays, everyone are using responsive theme there is no reason for you to activate the Prestashop mobile theme.

##How to change the size of the logo in prestashop
It's very easy. Just use Photoshop or any image editor tools to resize your logo before upload on your site.
How was it when you started to code?
Tags: learning, programming, starting, discuss
Published: 2018-09-02 07:18:10

---
title: How was it when you started to code?
published: true
description: 
tags: Learning, Programming, Starting, Discuss
---
![Alt text of image](https://thepracticaldev.s3.amazonaws.com/i/fn9o034060rcd3bz3ajt.jpeg)

#Learning Programming

A couple months ago, I set sail on trying to accomplish a coding bootcamp. I had always been interested in coding, software and technology in general. I feel as if I have learned a bunch in the last few months both on the front-end and back-end. I haven't really gotten that many opportunities to fully cement the skills learned since it has been a kind of "fly by the seat of your pants" adventure. I've got slightly less then a month less, and overall (even though my head really hurts), I would say it has been a positive experience. 

I realize that there are probably people on here that have a range of experiences in how they learned and got in to development. Every route of learning comes with it's pros and cons. I realize that learning all the time is one of the hallmarks and pretty cool aspects of this field. My question: How do you maintain your learning while not getting information overload? Obviously I have heard that those starting out in development try to compensate their lack of knowledge by trying to learn almost too much. 

I am really interested in hearing everyones stories on how it felt for them starting out, both their accomplishments and failures. As some one who thinks of themselves as sort of a slow learner, everything is all quite daunting at the moment. It does seem thoughthat peaks of accomplishments both personally and professionally could make it all worth it.
Comparing OSS on GitHub
Tags: github, opensource, showdev
Published: 2018-09-02 06:07:07

---
title: Comparing OSS on GitHub
published: true
description: 
tags: github, oss, showdev
---

You are making a decision on which open source project you would adopt for your newly developing application.

This time it is a little bit difficult for you because the candidates are seemingly almost the same in a functional perspective.

So let's delve into this from a different perspective: contributors and users activities.

- More stars, forks, and watchers are the good vital sign of a vibrant project, which indicates many users getting involved with the project.
- More issues stand for both good and bad sign but basically it indicates their activeness.
- Organization owned projects are, in most cases, more stable and robust than user owned projects.
- Size of the repository have complexed meanings but in practice, simpler code is better than the massive one if both are trying to achieve the same goal.

I made a simple tool to get you covered with the above guidelines.

# compare-github

![screencast](https://raw.githubusercontent.com/uetchy/compare-github/gh-pages/screencast.gif)

[compare-github](https://github.com/uetchy/compare-github) is a simple terminal app to explore your candidates and aggregate a result into a nice-looking report.

```bash
npx @compare/github facebook/react vuejs/vue riot/riot
```

or using yarn:

```bash
yarn global add @compare/github
compare-github facebook/react vuejs/vue riot/riot
```

![](https://thepracticaldev.s3.amazonaws.com/i/1xfd1gcrfntpft5bbu5s.png)

You will see the GitHub activities for each candidate at once.
It could help you to decide which library you would adopt!

Warmly welcome to any comments/ideas to improve `compare-github`!
Know your deps in package.json
Tags: node, npm
Published: 2018-09-02 05:19:45

---
title: Know your deps in package.json
published: true
description: 
tags: node, npm
---

![screenshot](https://uetchy.github.io/npm-deps-list/screen.png)

How do you know what packages that project/library depend on and what exactly are that packages doing for?
You'll want to quickly survey on them. So [npm-deps-list](https://github.com/uetchy/npm-deps-list) is here for.

You can install them using `npm` or `yarn`.

```bash
npm install -g npm-deps-list
```

Running `ndl`, you will get a detailed list of dependencies for the package on the current directory.

If you are using iTerm2, you can also `Command + Click` on a package name to jump to their homepage.

If you have any idea on it, please consider submitting an issue or a pull request!
CSS Flicker on Hover!
Tags: css, beginners, web
Published: 2018-09-02 04:58:19

---
title: CSS Flicker on Hover!
published: true
description: Old news on what not to do with CSS hover state
tags: 
- css
- beginner
- web
---

Feeling lucky so I decided to do a simple hover effect. A really simple CSS styling. Cursor hovers on button, button moves down to simulate a click effect. So simple, nothing could go wrong. I was wrong.

### Hover and move the button down,

```
button:hover {
    margin-top: 10px;
}
```

I encountered intense flickering from my button. I checked the issue on different browsers. Firefox is the only one that doesn't have that problem. Chrome, opera, safari have the same flickering problem. (You go Firefox! Not sure what you have done there, but you probably shouldn't have.)

### Play with the flicker here,
{% codepen https://codepen.io/toomuchome/pen/ZMeLZN %}

### What's really going on,
![I drew this](https://thepracticaldev.s3.amazonaws.com/i/fm0bfwl69m8wui06pjbs.jpg)

### Instead of googling I decided to tweet out the issue,
and @matthew_coxx came out with a sweet solution. (I am getting lazier now.)
{% twitter 1035983393392082956 %}

The idea is to add an ::after pseudo element to fill the previous clickable area so the cursor still stays within the clickable area even though the button has moved. Simple and sweet.

### Play with the solution here,
{% codepen https://codepen.io/toomuchome/pen/WgpXNO %}


### But I still googled for the issue anyway,
and there there, I managed to find this great post on CSS Jitter dated 11 years ago. https://css-tricks.com/avoid-css-jitter/ 


Now you know what's going on, the jitter man example is just hilarious.
https://css-tricks.com/examples/CSS-Jitter/

### Ok,
bye.

Follow me at [Twitter](https://twitter.com/toomuchome)
Journey Into The Workplace
Tags: webdev, php, laravel, realworld
Published: 2018-09-02 02:57:30

---
title: Journey Into The Workplace
published: true
description: Detailing my first experiences in the workplace as a web developer.
tags: 
- Web Development
- PHP
- Laravel
- Real World
---

*Originally posted on my <a href="https://blog.jeremyshaw.co.nz/">blog</a>*

### Introduction

Following up to my last post, I was indeed successful in landing a junior position at a web development company, marking the beginning of my journey as a professional developer.

These past two weeks have been a massive learning experience and even if this post benefits no-one else, it's a way to summerize my thoughts and feelings for myself. With that being said, lets get straight into it!
<!-- more -->
### I Know Nothing

Learning Laravel, MCV architecture and current security standards has been fairly overwhelming and although I have a BSc in Computer Science and have been regularly doing <a href="https://jeremyshaw.co.nz/projects">projects</a> in my spare time, I realized straight away how under prepared this has left me for the web development workplace.
```The code works, but is this the best way to do it? What are the vulnerabilities? Is this the up to date way of writing this?```

These are just some the considerations I didn't take as seriously before, forcing me to contemplate before I write a single line of code.

Even though my confidence has dropped, this is in no way meant to be a deterent for new developers entering the workplace. It's enlightening discovering the real world process and you become even more invested than ever before.

### Don't Dismiss Old Technologies

Up until now I have been obessed in dealing with the latest and *greatest* technologies. The majority of my projects are built with Node, implementing any shiny new javascript package that I can.

Working has taught me to respect the older languages and technologies. The majority of clients don't care what the hell is going on behind the scenes, they just want something that works and is still going to be working in ten years. 

Just because what you are using is older doesn't necessarily mean you aren't keeping up to date with the programming standards of today. For some reason I had never considered why these companies aren't upgrading to this cool, new technology. Cool things are cool, but cool, weird things are risky, and why would a company invest in a risky technology.

___

Feel free to add your input below, I would love to hear it! Thank you all for reading.
Better Code Than Never
Tags: webdev, htmlcss, javascript, ruby
Published: 2018-09-02 00:21:41

---
title: Better Code Than Never
cover_image: https://cdn-images-1.medium.com/max/800/0*1M3JJk84yoAzcg4Y. 
published: true
tags: Web Development, HTML/CSS, JavaScript, Ruby
canonical_url: https://arit.dev/better-code/
---

Finally! I’m over the paralysis of writing my first blog post, thanks to my fellow Firehose Project classmates. While reading their blog posts, I realized that mine needn’t be a thesis-level exposition lol! So, having relaxed and taken a deep breath…

**My Journey Into Web Development**

- Pre-med biology major
- Dropped pre-med; kept Bio; dabbled in Wordpress
- Public Health analyst; ***small Wordpress side-hustle***
- Married & a baby in the same year 💒 👶🏽 😩
- ***Let go from Analyst job***
- Several short-term work contracts, and ***Wordpress freelancing***
- Baby #2! 🍼
- ***Self-learning HTML & CSS*** 👩🏽‍💻
- Completed several web-dev mini-bootcamps
- ***Decided on and began The Firehose Project***

That’s my story, in a nutshell :) The moments I consider significant appear in bold italics. Non-linear to be sure, and terrifying at times. I’m a career-switching mother-of-two in the process of becoming a developer.

Stay tuned!
The Node Event emitter
Tags: node
Published: 2018-08-20 05:37:01

---
title: The Node Event emitter
published: true
tags: node
canonical_url: https://flaviocopes.com/node-event-emitter/
---

If you worked with JavaScript in the browser, you know how much of the interaction of the user is handled through events: mouse clicks, keyboard button presses, reacting to mouse movements, and so on.

On the backend side, Node offers us the option to build a similar system using the [`events` module](https://nodejs.org/api/events.html).

This module in particular offers the `EventEmitter` class, which we'll use to handle our events.

You initialize that using

```js
const eventEmitter = require('events').EventEmitter()
```

This object exposes, among many others, the `on` and `emit` methods.

- `emit` is used to trigger an event
- `on` is used to add a callback function that's going to be executed when the event is triggered

For example let's create a `start` event, and as a matter of providing a sample, we react to that by just logging to the console:

```js
eventEmitter.on('start', () => {
  console.log('started')
})
```

When we run

```js
eventEmitter.emit('start')
```

the event handler function is triggered, and we get the console log.

You can pass arguments to the event handler by passing them as additional arguments to `emit()`:

```js
eventEmitter.on('start', (number) => {
  console.log(`started ${number}`)
})

eventEmitter.emit('start', 23)
```

Multiple arguments:

```js
eventEmitter.on('start', (start, end) => {
  console.log(`started from ${start} to ${end}`)
})

eventEmitter.emit('start', 1, 100)
```

The EventEmitter object also exposes several other methods to interact with events, like

- `once()`: add a one-time listener
- `removeListener()` / `off()`: remove an event listener from an event
- `removeAllListeners()`: remove all listeners for an event

You can read all their details on the events module page at <https://nodejs.org/api/events.html>
Mentorship: A Safety Net
Tags: mentorship, webdev, rails, tech
Published: 2018-09-02 00:21:28

---
title: Mentorship: A Safety Net
published: true
cover_image: https://cdn-images-1.medium.com/max/800/1*FDLqQMeO8zxggiPXzHvamQ.jpeg
tags: Mentorship, Web Development, Ruby on Rails, Tech
canonical_url: https://arit.dev/mentorship-safety/
---

As part of my web development program, I’ve been paired with a fantastic mentor (shout out, Jeremy!). We’ve completed only one session; yet, I want to share on how his mentoring is already influencing my learning process.

**(1) I feel more secure:** Before Jeremy, I had access to course instructors and other students, but there’s something so comforting about having my “own person” to whom I can reveal just how confused I am about what I’m learning.

**(2) I am more efficient:** Being able to glean from Jeremy’s expertise means I’m not pressured to research every single obscure concept I encounter to death. I read just enough not to be totally ignorant, make a note on what to ask Jeremy, then forge ahead with my learning.

**(3) I am more disciplined:** I’m loathe to be that mentee who is a royal waste of time and energy. My weekly meeting with Jeremy motivates me to work hard and possibly impress him (well, as much as a Ruby novice can impress a 10-year veteran anyways!). I want to keep proving to Jeremy that I am a worthy investment of his time and efforts.

When I think about the bulk of my professional life before this, *mentorship has been largely absent*. I wonder how much more accomplished I’d be today had I been proactive about finding and maintaining mentoring relationships. But no use crying over the proverbial spilt milk; I now see how indispensable mentorship is in building a successful career, and I intend to firmly incorporate it moving forward.
Ruby As A Second Language
Tags: ruby, algorithms, impostersyndrome, programming
Published: 2018-09-02 00:21:11

---
title: Ruby As A Second Language
published: true
cover_image: https://cdn-images-1.medium.com/max/800/0*TroviUXCFIPAXKDW.
tags: Ruby, Algorithms, Imposter Syndrome, Programming
canonical_url: https://arit.dev/ruby-second-language/
---

This week’s coding challenge in my bootcamp had my brain all knotted up. I was already fatigued from solving (most of) 32 CodeWars katas, but I was scheduled to discuss said challenge — titled “Image Blur 2” — with my mentor Jeremy. I decided to see if I could make any sense of the challenge, which went as follows:

> **Using Ruby, transform a grid of ones and zeroes such that any zeroes above, beneath and to the sides of a “1” are turned to “1”s (as depicted in the image below the pink "1s" used to be zeroes)**

![alt text](https://cdn-images-1.medium.com/max/800/1*oB_-cC1FtnWthNXYHtm9Jw.png "Pixel Transformation")


We are currently learning object-oriented programming, so I knew the resulting algorithm would consist of Class and Method definitions. But not even a snippet of a solution would come to me — not that evening, anyhow. So I decided to describe my would-be code in plain English:

>1. Locate the cells with a value of “1”.
>2. Check whether there are rows above, beneath or to the sides of said cell.
>3. Check whether the cells adjacent to said cell in these rows have a value of 1.
>4. If yes, leave unchanged; if not, change the value of adjacent cells to 1.<br />
>Location of cell-in-question: array[row][column]<br />
>Cell above: array[row-1][column]<br />
>Cell below: array[row+1][column]<br />
>Cell on Left: array[row][column-1]<br />
>Cell on Right: array[row][column+1]

The only code-y part of my write-up is the location of an element within the grid (*“array[row][column]”*). I emailed my write-up to Jeremy and called it a night. During our session the next day, Jeremy explained that the challenge consisted of 2 main objectives, and that my “vague” conceptualization had all-but-fulfilled the harder objective (whaa???). We spent the rest of the evening translating my write-up to actual code and creating test-cases to ensure my algorithm’s robustness.

This experience has markedly increased my confidence in approaching algorithms; before now, I believed that **if I wasn’t “thinking in Ruby” from the get, then my work wasn’t really legit**. After all, it is said that native speakers of a language THINK (not just speak) in that language, right? Well, I’m certainly not expert in Ruby (yet!), but I realize that it’s okay — even effective! — to translate from a language that I’m already comfortable with.
Golang jobs: where can you search for open positions
Tags: go, jobs, career, hr
Published: 2018-09-01 22:15:42

---
title: Golang jobs: where can you search for open positions
published: true
description: A list of websites with open Golang developer positions across the globe, onsite and remote.
tags: go, golang, jobs, career, HR
---

Hello, 

I am currently researching the market and I am gathering a list of bookmarks about Go. I thought it will be nice to share them with the community, and find out about other ones as well. 

![gopher](https://ih1.redbubble.net/image.468749784.5220/flat,800x800,075,f.u2.jpg)

Spoiler alert, there are not many openings for Go (I estimate around few hundreds around the globe, but mostly in the US), but the numbers are increasing each month.

The order of resources is random, I included all the websites in which you can find at least 5-10 positions with a clear tag (usually Go doesn't work), and they are not local (only for one country).

Other problem when searching on general websites (like linkedin) is that you will find many positive-negative openings that wrote *".... development experience in one or more languages: Java, Go, ..."*, but the position is definitely not on Go.

Other issue is that the recruiters do not use proper tags for their openings and the **tag #golang** is useless. 

Bottom line is that is very hard to scoop the Golang specific positions, the language name and the HR is making it more difficult, and dedicated websites are a blessing for the community.

Sidenote, here is the ["official" list of the companies that uses Go](https://github.com/golang/go/wiki/GoUsers), usually in a small extent.

## Go(lang) dedicated websites
[golangprojects.com](https://www.golangprojects.com/)
[welovegolang.com](https://www.welovegolang.com/)
[chat- the channel #jobs on Gophers slack community](https://blog.gopheracademy.com/gophers-slack-community/) 
[golang.cafe](https://golang.cafe/)
[forum.golangbridge.org - jobs](https://forum.golangbridge.org/c/jobs)
[golangjob.xyz](https://golangjob.xyz/)

> **Tip**: these websites are not updated so often, check the date and if the position is still available before reading all about it!

## Others
[stackoverflow jobs](https://stackoverflow.com/jobs/developer-jobs-using-golang)
[angel list](https://angel.co/jobs#find/f!%7B%22keywords%22%3A%5B%22golang%22%5D%7D) - startups, you have to be logged in
[glassdoor](https://www.glassdoor.com/Job/golang-developer-jobs-SRCH_KO0,16.htm)
[indeed](https://www.indeed.com/q-golang-jobs.html)
[remoteok.io](https://remoteok.io/remote-golang-jobs)
[goremote.io](https://goremote.io/) remote jobs for all languages
[golang.works-hub](https://golang.works-hub.com/) ~AI based
[fullstackjob.com/jobs/go--developer-jobs](https://fullstackjob.com/jobs/go--developer-jobs) multi-language positions
[cybercoders](https://www.cybercoders.com/jobs/golang-jobs/)


If you know more resources please put them in comments, I will try to update the article each week or so with your URLs.

Thanks! See you in the #cloud!


Last update: 19 jul 2019
Elm challenge on Exercism: Rna Transcription
Tags: elm, exercism, codechallenge
Published: 2018-09-01 20:31:20

---
title: Elm challenge on Exercism: Rna Transcription
published: true
description: Going through challenges on Exercism with ELM
tags: elm, exercism, code challenge
---

I'm gonna be short.

I'm going through exercism exercises.

At one moment I had a beef with the compiler.

***********************************************

The 4th and 5th branches of this `if` produce different types of values.

 4|     if x == 'G' then
 5|         'C'
 6|     else if x == 'C' then
 7|         'G'
 8|     else if x == 'T' then
 9|         'A'
10|     else if x == 'A' then
11|         'U'
12|     else
13|>        "There is an Unknown Character in the DNA sequence!!!"

The 4th branch has this type:

    Char

But the 5th is:

    String

Hint: All the branches of an `if` need to match so that no matter which one we
take, we get back the same type of value overall.

***********************************************

To me, it seemed unreasonable :)

Now, I'm just stuck here.


***********************************************
The definition of `toRNA` does not match its type annotation.

17| toRNA : String -> Result Char String
18| toRNA dna =
19|>    converted_to_list dna
20|>    |> List.map convert
21|>    |> String.fromList

The type annotation for `toRNA` says it always returns:

    Result Char String

But the returned value (shown above) is a:

    String

Detected errors in 1 module.
***********************************************