teleren/devto huggingface dataset:
Xuất xứ thương hiệu máy in Taimes
Published: 2020-02-07 02:55:11

Máy in Taimes - Thương hiệu máy in lớn tại Việt Nam
Đối tác mua bán máy in quảng cáo khổ lớn tại MuaBanNhanh
Cty TNHH mayinquangcao.com
Địa chỉ: Số 6, Đường 34A, Bình Trị Đông B, Bình Tân, TP.HCM
Email: quang@mayinquangcao.com
Hotline tư vấn máy in: 0937 569 868 - Mr Quang

Xuất xứ máy in Taimes
Máy in Taimes có bản gốc từ Nhật Bản, với một thị trường khó tính như Nhật Bản thì bất cứ một sản phẩm nào khi được sản xuất ra đều làm hài lòng tất cả mọi người. Và máy in Taimes cũng không ngoại lệ. 

Máy in Taimes hiện đang là một trong những sản phẩm máy in khổ lớn rất được ưa chuộng và có số bán ra chạy nhất trên thị trường hiện nay. 
Dòng máy in Taimes tại Việt Nam
Tại Việt Nam, Taimes có nhiều model đáng chú ý và bán chạy nhất như: Taimes A160, Taimes A180, Taimes T8Q, Taimes T5Q, Taimes T5, Taimes T8,...

Kích thước phổ biến của máy in Taimes trên thị trường máy in kỹ thuật số Việt Nam
Taimes có nhiều dòng khác nhau, do đó kích thước sẽ chênh lệch. 

>> Xem thêm: https://muabannhanh.com/may-in-taimes/cac-dong-may-in-taimes-kho-lon-cho-xuong-in-cong-ty-in-an-quang-cao-tren-muabannhanh-1958.html

MuaBanNhanh xin giới thiệu đến bạn vài thông số của một số dòng máy in Taimes như sau:

Taimes A160
Độ phân giải: 540, 720, 1440dpi
Nguyên liệu: hiflex, vinyl, decal,…
Trọng lượng máy: 160kg (3531bs)
Kích thước máy: L-W-H: 2.54 – 74 – 1.42m
Khổ in: 1620 (63.9″)
Trọng lượng: dưới 25kg (55.11bs)
Nguồn điện: AC100V-120V, AC220V-240V, 50/60
Taimes A180
Kích thước máy: L2830x W740 x H 1280mm
Kích thước bao bì: L3020 x W740 x H 970mm
Khổ in: 1800mm
Độ cao đầu phun: 1-3mm
Loại vật liệu: Glossy giấy ảnh, PP giấy, keo dán, backlit film, vải, hiflex,…
Khổ in: 1800mm
Nguồn điện, điện áp: AC 100~220V.50HZ/60HZ
Taimes T8Q
Kích thước máy: Dài 4,360x Rộng 790 x Cao 1,170 mm
Trọng lượng: 420kg
Kích thước đóng hàng: Dài 4,760 x Rộng 1000 x Cao1570 mm
Tổng trọng lượng: 560kg
Khổ in: 3200mm
Chất liệu in: Bạt Hiflex, Bạt phản quang, Đề can ngoài trời,...
Độ cao đầu in: cách vật liệu 2-6mm
Taimes T5Q
Kích thước máy: L 5000mm x W 1030mm x H 1580mm
Trọng lượng: 800Kg (±15kg)
Điện Nguồn: AC 220V,50Hz/60Hz
Độ cao đầu in: Cách vật liệu 2-4mm
Chất liệu in: Bạt Hiflex, bạt phản quang, đề can ngoài trời, đề can lưới, Đề can PP, giấy ảnh, lụa Simily,...
Khổ in: 3200mm
Loại mực sử dụng cho máy in Taimes
Dòng máy in Taimes sử dụng loại mực dầu Taimes 4 màu C, M, Y, K. 
Nhìn chung loại mực dùng cho dòng máy Taimes thường là ở dạng mực nước, mực dung môi, thuốc nhuộm – thăng hoa mực
Top 10 Ways to Get More Traffic to Your Company's Blog
Tags: career, productivity
Published: 2020-02-07 02:34:23

Blogging is an affordable way to promote your business. It's much cheaper than buying ads month after month.

In this article, we'll look at ways to boost traffic to your blog.

# Leave thoughtful comments on other people’s blogs.

This is expose your blog profile on other people's posts. It can easily increase your reach by letting others know of your existence.

# Write shorter posts.

Shorter posts take less time to write so you can post more frequently. Also, they are easier to read because they're more concise. Each paragraph or section should also be short so that they are easy on the eyes.

Don't write useless information that's useless to your audience.

If you hire people to write it, you also pay less since many authors charge per word.

# Blog consistently.

Blogs that are abandoned won't have much of an audience. Google also lowers the rank of abandoned sites since they aren't useful anymore.

# Write less.

Less is more. Useful information don't always need a wall of text to express.

# Be a resource.

The posts you write must be useful to other people. Otherwise, no one would read it.

# Use trackbacks.

Track the traffic source of your blog and then double down on promoting on that source if it's a venue where you can promote. If it's a search engine, then work on SEO more.

If it's social media, post and engage more on there.

# Organize your posts with lists and subheads.

This makes posts easy to read so readers can find the information they want quickly.

# Get on Twitter. Tweet links to your posts and other useful content.

It's easy to build a following on Twitter if you follow people there and they follow back. Follow the people you want to engage and then post the stuff you want to promote and share in there. Just don't make it too much like an ad.

Followers will see your updates in their feed.

# Link out to other sites (but only ones that will help people).

You can get others to link back by proposing to influence that if you link to their site, then they link back. This is a great source of backlinks.

It's also a great way to increase your reach.

# Share your content on Facebook (and ask your friends to share it, too).

Like Twitter, you can gain followers through Facebook and engage with them. They also see your stuff in their feed.

With these tips, you can easily gain readers in your blog. It's work that actually pays off. It won't be an overnight success, but the small wins add up something big.
Bí quyết in ấn tờ rơi thu hút khách hàng cho shop thời trang
Published: 2020-02-07 02:23:57

Khi chuẩn bị mở cửa hàng thời trang hoặc mong muốn tiếp cận thêm nhiều đối tượng khách hàng mới, việc các shop cần làm là in tờ rơi quảng cáo thật bắt mắt nhưng cũng không kém phần chuyên nghiệp.

>> Truy cập ngay: https://inkythuatso.com/in-nhanh-ky-thuat-so/top-10-dich-vu-in-an-duoc-quan-tam-nhat-tai-in-ky-thuat-so-365-le-quang-dinh-phuong-5-binh-thanh-hcm-1477.html

Dưới đây là một số bí quyết thiết kế tờ rơi sáng tạo, đem lại hiệu quả cao mà bạn có thể tham khảo: 

Mục đích của  tờ rơi là gì? 
Tờ rơi là một ấn phẩm quảng cáo được sử dụng nhằm mục đích thu hút sự chú ý của khách hàng, ngoài ra còn giúp thúc đẩy tăng doanh thu thông qua việc cũng như cấp các thông tin quan trọng về các chương trình khuyến mãi, sự kiện… 

Bí quyết thiết kế tờ rơi quảng cáo shop thời trang 

1. Thông tin trên tờ rơi 
Thông tin trên tờ rơi  shop thời trang phải thật ngắn gọn cho nên bạn chỉ nên để những thông tin cần thiết. Mặt khác, bạn cũng cần chọn size và font chữ lớn cho các mẫu thông tin quan trọng và đừng lo lắng nếu chúng chiếm khá nhiều diện tích trên tờ rơi. 
Tờ rơi cho shop chủ yếu vẫn là tờ rơi quảng cáo quần áo, phụ kiện, ngoài ra còn có dịch vụ khuyến mãi đi kèm. Khi muốn quảng cáo loại sản phẩm hay dịch vụ nào nào thì trên tờ rơi nên có hình ảnh của loại sản phẩm, dịch vụ đó. Như vậy, khách hàng sẽ dễ dàng bị thu hút và muốn đến shop của bạn hơn. Hãy coi tờ rơi như cửa hàng của bạn vậy, và những loại quần áo được trưng bày trên đó sẽ được khách hàng mua bằng...mắt nhé! 

2. Chia bố cục tờ rơi hợp lí
Một trong những khó khăn khi thiết kế tờ rơi đó là bạn cần phải tận dụng phần lớn không gian của nó. Phần lớn tờ rơi được in có kích thước bằng khổ giấy A5 (148 mm x 210 mm) hoặc A6 (105 mm x 148 mm). 
Để thiết kế tờ rơi đẹp, ấn tượng, bạn có thể chọn cách chia tờ rơi thành những phần không bằng nhau và dùng những màu sắc khác nhau để làm nổi bật nội dung chính, nội dung phụ. Dùng đường chéo để chia bố cục cũng là một cách hay để có được những mẫu tờ rơi hấp dẫn. 

3. Trình bày tờ rơi thật chuyên nghiệp 
Đôi khi những mẫu tờ rơi có nội dung khiêm tốn, chuyên nghiệp sẽ được đánh giá cao hơn là tờ rơi quảng cáo quá mức về sản phẩm. Nếu bạn đang muốn nhắm đến đối  tượng khách hàng thông thái hoặc khách hàng đang hợp tác với bạn thì đây là một chiến thuật mà bạn nên lựa chọn.

Khách hàng khi lựa chọn sản phẩm đặc biệt là quần áo, thời trang sẽ rất chú trọng về tính thẫm mỹ và chất lượng, vì vậy, tờ rơi bán hàng cần phải chuyên nghiệp và thu hút để khách hàng có thể tin tưởng vào sản phẩm của bạn.
Yin and yang - Pure CSS, transparent, single element icon
Tags: css, webdev, html, opensource
Published: 2020-02-07 02:04:45

As you might already know I have created recently [css.gg](https://css.gg) a pure CSS Icon library. 
So now on the v2 I am trying to add 200 more icons for a 700 total. 

This library has some restrictions such as: 
1. Single HTML tag
2. No colored negative space, only transparent
3. Scale Good
4. No path
5. No data-uri PNG or SVG 

So everything is harder as if I would do it on multiple tags and not transparent. 


So here is my approach. 

### Step 1
First I created as usual a circle with 2px border and note how I do not specify when not needed the color so it inherits from the parent, when is a must I use currentColor. 
```css
.gg-yinyang {
  box-sizing: border-box;
  position: relative;
  display: block;
  /* ^ this is only to contain the icon as box is applied on all icons */

  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 22px
}

```
### Step 2
Now second step to create pseudo elements with half of the parent width minus the border and positioned center vertically. I do always fixed pixels to contain it and for better cross-browser support. 
```css

.gg-yinyang::after,
.gg-yinyang::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  top: 4px
}

```
### Step 3
The `::before` pseudo selector needs to be on the left and with standard border
```css
.gg-yinyang::before {
  border: 2px solid;
  left: 0
}
```

### Step 4
Now comes the most challenging, tricky & ugly part where I cover the rest of the area with the box shadow of the `::after` pseudo selector 
```css
.gg-yinyang::after {
  border: 2px solid transparent;
  right: 0;
  box-shadow:
    inset 0 0 0 4px,
    0 -3px 0 1px,
    -2px -4px 0 1px,
    -8px -5px 0 -1px,
    -11px -3px 0 -2px,
    -12px -1px 0 -3px,
    -6px -6px 0 -1px
}
```
### Final Result
{% codepen https://codepen.io/astrit/pen/RwPwEqQ %}

### Animated
This version also has as unit `em` where I am looking to switch for all the icons, better performance specially on animation. 
{% codepen https://codepen.io/astrit/pen/wvavNGb %}

For more please check the current icons on github and give it a ⭐ if you like it.

{% github astrit/css.gg %}

Would love to see your approach on this with as less CSS as possible.

AM
How do I create staging URLs for my webapp (esp. Heroku)
Tags: webdev, devops, discuss
Published: 2020-02-07 02:01:27

As I have just released [aloud-comments](https://dev.to/patarapolw/a-commenting-system-that-is-easy-to-self-host-and-completely-free-4od9), I find it hard to fix it without breaking it.

For [now.sh](https://zeit.co) and [Netlify](https://www.netlify.com/), it is easy. It will create a unique staging URL on every commit, with commithash.

For [Heroku](https://heroku.com/), there is [this way](https://stackoverflow.com/a/19052416/9023855), but it is discouraged?? [This tutorial is from Heroku.](https://devcenter.heroku.com/articles/multiple-environments#managing-staging-and-production-configurations)

```sh
heroku create --remote staging
git push staging master
```

[This is probably a recommended way from Heroku](https://devcenter.heroku.com/articles/pipelines#deployment-with-pipelines), with easy promotion. But I don't get a unique URL in staging...

Now, if I to do it without Heroku at all (like on DigitalOcean or AWS), what is a recommended way to do it?

Probably to get `https://staging.your_domain_name.com`, that only your IP can access? Or, is Docker a way to fix?
You are feeling like a genius,then this happened
Tags: php, curl, openssl, windows
Published: 2020-02-07 01:43:13

Have you ever had a project at work that you start with the mindset ... "I got this, gonna be a walk in the park!"


Everything is going great, you are feeling like a genius. You have worked hard on it, now you are so close to the finish line, you can almost touch it.


You are 99% of the way there, then you hit an error. It is so big that no one on your team can figure out how to fix it, Stackoverflow has never seen your error, and you don't know who to ask for help.


Well, ladies and gentlemen, that was my day today.  Tomorrow I'll begin another fight with OpenSSL and curl on Windows Server 2019
[Go] internal vs external testing
Tags: go, testing, beginners
Published: 2020-02-06 21:56:24

What is internal and external testing?

Let's show a example

```golang
package operator

func Add(a, b int) int {
	return a + b
}

func subtract(a, b int) int {
	return a - b
}
```

Internal test is that the test cases belongs to the package we want to test

```golang
package operator // same package

import (
	"testing"
)

func Test_Add(t *testing.T) {
	if got := Add(1, 1); got != 2 {
		t.Errorf("Add(%v, %v) = %v, want %v", 1, 2, got, 2)
	}
}

func Test_subtract(t *testing.T) {
	if got := subtract(1, 1); got != 2 {
		t.Errorf("Add(%v, %v) = %v, want %v", 1, 2, got, 2)
	}
}

```

External test is that the test cases locate in different package. The functions to test need to be exported,
```golang

package operator_test //different package

import (
	"awesomeProject/operator"   // package needs to import here
	"testing"
)

func Test_Add(t *testing.T) {
	if got := operator.Add(1, 1); got != 2 {
		t.Errorf("Add(%v, %v) = %v, want %v", 1, 2, got, 2)
	}
}



func Test_subtract(t *testing.T) {
// get error here, because operator.subtract can't be exported
	if got := operator.subtract(1, 1); got != 2 {
		t.Errorf("Add(%v, %v) = %v, want %v", 1, 2, got, 2)
	}
}

```

By internal testing, you can directly access all thing in your package, including unexported var,func,struct.

By external testing, you can only test exported things.

### Internal testing is better, because we could test everything in the package?
The answer is No, if you come from java/c# or other OOP language, you may have seen some discussion like "should I test private method?","how can I test private method?".  The conclusion is that you should test public methods only, because test is to simulate how other users use your method or how external project calls your package.

### Unexported things are not under testing?
Come back to golang, right, exported method/function/struct is the important thing you should test, how other gophers/projects use your package. 
Then you may ask how about unexported things, they're not under testing. The answer is also No.  Actually all unexported things should be covered by exported things, otherwise the unexported things are redundant code.(because no one call them)

### Conclusion
Just see some discussion, so write down this article for new gophers have no idea which to use. Maybe there're some cases that internal testing is necessary, but external testing is to choose in the general case.
My podcast about DevRel with Under the Hood of Developer Marketing
Tags: devrel
Published: 2020-02-10 22:03:36

---
title: My podcast about DevRel with Under the Hood of Developer Marketing
published: true
date: 2020-02-07 01:40:15 UTC
tags: DevRel
canonical_url: https://maxkatz.org/2020/02/06/my-podcast-about-devrel-with-under-the-hood-of-developer-marketing/
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/njdq8hyqdwn6yoi65s0d.png
---

Check out [my podcast about Developer Relations with Under the Hood of Developer Marketing](https://www.developermarketingpodcast.com/podcast/episode/1c68a408/moving-from-startups-to-global-companies-with-max-katz) where we chat about:

- Moving from a startup to one of the biggest companies in the world 
- What I have been doing before joining IBM
- Do you need to be a developer to be effective in DevRel?
- How to measure success in DevRel? 
- Being an Individual Contributor (IC) vs. a manager in DevRel

![](https://katzmax.files.wordpress.com/2020/01/underthehooddevmarketingpodcast.png?w=720)

It’s a fun episode and only about 30 minutes. Definitely check it out [here](https://www.developermarketingpodcast.com/podcast/episode/1c68a408/moving-from-startups-to-global-companies-with-max-katz).
Responsive Svelte Components
Tags: javascript, svelte, responsive
Published: 2020-02-07 01:38:06

When creating responsive web applications, my go to strategies are usually css based (flexbox, css grid, media queries). 

But what if we want to alter the content of the html based on device? In this case, some javascript must be involved to differentially render the right html.

We can make use of a higher order Svelte component to accomplish this (leveraging [named slots](https://svelte.dev/tutorial/named-slots)). 

## Component

We'll end up with something like this:

```html
<Responsive>
	<div slot="mobile">...mobile content...</div>
	<div slot="desktop">...desktop content...</div>
</Responsive>
```

## Implementation

`// Responsive.svelte`
```html
<script>
	import { stores } from "@sapper/app";
	import UAParser from "ua-parser-js";
	// session is passed in server.js
	const { preloading, page, session } = stores();

	const parser = new UAParser();
	parser.setUA($session["user-agent"]);
	const mobile = parser.getResult().device["type"] == "mobile";
</script>

{#if mobile}
	<slot name="mobile" />
{:else}
	<slot name="desktop" />
{/if}
```

And passing the session in from `server.js`
```javascript
import sirv from 'sirv';
import polka from 'polka';
import compression from 'compression';
import * as sapper from '@sapper/server';
const { PORT, NODE_ENV } = process.env;
const dev = NODE_ENV === 'development';

polka() // You can also use Express
.use(
	compression({ threshold: 0 }),
	sirv('static', { dev }),
	sapper.middleware({
		session: (req, res) => ({
			'user-agent': req.headers['user-agent']
		})
	})
)
.listen(PORT, err => {
	if (err) console.log('error', err);
});
```

Now we can differentially load html content with a higher order Svelte component!
How to get notification on Chrome breaking changes?
Tags: help
Published: 2020-02-07 01:33:10

Google Chrome recently made a breaking change on [how it handles a cookie when the cookie doesn't have the samesite attribute](https://blog.chromium.org/2020/02/samesite-cookie-changes-in-february.html).

Fortunately we had time to prepare because some customers of our customers used Chrome Canary and encountered error when using our application. They complained to our customers, our customers complained to us, and we got the news. We had issued patches for our application just in time for the change in the Chrome stable release.

Is there a mailing list or forum (preferably low traffic) that announces this kind of breaking changes?

How do you watch for news like this?
Breadcrumbs for JavaScript in Honeybadger
Tags: javascript, errors, honeybadger
Published: 2020-02-07 01:00:20

---
title: Breadcrumbs for JavaScript in Honeybadger
published: true
description: Breadcrumbs can help you debug client-side JavaScript applications, and are available to all Honeybadger users as of today.
tags: javascript, errors, honeybadger
canonical_url: https://www.honeybadger.io/blog/javascript-breadcrumbs/
---

One of the things that make fixing JavaScript errors so difficult is that everything happens on the client-side. When an obscure error happens in a callback, you often lack the context to reproduce it. If the error is critical, you may even resort to deploying debug code to get more information about the events leading up to it.

We added a feature to help, and it's called Breadcrumbs.

![](https://dev-to-uploads.s3.amazonaws.com/i/arufzpa1zndez09oc9qj.png)

A **Breadcrumb** is a client-side event that happened before an error. Breadcrumbs are collected in realtime as users interact with your client-side application. When an error happens, the breadcrumbs leading up to it are included, filling in the missing context.

[Since launching breadcrumbs for Ruby and Elixir last year](https://www.honeybadger.io/blog/introducing-breadcrumbs/), our customers have been fixing errors faster and with more confidence. Today we're excited to announce that breadcrumbs are available for JavaScript!

## How Can You Use It?

Breadcrumbs are available as of [honeybadger-js](https://github.com/honeybadger-io/honeybadger-js) version 2.1, but disabled by default. To capture breadcrumbs, you must explicitly enable them. We plan to enable breadcrumbs by default in version 3.0.

To enable breadcrumbs in your project:

1. Update your honeybadger-js package to the latest 2.x version (2.1.1 at the time of this post)
2. Enable breadcrumbs in your honeybadger-js configuration:

  ```javascript
  Honeybadger.configure({
    // ...
    breadcrumbsEnabled: true
  });
  ```
## Automatic Breadcrumbs

Honeybadger captures the following breadcrumbs automatically by instrumenting browser features:

- Clicks
- Console logs
- Errors
- History/location changes
- Network requests (XHR and fetch)

## Sending Custom Breadcrumbs

No one knows your app better than you. In addition to the default events, you can report custom breadcrumbs to Honeybadger:

```javascript
Honeybadger.addBreadcrumb('Loading User', {
  metadata: { user_name: userName }
});
```

When an error is subsequently reported, you should see it in the Breadcrumb stack:

![](https://dev-to-uploads.s3.amazonaws.com/i/t48d6m0z28u41z6blhu7.png)

You can also customize the category of custom events that are displayed. For
more information, [check out the guide in the Honeybadger
docs](https://docs.honeybadger.io/lib/javascript/guides/breadcrumbs.html).

## Let us know how it goes!

We hope that Breadcrumbs will be a helpful addition to your JavaScript toolbox. Try it out, and give us a shout if there is anything you would like to see added.
React js Get Multiple Checkbox Value On Submit
Published: 2020-02-13 13:27:30

---
title: React js Get Multiple Checkbox Value On Submit
published: true
date: 2020-02-07 00:00:00 UTC
tags: 
canonical_url: 
---

Hello FriendsIn this example we are learn how to manage multiple checkbox in reactjs in this component we are use state array and store multi checkbox value when you check checkbox at that time we are handel on change event then add and remove value strong classstepMultiple Checkbox
The Effect of a Customer focused home page
Published: 2020-02-06 23:40:01

---
title: The Effect of a Customer focused home page
published: true
description: 
tags: 
---

A home page also known as the index page, is the first page of a website that talks about a product or a service.

The uniqueness and user focused design of a Home page helps a business to turn visitors into customers.

As a product or service based business, what you really need to get the attention of your customer’s is not just an online website, but a great home page focused on presenting your services or products to the visitors on your website.
Clients and customers loves a platform that can help them to feel connected to a product or a service. So what you really need to boost your sales online is not just a website, but a customer focused home page that helps your customer’s to get access to your product or services easily.
One of the reason why so many startups and company’s fails to change visitors to customers online is because their website, which was meant to represent what they are all about, fails to resonates with their visitors. The next time you are considering taking your startup or business online, think of building a home page that will communicate with your users.