mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-06 15:45:54 -05:00
Thoughts
This commit is contained in:
Editor Rust
parent
5f36307526
commit
68f4bae2da
5 changed files with 239 additions and 80 deletions
|
|
@ -1,29 +1,9 @@
|
||||||
* {
|
* {
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
font-family: "Nunito", "Times New Roman", Times, serif;
|
font-family: "Nunito", "Times New Roman", Times, serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
.content {
|
||||||
/* Eventually allow any hex color through JS, along with random generator */
|
transition: .2s;
|
||||||
--theme-color: #f69b46;
|
|
||||||
/*
|
|
||||||
Other nice colors
|
|
||||||
#46aaf6 // blue
|
|
||||||
#f69b46 // orange
|
|
||||||
#46f64f // green
|
|
||||||
#f64646 // red
|
|
||||||
*/
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
body {
|
|
||||||
background-color: #222;
|
|
||||||
color: #f8f8f8;
|
|
||||||
}
|
|
||||||
.footer {
|
|
||||||
background-color: #000;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|
@ -90,6 +70,16 @@ a {
|
||||||
color: var(--theme-color);
|
color: var(--theme-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.thoughts {
|
||||||
|
margin: 2rem 2rem 0 0;
|
||||||
|
float: right;
|
||||||
|
color: #888;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
|
||||||
.funsies {
|
.funsies {
|
||||||
padding: .5rem 2rem;
|
padding: .5rem 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -98,23 +88,10 @@ a {
|
||||||
margin: 0 .2rem .8rem .2rem;
|
margin: 0 .2rem .8rem .2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
|
||||||
padding: 1rem;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: auto auto;
|
|
||||||
background-color: #222;
|
|
||||||
color: #fff;
|
|
||||||
border-bottom: solid .4rem var(--theme-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.faded-footer {
|
|
||||||
color: #bbb;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-parent {
|
.progress-parent {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #ccc;
|
background-color: #ddd;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -138,3 +115,19 @@ a {
|
||||||
animation-iteration-count: 1;
|
animation-iteration-count: 1;
|
||||||
animation-fill-mode: both;
|
animation-fill-mode: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
.progress-parent {
|
||||||
|
background-color: #444;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
box-shadow: 0 .2rem .2rem #000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.content {
|
||||||
|
padding: 0 6rem;
|
||||||
|
line-height: 1.7rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
71
Styles/styles.css
Normal file
71
Styles/styles.css
Normal file
|
|
@ -0,0 +1,71 @@
|
||||||
|
* {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--theme-color: #f69b46;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--theme-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-color: #222;
|
||||||
|
color: #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer styles */
|
||||||
|
.footer {
|
||||||
|
padding: 1rem;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto;
|
||||||
|
background-color: #222;
|
||||||
|
color: #fff;
|
||||||
|
border-bottom: solid .4rem var(--theme-color);
|
||||||
|
font-family: "Nunito", "Times New Roman", Times, serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer h2 {
|
||||||
|
position: relative;
|
||||||
|
margin: 1rem .75rem .75rem 2.5rem;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
transition: .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer h2::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: .5rem;
|
||||||
|
left: -.6rem;
|
||||||
|
height: 1rem;
|
||||||
|
width: .25rem;
|
||||||
|
border-radius: 5rem;
|
||||||
|
background-color: var(--theme-color);
|
||||||
|
transition: .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer h2:hover {
|
||||||
|
margin: 1rem .75rem .75rem 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer h2:hover::before {
|
||||||
|
left: -1.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer p {
|
||||||
|
margin: .5rem 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.faded-footer {
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
.footer {
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
}
|
||||||
33
Styles/thoughts.css
Normal file
33
Styles/thoughts.css
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
.home {
|
||||||
|
margin: 1.8rem 2rem 0 0;
|
||||||
|
float: right;
|
||||||
|
color: #888;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
font-family: "Ubuntu Mono", monospace;
|
||||||
|
transition: .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article p {
|
||||||
|
text-indent: 1rem;
|
||||||
|
line-height: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-color: #222;
|
||||||
|
color: #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.content {
|
||||||
|
padding: 0 6rem;
|
||||||
|
line-height: 1.7rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
94
index.html
94
index.html
|
|
@ -3,7 +3,8 @@
|
||||||
<head>
|
<head>
|
||||||
<link rel="shortcut icon" type="image/x-icon" href="Icons/race.png">
|
<link rel="shortcut icon" type="image/x-icon" href="Icons/race.png">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="Styles/home.css">
|
||||||
|
<link rel="stylesheet" href="Styles/styles.css">
|
||||||
<title>Editor Rust</title>
|
<title>Editor Rust</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -11,53 +12,58 @@
|
||||||
<div class="progress"></div>
|
<div class="progress"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1 class="title">Hi! I'm Editor Rust.</h1>
|
<a class="thoughts" href="/thoughts.html">Thoughts</a>
|
||||||
<center><em>This site is still under active construction, and yes, this is inside a <code>center</code> tag.</em></center>
|
|
||||||
<h2>About me</h2>
|
|
||||||
<p>I'm a high school student who spends just about all their spare time programming. I do mostly full-stack web development, with Node as the backend. I enjoy working with JavaScript and CSS, and am a little <i>too</i> determined to make my websites look perfect. Still waiting to work on a project with someone, and only slightly lonely.</p>
|
|
||||||
|
|
||||||
<h2>Work</h2>
|
|
||||||
<p>My current big projects are Git Organized, a project management and planning tool for developer projects, and an unnamed chat project, meant to be an open chat like Twitter, a place to make communities to meet people like you, similar to Discord, and a place for private messaging, like Google Chat. Please check them out, and consider contributing!</p>
|
|
||||||
<h3>Old work</h3>
|
|
||||||
<p>Some other work I've done include Hillside Township, an imaginary town with a satirical newspaper, where I can exercise my love of creative writing as well as poke fun at politics and technology (Get Hillside Plus, premium citizenship!). Another website is the Schoolarly Bay, a place for research articles. Some of my friends chipped in with articles, and I might come back and fix this.</p>
|
|
||||||
<p>I also made my own little JS library called Digit, which writes out long numbers in words. I'm still polishing this, and plan on adding time related features, as well as number animation.</p>
|
|
||||||
|
|
||||||
<br><br>
|
|
||||||
<p>Note that from here on out this website gets very opinionated, so just keep that in mind.</p>
|
|
||||||
|
|
||||||
<h2>Operating Systems</h2>
|
|
||||||
<p>Linux is the best OS, hands down. Open source, free, a great community, all the features you need and more you don't, and that amazing terminal. What could possibly compete? MacOS has a design that's like 15 years old, and has had no real updates in forever. Also, that price tag! Not everyone has wallets that deep. And Windows is garbage. Also, what's with the new glassmorphism? If only they'd implement it fully. It's just a patched together operating system made for businesses. Also PowerShell is the stuff of nightmares.</p>
|
|
||||||
<p>Best mobile operating system is... depends. Linux on mobile is a joke. iOS would be best for ordinary people who are willing to shell out for a better OS. Android has <i>all</i> the options, making it a lot like Linux in many ways. So for anyone who knows what they want out of a device should go with Android. And tablets? Android on tablets is a joke. A kinda sad one. No Windows tablets. iPads would be great for anyone who... has a computer and just wants to doomscroll on their couch. It's useless for any real work. So if you want to use a tablet for work, I suppose you're stuck with a Windows device. Or a Surface Book with Linux. It all comes back to Linux, dosen't it?</p>
|
|
||||||
|
|
||||||
<h2>Workflow</h2>
|
|
||||||
<p>My current workflow includes JSON and Markdown. I know they aren't languages, but still, they're amazing, right? Also, Node, Ejs, Tailwind CSS, MongoDB (if you want the password to my database, just look through my old commits) JavaScript, and obviously CSS and HTML. I believe in cloud IDEs because of convenience, so I use Github Codespaces for Visual Studio Code. Which is the hands-down best JavaScript IDE, and I am ready to defend that position. Clearly I use GitHub for source control. Note that I use these software because I have tried the competition and still consider these superior.</p>
|
|
||||||
<h3>Software</h3>
|
|
||||||
<p>I love web apps. I use Inkscape for SVGs (SVGs are amazing, and CSS takes it them to the next level). I use Chrome because of feature support for CSS, but I use Firefox for everything else, because it's not Chromium based. Also Opera is great. I've made attempts to use note apps like Obsidian, but now just... remember? It works, okay? For now anyway.</p>
|
|
||||||
<h3>OS</h3>
|
|
||||||
<p>I use Windows right now (not by choice!), but I've tried Macs and spent time with Linux, mainly Kubuntu. I also tried Deepin which was great, and want to test Zorin OS. Also use ChromeOS for school, and would not recommend it unless you only use the Google ecosystem.</p>
|
|
||||||
<h3>Docs</h3>
|
|
||||||
<p>I often use Stack Overflow, even though I'm blocked. Yes, I posted <i>one</i> answer, and the person who'd posted the question marked it down, and now I can't post answers. AND can't fix it. I used to use W3Schools, but now stick with Mozilla Docs, because open source and it's much more complete.</p>
|
|
||||||
<h3>Learning</h3>
|
|
||||||
<p>I want to learn more about JavaScript libraries and front end web development, as well as touching into web protocols, cybersecurity, machine learning, and app development. I also plant on learning Angular, React, TypeScript, Socket.io, Rust, and Swift.</p>
|
|
||||||
|
|
||||||
<br><br>
|
<br><br>
|
||||||
|
|
||||||
<h2>Games</h2>
|
<div class="content">
|
||||||
<h3>It's probably best to skip over this</h3>
|
<h1 class="title">Hi! I'm Editor Rust.</h1>
|
||||||
<p>Some of my really old work include some games. These early games include dreadful styling and questionable code, so I suggest you proceed with caution.</p>
|
<center><em>This site is still under active construction, and yes, this is inside a <code>center</code> tag.</em></center>
|
||||||
<p>Gold Rush was my first game, what really got me into JavaScript and web development. It's an incremental game, inspired by Cookie Clicker. It has exactly one image, and my recent attempts to modernize the UI had made it a disaster zone. Look at me, throwing around terms like UI, and UX, and accessibility. I'm a web designer now, through and through. The game is about as unbalanced math-wise as it gets, and half the ideas are unfinished, but I think I'm done here. Rest easy, Gold Rush.</p>
|
<h2>About me</h2>
|
||||||
<p>Vegetable Dash was my next big project, and I'm still kinda proud of it. It really helped me get a grasp of core JavaScript features, and helped push my knowledge forward with Node. The whole thing was image-based, and since I was going through my SVG craze, is a little strange. The code will cause you nightmares if Grampa Jenkins doesn't. For now I'm done with it, but maybe one day...</p>
|
<p>I'm a high school student who spends just about all their spare time programming. I do mostly full-stack web development, with Node as the backend. I enjoy working with JavaScript and CSS, and am a little <i>too</i> determined to make my websites look perfect. Still waiting to work on a project with someone, and only slightly lonely.</p>
|
||||||
<p>Cookin' in the Kitchen is one of my more recent works. It was inspired by an old game I used to play, Cooking Fever. I have hopes of making this multiplayer and all, but I probably won't get to. It was a really cool experiment with drag and drop though.</p>
|
|
||||||
|
|
||||||
<h2>More</h2>
|
<h2>Work</h2>
|
||||||
<p>Dev jokes! Checkout my list <a href="https://docs.google.com/document/d/e/2PACX-1vRKinOJRXxrcpdMauNaTAzLNVHom4OkadGgdm6ja82330EJFr_5FRw4ThSj71GcjG9Ll_7jh-7mox95/pub">here</a></p>
|
<p>My current big projects are Git Organized, a project management and planning tool for developer projects, and an unnamed chat project, meant to be an open chat like Twitter, a place to make communities to meet people like you, similar to Discord, and a place for private messaging, like Google Chat. Please check them out, and consider contributing!</p>
|
||||||
<p>BFF <a href="https://github.com/tildejustin">tildejustin</a>, see his stuff</p>
|
<h3>Old work</h3>
|
||||||
|
<p>Some other work I've done include Hillside Township, an imaginary town with a satirical newspaper, where I can exercise my love of creative writing as well as poke fun at politics and technology (Get Hillside Plus, premium citizenship!). Another website is the Schoolarly Bay, a place for research articles. Some of my friends chipped in with articles, and I might come back and fix this.</p>
|
||||||
|
<p>I also made my own little JS library called Digit, which writes out long numbers in words. I'm still polishing this, and plan on adding time related features, as well as number animation.</p>
|
||||||
|
|
||||||
<h2>Funsies</h2>
|
<br><br>
|
||||||
<div class="funsies">
|
<p>Note that from here on out this website gets very opinionated, so just keep that in mind.</p>
|
||||||
<p>Change the website color theme</p>
|
|
||||||
<button onclick="changeThme()">Random</button>
|
<h2>Operating Systems</h2>
|
||||||
<button onclick="changeThmeHex()">Hex code</button>
|
<p>Linux is the best OS, hands down. Open source, free, a great community, all the features you need and more you don't, and that amazing terminal. What could possibly compete? MacOS has a design that's like 15 years old, and has had no real updates in forever. Also, that price tag! Not everyone has wallets that deep. And Windows is garbage. Also, what's with the new glassmorphism? If only they'd implement it fully. It's just a patched together operating system made for businesses. Also PowerShell is the stuff of nightmares.</p>
|
||||||
|
<p>Best mobile operating system is... depends. Linux on mobile is a joke. iOS would be best for ordinary people who are willing to shell out for a better OS. Android has <i>all</i> the options, making it a lot like Linux in many ways. So for anyone who knows what they want out of a device should go with Android. And tablets? Android on tablets is a joke. A kinda sad one. No Windows tablets. iPads would be great for anyone who... has a computer and just wants to doomscroll on their couch. It's useless for any real work. So if you want to use a tablet for work, I suppose you're stuck with a Windows device. Or a Surface Book with Linux. It all comes back to Linux, dosen't it?</p>
|
||||||
|
|
||||||
|
<h2>Workflow</h2>
|
||||||
|
<p>My current workflow includes JSON and Markdown. I know they aren't languages, but still, they're amazing, right? Also, Node, Ejs, Tailwind CSS, MongoDB (if you want the password to my database, just look through my old commits) JavaScript, and obviously CSS and HTML. I believe in cloud IDEs because of convenience, so I use Github Codespaces for Visual Studio Code. Which is the hands-down best JavaScript IDE, and I am ready to defend that position. Clearly I use GitHub for source control. Note that I use these software because I have tried the competition and still consider these superior.</p>
|
||||||
|
<h3>Software</h3>
|
||||||
|
<p>I love web apps. I use Inkscape for SVGs (SVGs are amazing, and CSS takes it them to the next level). I use Chrome because of feature support for CSS, but I use Firefox for everything else, because it's not Chromium based. Also Opera is great. I've made attempts to use note apps like Obsidian, but now just... remember? It works, okay? For now anyway.</p>
|
||||||
|
<h3>OS</h3>
|
||||||
|
<p>I use Windows right now (not by choice!), but I've tried Macs and spent time with Linux, mainly Kubuntu. I also tried Deepin which was great, and want to test Zorin OS. Also use ChromeOS for school, and would not recommend it unless you only use the Google ecosystem.</p>
|
||||||
|
<h3>Docs</h3>
|
||||||
|
<p>I often use Stack Overflow, even though I'm blocked. Yes, I posted <i>one</i> answer, and the person who'd posted the question marked it down, and now I can't post answers. AND can't fix it. I used to use W3Schools, but now stick with Mozilla Docs, because open source and it's much more complete.</p>
|
||||||
|
<h3>Learning</h3>
|
||||||
|
<p>I want to learn more about JavaScript libraries and front end web development, as well as touching into web protocols, cybersecurity, machine learning, and app development. I also plant on learning Angular, React, TypeScript, Socket.io, Rust, and Swift.</p>
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<h2>Games</h2>
|
||||||
|
<h3>It's probably best to skip over this</h3>
|
||||||
|
<p>Some of my really old work include some games. These early games include dreadful styling and questionable code, so I suggest you proceed with caution.</p>
|
||||||
|
<p>Gold Rush was my first game, what really got me into JavaScript and web development. It's an incremental game, inspired by Cookie Clicker. It has exactly one image, and my recent attempts to modernize the UI had made it a disaster zone. Look at me, throwing around terms like UI, and UX, and accessibility. I'm a web designer now, through and through. The game is about as unbalanced math-wise as it gets, and half the ideas are unfinished, but I think I'm done here. Rest easy, Gold Rush.</p>
|
||||||
|
<p>Vegetable Dash was my next big project, and I'm still kinda proud of it. It really helped me get a grasp of core JavaScript features, and helped push my knowledge forward with Node. The whole thing was image-based, and since I was going through my SVG craze, is a little strange. The code will cause you nightmares if Grampa Jenkins doesn't. For now I'm done with it, but maybe one day...</p>
|
||||||
|
<p>Cookin' in the Kitchen is one of my more recent works. It was inspired by an old game I used to play, Cooking Fever. I have hopes of making this multiplayer and all, but I probably won't get to. It was a really cool experiment with drag and drop though.</p>
|
||||||
|
|
||||||
|
<h2>More</h2>
|
||||||
|
<p>Dev jokes! Checkout my list <a href="https://docs.google.com/document/d/e/2PACX-1vRKinOJRXxrcpdMauNaTAzLNVHom4OkadGgdm6ja82330EJFr_5FRw4ThSj71GcjG9Ll_7jh-7mox95/pub">here</a></p>
|
||||||
|
<p>BFF <a href="https://github.com/tildejustin">tildejustin</a>, see his stuff</p>
|
||||||
|
|
||||||
|
<h2>Funsies</h2>
|
||||||
|
<div class="funsies">
|
||||||
|
<p>Change the website color theme</p>
|
||||||
|
<button onclick="changeThme()">Random</button>
|
||||||
|
<button onclick="changeThmeHex()">Hex code</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br><br>
|
<br><br>
|
||||||
|
|
|
||||||
56
thoughts.html
Normal file
56
thoughts.html
Normal file
|
|
@ -0,0 +1,56 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="Icons/race.png">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="Styles/thoughts.css">
|
||||||
|
<link rel="stylesheet" href="Styles/styles.css">
|
||||||
|
<title>Thoughts | Editor Rust</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a class="home" href="/">Home</a>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<div class="article">
|
||||||
|
<h1>Reject Folding Phones</h1>
|
||||||
|
<h2>Dec 1 2022</h2>
|
||||||
|
<p>Unless you've been living under a rock for the last few years, you should have noticed a growing trend for foldable phones. Perhaps you thought it was cool, maybe you even considered buying one before you noticed the price. But why could anyone hate them? I'll tell you why it's a bad idea for everyone involved.</p>
|
||||||
|
<p>Let's start from the developer side of things. When building an interface, it has to be optimized for different screens. The two difficulties that arise are scale and aspect ratio. You can develop a website or app for a computer, and it won't take much scaling down to fit on a tablet or larger monitor. Some tweaks, yes, but nothing huge. Now developing for phones is different. Multiple OSs aside, these devices are tiny. And even if you turn the device into landscape mode, which no one does, the aspect ratio of the device is completely different, making the UI seem stretched. But that's not all, because every phone maker is determined to make all their devices have a unique shape, and thus, a new screen to be optimized for. You can already see how this is a nightmare, even without counting the separate code bases you'd need for each system, but it was about to get far worse.</p>
|
||||||
|
<p>In 2019 Samsung revealed the Galaxy Fold to the world. This may have been the first, but in their folly other companies were quick to follow. These weren't flip phones, they were smartphones that folded, a phone that looks like an ordinary or irritatingly skinny phone, until <i>wow, it flips open</i>, giving <i>twice the screen space</i>. How could this be less than perfect? It's the future! Well, sorry to break it to you, even with practical inconsistencies set aside (who has the time to flip their phone open every time they get a message? Most of the time the phone will stay closed, leaving you with a very thick but normal device), this is a developing nightmare. <i>Another</i> screen size to optimize for? So that's monitors, desktops, laptops, phones, and folding phones? Sure, a square screen looks nice, but not nearly enough people use it to make it worth developing for. Which brings us to the user.</p>
|
||||||
|
<p>User experience is everything. You might have a great device or operating system, but if you can't easily access the content you need it isn't worth it. Which is why people don't use Linux. Here was a bold new device, but it was about to face a greater challenge than the dubious press: getting developers to make apps and websites for their screens. Apple had great success getting developers to optimize for the iPhone and tablet, but that's not the whole story. Do you remember the Macbook Pro touchbar? I'll tell you its story. In 2016 Apple unveiled the new Macbook Pro with a touch bar display where the command keys used to be. They flaunted how the benefits were unimaginable, with every app adding custom controls for easy use. But in 2022, Apple removed it from most of its Pro lineup. Why? Because the biggest feature, custom app controls, was never used by developers. Macbooks already have such a small market share, but for creators it might still make sense. But the fact that it was only on the Pro lineup, such an insignificant amount of users would have been affected that developers decided not to build for it. And <i>that</i> is the reason it was removed, not battery efficiency or whatever excuse they used. The new Dynamic Island feature on their Pro phones is the same mistake, and while there is a larger number of users, if they don't convince developers to build for this it will go the way of the touchbar.</p>
|
||||||
|
<p>So <i>what</i> was Samsung thinking? The phones are so expensive and niche that it makes nearly no sense to develop for them. If Android tablets had ever become a thing, then maybe apps would have been ready for that screen size and aspect ratio. But instead, Android apps are optimized for a normal phone screen, so opening nearly any website or app at full size is sure to be a bad experience. Why would someone buy a device where the core feature is extra screen if all their favorite apps and sites are warped and unusable? It just doesn't make sense. So you'd think that at least <i>some</i> phone manufacturers asked the geniuses behind their product design if this was a good idea. But <i>no</i>, everyone wants to get in on it. They think this is the Next Big Thing, and just about every phone maker has made or is rumored to be making a folding phone. But even with all of this aside, folding phones are <i>expensive</i>. The Samsung Galaxy Fold 4 starts at <i>1,799</i> US dollars. That is <i>not</i> a price most ordinary users are going to be willing to pay for a gimmick.</p>
|
||||||
|
<p>So, the folding phone. Smartphone makers are betting big when they keep making these, hoping that developers will build for them and consumers will buy. But the simple fact is, the smartphone market doesn't need disruption. The design we've reached, a flat rectangle, is basically perfect. It fits in your pocket, has an all-day battery life, and can run basically any task you want it to. And people are keeping their phones for longer, unwilling to buy another expensive phone that isn't noticeably better than their current one. I think this is the smartphone industry desperately scrambling to find some way to keep their exponential growth. But hey, that's just my opinion.</p>
|
||||||
|
</div>
|
||||||
|
<div class="article">
|
||||||
|
<h1>The iMessage Lockin</h1>
|
||||||
|
<h2>Dec 1 2022</h2>
|
||||||
|
<p>Apple is known for its "walled garden"; a wonderful lineup of devices that work seamlessly together. But while their products may be great, they don't quite make up for the company's shortcomings, especially their refusal to play nice with other devices. All tech companies have some anti competition problems, like Microsoft trying to be Apple with Windows 11, Office, and Teams. May Steve Jobs protect us all from that horrible future. Every company puts their apps first, pre-installs bloatware, sorry, <i>software</i>, and generally tries to be your one go-to service provider. To make it clear, this is totally a problem that needs to be dealt with, and we can't let Microsoft, Google, Apple or anybody to have a completely locked system, no matter how wonderful. But at least while Android phones are competitors, they all use the same basic standards such as ports and messaging systems.</p>
|
||||||
|
<p>Let's start at the beginning. While the concept of SMS had been conceived in the early 80s, it wasn't until the 90s that it was actually implemented. SMS stands for Short Message Service, and supports plain text messages of up to 160 characters. This worked for a while, but by 2002 people wanted more out of messaging, so MMS, Multimedia Messaging Service, was created. It had support for images, links, videos, files, emojis, and more, and was pretty much globally adopted. These systems worked, but in 2007 another standard was created, RCS, or Rich Communication Services, which was officially released in 20016. It standardized features that companies had to individually implement before, as well as adding features from popular messaging apps, like reactions and other small additions that created a smooth texting experience. Additionally, it has much improved security, which is important when texting cross-platform (iMessage uses its own encryption). Basically, it wasn't revolutionary, but it was a great and necessary effort at improving and standardizing texting.</p>
|
||||||
|
<p>So 2019 comes around and Google declares that Android is adopting RCS. This is great, but Apple doesn't like standards, or Google. Thus the dreaded “green bubble” was born. On Apple's messaging service, iMessage, blue messages symbolize the other person is using iMessage, which means you can use reactions, high quality image and video files, and that the chat is end-to-end encrypted. Now if someone is using another device, like Android or Linux or HarmonyOS, that message will come in as green, which means iMessage has resorted to the primitive SMS and MMS standards to send you the message. Apple could have collaborated with Google to fix this, or just adopted RCS, but they… don't want to.</p>
|
||||||
|
<p>I believe it is time for a digression. You all know about Apple's lightning cable, unless you're a hermit who hasn't left their mountain for the last ten years. In 2012, Apple released a revolutionary new connector to replace their appalling 30-pin connector. It was small, beautiful, thin, and could be put in both ways. It is to this day one of the best connectors, obviously second to the superior USB-C cable. But the time for lightning has come to an end, and Apple should adopt the universal USB-C cable, which comes with benefits all around. It isn't revolutionary, but it has many small, much needed improvements. But Apple has reason to hold on to its outdated cable, and it's not nostalgia. Apple has a Made For iPhone (MFi) program that means for any lightning-certified accessory sold, they get a 2-4 dollar cut (the precise amount is not known, but this is a good estimate). Apple makes a huge amount of money off of this, and it helps retain a huge amount of control. This situation is nearly identical to the iMessage situation, and just goes to show that Apple is a corporation that will do anything to get as much money as possible.</p>
|
||||||
|
<p>But iMessage in a way is far worse. While lightning only affects people already in Apple's control, iMessage creates a bad experience for anyone who texts to an iMessage user. Google does their best to handle it on their end, but Apple is not doing anything to help. This situation has resulted in iMessage snobbery, where the people with the broken system look down on green messages, and this doesn't just stop at superiority. It has real consequences, like friends being left out if they have a different device. Additionally, peer pressure among the younger generation means that teenagers will often choose an iPhone just to "have a social life". This has resulted in <i>9 out of 10</i> teenagers who have phones owning an iPhone. I really can't see a company giving up total market dominance like that.</p>
|
||||||
|
<p>But don't worry! Because Google, who is strangely framing itself as the people's warrior, has created a Get the Message movement, with an accompanying #GetTheMessage hashtag to boot. And wow, are they serious about this. This is basically an attempt to make iPhone users realize their world isn't so perfect, and that they should join Android users in the fight for better messaging. They even hired some celebrities. I'm afraid Google hasn't noticed that Apple <i>never</i> listens to its users.</p>
|
||||||
|
<p>So far, this has been a one-sided battle. Apple is happy with its messaging monopoly, and has no reason to change anything. Google is not the hero though. While RCS is a great standard and it would benefit all users if Apple adopted it, this isn't about users. I believe in this situation the people at Google really care about users, but that isn't always the case. If they <i>really</i> cared about users, maybe their Pixel devices would cooperate with other devices, or Google wouldn't push their own products so much. This time though, they're right. #GetTheMessage!</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
<div class="footer">
|
||||||
|
<div>
|
||||||
|
<h2>Find me</h2>
|
||||||
|
<p>My Github -> <a href="https://github.com/editorrust">GitHub</a></p>
|
||||||
|
<p class="faded-footer">I love GitHub, and host all my projects on it</p>
|
||||||
|
<p>Stack Overflow -> <a href="https://stackoverflow.com/users/14818357/editor-rust">Stack Overflow</a></p>
|
||||||
|
<p class="faded-footer">I kinda hate Stack Overflow because they blocked me from doing anything</p>
|
||||||
|
<p>CodePen -> <a href="https://codepen.io/editorrust">CodePen</a></p>
|
||||||
|
<p class="faded-footer">I don't use this account very often, but here it is</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2>Email me</h2>
|
||||||
|
<p>My developer account -> <a href="mailto:editorrust@gmail.com">editorrust@gmail.com</a></p>
|
||||||
|
<p>My personal account -> <a href="mailto:hamza.elabi1@gmail.com">hamza.elabi1@gmail.com</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue