Skip to content

Commit b677086

Browse files
N0sBaN0sBa
committed
update
1 parent a204e07 commit b677086

File tree

7 files changed

+205
-0
lines changed

7 files changed

+205
-0
lines changed

‎custom/c1.txt

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
Số hóa
2+
Sản phẩm
3+
Thứ ba, 12/7/2022, 19:00 (GMT+7)
4+
Người dùng Việt thờ ơ với MacBook Pro M2
5+
Doanh số MacBook Pro M2 không được như mong đợi khi nhiều người cho biết thất vọng với thiết kế và hiệu năng trên model mới.
6+
7+
Huy Tuấn, nhân viên thiết kế đồ họa đang làm việc tại TP HCM, dự định lên đời MacBook Pro M2. Tuy nhiên, sau khi trải nghiệm trực tiếp tại cửa hàng, anh đã quyết định chọn sản phẩm khác dù giá đắt hơn.
8+
9+
Tuấn cho biết anh đã đọc thông tin trên một số trang công nghệ uy tín rằng mẫu laptop M2 mới của Apple có tốc độ đọc ghi SSD thấp hơn bản tiền nhiệm và gặp vấn đề về tản nhiệt. "Khi dùng thử ở cửa hàng, tôi càng thất vọng hơn về thiết kế của MacBook Pro M2. Máy không thay đổi gì so với Pro M1, chỉ có hai cổng Thunderbolt, rất bất tiện", Tuấn nói.
10+
11+
Sau khi cân nhắc, anh quyết định mua MacBook Pro 14 inch. Với cùng cấu hình RAM 16 GB, bộ nhớ trong 512 GB, Pro 14 inch (2021) hiện có giá 48,5 triệu đồng, cao hơn 4,5 triệu đồng so với MacBook Pro M2.
12+
13+
Huy Tuấn cho biết so với MacBook Pro M2, bản Pro 14 inch không bị lỗi thời về thiết kế, có thêm cổng HDMI, khe đọc thẻ nhớ SD và sạc MagSafe. Ngoài ra, máy được trang bị màn hình Liquid XDR HDR, độ phân giải 3.456 x 2.234 pixel, độ sáng 1.000 nit, trong khi màn hình của MacBook Pro M2 chỉ có độ phân giải 2.560 x 1.600 pixel, độ sáng 500 nit.
14+
15+
MacBook Pro M2 chính hãng bán ra thị trường Việt Nam từ 7/7.
16+
17+
Ông Nguyễn Lạc Huy, đại diện hệ thống CellphoneS, cho biết: "Trước khi MacBook Pro M2 về hàng, nhiều người đánh giá chip M2 sẽ mạnh vượt trội. Tuy nhiên, thực tế chip M2 chỉ tăng hiệu năng xử lý khoảng 20-25% so với M1 và chưa thể vượt M1 Pro. Với người dùng chuyên nghiệp, thường xuyên sử dụng tác vụ đồ họa nặng như render video, làm phim ... cần xử lý kỹ xảo chuyên sâu, dựng/xuất file 3D và các tác vụ liên quan đến AI, Macbook Pro 14 là sự lựa chọn hợp lý hơn", ông Huy phân tích.
18+
19+
Đại diện hệ thống Minh Tuấn Mobile cũng xác nhận MacBook Pro M2 không phải model được người Việt ưa chuộng, lượng đặt mua thấp. Chính vì vậy, ngay khi lên kệ vào tuần trước, MacBook Pro M2 đã được các hệ thống giảm giá sâu đến 5 triệu đồng, nhưng doanh số vẫn không như kỳ vọng.
20+
21+
Theo các chuyên gia, một trong những lý do khiến MacBook Pro M2 không được đón nhận là do chip mới không thực sự tạo khác biệt về hiệu năng. Sau hai tuần trải nghiệm, cây viết Tony Polanco của Tom’s Guide nhận xét: "Tôi không hiểu sao Apple lại tạo ra MacBook Pro M2. Với người dùng phổ thông, chip M2 quá dư thừa. Với các chuyên gia làm về đồ họa, âm thanh, MacBook Pro 14 inch với chip M1 là lựa chọn hợp lý hơn".
22+
23+
Các hệ thống phân phối tại Việt Nam cho biết, từ khi ra mắt, doanh số MacBook Pro 14 inch luôn nằm trong danh sách laptop bán chạy. Khi Apple giới thiệu M2, lượng đặt mua sụt nhẹ do nhiều người chờ MacBook mới. Đến khi model mới lên kệ và người dùng không thấy sự chênh lệch rõ ràng giữa chip M1 và M2, doanh số MacBook Pro 14 bắt đầu tăng trưởng trở lại.

‎custom/index.html

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta lang="en">
5+
<meta title="author" content="n0sba">
6+
<title>C1</title>
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<body>
10+
<div class="container start">
11+
<section>
12+
<h1>Lorem, ipsum dolor.</h1>
13+
<h2>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fugit, error.</h2>
14+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores vero mollitia, expedita et inventore ducimus molestiae quasi. Sapiente praesentium id eaque illum, deserunt quidem illo, iste et maxime, magnam expedita libero a veniam accusamus aliquam similique explicabo vel. Ipsam quibusdam ut voluptatum velit optio, tempora id aliquid suscipit sint earum aspernatur sit a corporis at sed fugiat labore maiores porro quasi commodi fugit consectetur quo dicta. Eum rerum sapiente, atque deleniti esse distinctio eveniet facere unde, id ad autem commodi perferendis labore. Quis deleniti magni at placeat odio sequi voluptatum earum dolor voluptatibus velit ratione, nesciunt molestiae iusto exercitationem, veniam quam. Dolor illo debitis amet voluptatibus dolores quasi explicabo nisi labore adipisci vitae at ratione ab quos, nulla, autem molestias obcaecati voluptatem magni reprehenderit alias corrupti! Commodi voluptate tenetur dignissimos dolorum quae est. Esse praesentium vel hic ullam, soluta, dolores sit adipisci blanditiis sed eaque minima vitae eveniet id ipsam, similique excepturi animi itaque mollitia minus libero consequatur quisquam qui. Sed, doloribus temporibus eius quidem recusandae, sequi eos facilis sint aut quis officiis. Ad tenetur temporibus odit perspiciatis suscipit repellat aliquam aperiam voluptate tempore nulla delectus dolore, nemo quibusdam qui praesentium numquam saepe neque minima quaerat amet est! Nemo, pariatur!</p>
15+
<a class="btn normal" href="#">Normal</a>
16+
</section>
17+
</div>
18+
<div class="container middle">
19+
<section>
20+
<h1>Lorem, ipsum.</h1>
21+
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, necessitatibus.</h2>
22+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus obcaecati, velit, accusantium ab atque sed tempora amet quos culpa architecto porro facere alias molestias vel necessitatibus fuga laborum minima! Eum qui in explicabo. Aliquam, rem. Quibusdam nostrum a aperiam blanditiis non aspernatur iusto ipsum ipsam deleniti similique. Voluptas optio, placeat inventore vero praesentium id quae voluptatum iste dolor, dolorem maxime? Maiores ullam facilis voluptas consequuntur sint dolores aliquam aspernatur impedit voluptatem, voluptatum quis exercitationem asperiores illo maxime. Ipsum placeat doloribus vel quae architecto nesciunt eaque nulla voluptatem saepe deserunt hic nihil vero nobis ab sapiente quaerat eius, similique quos iure?</p>
23+
<a class="btn ghost" href="#">Ghost</a>
24+
</section>
25+
</div>
26+
<div class="container end">
27+
<section>
28+
<h1>Lorem ipsum dolor sit.</h1>
29+
<h2>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui, itaque ipsa.</h2>
30+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente numquam accusamus quisquam eum, officia at quia ratione accusantium voluptatum libero quod quae harum, ducimus dolor facere dolores aperiam, nesciunt optio placeat sit? Id, aspernatur! Repellendus, fugit provident ullam dolorum in delectus ducimus, tempora vero quod reprehenderit impedit! Maiores labore quas facere a repudiandae sed vel reprehenderit blanditiis unde dolor doloribus sit magni architecto nesciunt illum quae repellendus quisquam consequatur quod nostrum, est officiis. Saepe deleniti in voluptatum exercitationem reprehenderit. Cumque exercitationem nostrum quae dignissimos cum nulla eum sunt et adipisci odit excepturi eveniet reprehenderit commodi nesciunt repudiandae tempora, hic architecto, provident dolor ut debitis quas! Laborum sapiente quaerat perspiciatis adipisci aspernatur cum nam illo rem dignissimos soluta eum ipsam consectetur labore maxime, vel, quod omnis. Adipisci exercitationem in tempore aut nobis, blanditiis earum aperiam quaerat minima voluptates cumque labore deserunt eligendi quia. Optio amet nihil eveniet quidem consectetur tenetur praesentium, harum nam corporis excepturi earum odio unde suscipit rem cum hic qui placeat quo, molestias aspernatur, neque quaerat voluptates? Totam aliquid suscipit provident animi esse ex porro inventore repellendus est voluptatem minus quis velit sapiente, non iure ea minima nulla, ad soluta natus blanditiis excepturi? Officia molestiae ipsa suscipit perspiciatis.</p>
31+
<a class="btn advance" href="#">Advance</a>
32+
</section>
33+
</div>
34+
</body>
35+
</html>

‎custom/outline/index.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Outline</title>
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
<body>
11+
<div class="box">
12+
<h1>Lorem ipsum dolor sit amet.</h1>
13+
<a class="button" href="#">Button</a>
14+
</div>
15+
</body>
16+
</html>

‎custom/outline/style.css

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
html {
2+
font-family: 'Courier New', Courier, monospace;
3+
}
4+
5+
body {
6+
margin: 0;
7+
}
8+
9+
.box {
10+
width: 50%;
11+
margin: 0 auto;
12+
}
13+
14+
h1 {
15+
background-color: steelblue;
16+
padding: 1em 3em;
17+
outline: 5px solid steelblue;
18+
outline-offset: 5px;
19+
margin-bottom: 50px;
20+
color: white;
21+
}
22+
23+
.button {
24+
background-color: aquamarine;
25+
display: inline-block;
26+
text-decoration: none;
27+
padding: 1em 3em;
28+
outline: 3px solid white;
29+
transition: outline-offset 250ms ease-in-out;
30+
/* transition-duration: 250ms; */
31+
/* animation: move 3s ease infinite; */
32+
border-radius: 4px;
33+
color: black;
34+
}
35+
36+
.button:hover {
37+
outline-offset: -8px;
38+
/* transform: rotate(45deg); */
39+
}
40+
41+
/*
42+
@keyframes move {
43+
50% {
44+
transform: translate(calc(90vw - 200px), calc(90vh - 160px));
45+
}
46+
} */

‎custom/style.css

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
body {
2+
margin: 0;
3+
padding: 0;
4+
font-family: 'Courier New', Courier, monospace;
5+
}
6+
7+
.container {
8+
margin: 0 auto;
9+
}
10+
11+
section {
12+
padding: 8em 6em;
13+
}
14+
15+
.start {
16+
background-color: rgba(41, 62, 70, 1);
17+
color: white;
18+
}
19+
20+
.middle {
21+
background-color: rgb(44, 184, 182);
22+
}
23+
24+
.end {
25+
background-color: rgb(250,250,250);
26+
}
27+
28+
a {
29+
color: inherit;
30+
}
31+
32+
h1 {
33+
margin: 0;
34+
font-size: 2.5em;
35+
font-weight: 700;
36+
}
37+
38+
h2 {
39+
margin-top: 0;
40+
font-size: 1.25em;
41+
font-weight: 500;
42+
}
43+
44+
.btn {
45+
padding: 1em 2.5em;
46+
display: inline-block;
47+
transition: all ease-out 250ms;
48+
}
49+
50+
.normal {
51+
background-color: rgb(44, 184, 182);
52+
53+
}
54+
55+
.normal:hover {
56+
background-color: rgba(35, 110, 75, 1);
57+
}

‎custom/viewport-units/index.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Viewport Units</title>
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
<body>
11+
<header>
12+
<h1>
13+
Lorem, ipsum dolor.
14+
</h1>
15+
</header>
16+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat velit odio illo dolores quis, nam accusamus quisquam, ducimus veniam, sapiente id. Facere expedita officia est minima officiis voluptate inventore. Error quod quasi, adipisci esse itaque maxime magni, omnis saepe sint, inventore dolorem ut facilis quibusdam cumque beatae corrupti laborum. Incidunt.</p>
17+
</body>
18+
</html>

‎custom/viewport-units/style.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
body {
2+
margin: 0;
3+
}
4+
5+
header {
6+
background-color: purple;
7+
/*10% of viewport's width of lesser demension*/
8+
width: 10vmin;
9+
text-align: center;
10+
}

0 commit comments

Comments
 (0)