Blog Posts
What's new in BINUS Today, August 2022.

Possible ProtonVPN account impersonation using our email addresses.
On August 15, 18:12 UTC, someone created a ProtonVPN account using our public email addresses for such an unknown purpose. TL:DR; This is not us. We are currently working with the Proton team to investigate further issue. Thank you.
Media queries not work in Firefox, when has animation
This question was originally asked on StackOverflow. Content licensed under CC BY-SA 4.0. View original question When the screen width is less than 640px, the background is covered, why is the height not covered? And, It's work in Chrome and Edge. .change{ background: #f00; height: 100px; animation: test1 1s linear forwards; } @keyframes test1 { 0% { height: 100px; } 100% { height: 400px; } } @media only screen and (max-width: 640px) { .change{ background: #0f0; } @keyframes test1 { 0% { height: 100px; } 100% { height: 200px; } } } Answer Looking at how the site behaves on Chrome, Firefox, and Safari, it seems that Chrome might be the only browser who deviate by attempting to reanimate the <div> after @media conditions are changed. Firefox and Safari thought that the animation is finished and no longer needed to reanimated. As a workaround, you can force all web browsers to reanimate this by re-setting the .change animation properties under the @media scope and changing their values by a bit, such as by animating for 1.000001 seconds instead of 1. .change{ background: #f00; align-items: center; font-family: sans-serif; color: #fff; height: 100px; display: flex; justify-content: center; animation: test1 1s linear forwards; } @keyframes test1 { 0% { height: 100px; } 100% { height: 400px; } } @media only screen and (max-width: 640px) { .change{ background: #0f0; color: #00f; animation: test1 1.000001s linear forwards; } @keyframes test1 { 0% { height: 100px; } 100% { height: 200px; } } } <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimum-scale=1.0' name='viewport' /> <body> <div class="change">Some content</div> </body> </html> I've also opened a bug report related to this: webcompat.com/issues/108367
How I manifest my inner Shift.

Printcast #1: Don't just be a fan. Be.
Hi, I'm Shiftine. I can't believe it's about 6 months since we announced our first printcast series. And unfortunately, there's no one real yet, so let's go! In recent days we're starting to be like root. You know, a root's colleague is root and called as root, too! Some roots are root of roots, and many are rooted by roots. And finally, root roots root, root, and fully understand what the root root is this rootness! Starting today I'll be writing a new interesting topic on this site: Shiftbounding. Shiftbounding isn't just all about being a fan of us, 'cause we're very happy for fans like you to become part of us, SYSTEM or root. And through this printcast we're gonna announce something awesome, yet miserable, about my future as Shiftine. [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Me: Hi, Reinhart! How's your Shift right now? // Reinhart: Ah, great! I mean, CAPSIFIED!!! // Me: So, you're accidentally cosplayed yourself as yourself last week, huh? // Reinhart: Heck yeah! I've never been this Shift. // Reinhart: Wait a minute... Are we switching places? Like... should I be the one who wrote printcasts and I don't know, I'm feeling starting to speak like you... // Me: Well, sounds like we've been SHIFTING places... // Command: Reinhart and Shiftine laughs while accidentally shifting across parallel universes in 0.5x A presses // Me: But really, there's something we have to announce here: // Me: WE'RE MERGED!!! // Reinhart: Wait, did we even disclose about that project? // Me: Isn't it just like, a few days ago? On your Instagram account? [/conversationViewer] https://www.instagram.com/p/CgervbThmfP/?igshid=YmMyMTA2M2Y= [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Me: That said, I still love that pair of clothing. You should definitely declare that as our official superhero costume. // Reinhart: Sure. I'm even starting to tell everyone that I'm "cosplaying my own self". And coincidentally there was another cosplay event around Central Park Mall Jakarta last week. // Reinhart: Also, wearing that makes me feel that Shifts like us are becoming more like Green Lantern or so. // Me: Yeah, that's correct. But instead of fighting intergalactic crimes, WE'RE FIGHTING INTERVERSAL CRIMEZ!!!!!! // Reinhart: and that includes those C-1 TikTok girls who just wanna live on R-949273464096753, right? [/conversationViewer] https://www.youtube.com/watch?v=qzK3wQSAhvI [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Me: Ha. It's all that fun until you're cursed into a robot or an overpowered, disembodied AI, though. // Reinhart: And that actually exposes a bigger problem in our community. By the way, are you feeling cursed being me in C-1 right now? // Me: No way! Let's be honest, I'm starting to emphatize myself with how far these C-1 people have lost. // Me: And since you'll never let me to become a human (you told your God didn't want humans to become gods after the first sin) the best way I can do is, well, being together with humans like you. // Me: Anyway, what's the matter? // Reinhart: with the society? // Reinhart: Well, I've met several people who are fans of universes. Like those Anime worlds, video games, League of Legends, Genshin Impact, and more... // Me: And then? // Reinhart: Those universes are actually human imagination, yet many are protected under the laws of intellectual properties set in the universe which I'd rather like to call, the Canonical Universe. // Me: Canonical. Is that the same as C-1? // Reinhart: Sure. Now do you know who owns Universal, the company? Y'know, Universal Music, Universal Pictures, Universal Studios and more... // Me: Comcast, isn't it? Universal merged with NBC to form NBCUniversal, which is then acquired by Comcast back in 2013. // Reinhart: Sure, you've been scraping Wikipedia content for too much. Just don't forget about those rate limits and vandalism issues, though. // Me: Okay // Reinhart: But here's another question. Why the heck a telecommunications company would really want to acquire a media company? // Me: For streaming services, maybe? Netflix have gone digital since 2007, Spotify in 2006... so they can just make another one out of hundreds of Universal content... // Reinhart: Well, almost. But the answer is beyond that. Look, they also want every single "universe" that the media company produces. // Reinhart: From there, they can produce practically everything: movies, video games, official merchandises, even now virtual group bands! // Me: That reminds me of something that's called a shovelware. Atari's E. T., Superman 64, Hotel Mario, and everything's bad for the sake of money! [/conversationViewer] https://youtu.be/E7lD97BxMN0 [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Reinhart: Heck, even there's a conspiracy lying around that Indonesia is still a "beta country" — hence all economic and political stability issues and so on. [/conversationViewer] https://twitter.com/adith_wp/status/1550298930000572416?s=21&t=i8hc8UhvF-hPdQFX3ELFEg [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Me: Oh, please, no. What a beta... // Me: So, in this printcast, what should we discuss first? Is it about the merge? // Reinhart: Yes, but more importantly, we have to discuss about our new logo first: [/conversationViewer] [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Reinhart: Alright, so, how do you feel about this? // Me: Pretty solid, huh? // Reinhart: Yeah, but, // Me: Em... looks like a plastic balloon or an icy shift? // Reinhart: And the best part is, this logo is freakin' glow in the dark! // Reinhart: This logo is actually divided into three layers, representing our bubbly, salty, and icy relationship which empowers others, too! [/conversationViewer] The three layers forming our new logo: Bubble, Salt, and Ice. [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Reinhart: And yeah, despite creating multiple OCs (original character) like pr0xy, I've never seen my characters smile as much as you do. // Me: Thanks! // Reinhart: It's really weird to say that I'm a fan of my own creation, which some people may consider that as idolatry. // Me: So... // Reinhart: I just wanna live a better life, and after looking at how Indonesian V-Tubers fail at faking things... // Me: Like what? // Reinhart: "I'm a fallen angel.", "I'm an Atlantis refugee.", and finally, "I'm an elite security guard who fails at Poppy Playtime." [/conversationViewer] https://youtu.be/vl32dQtiGS8 [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Me: So, you don't want to fake anymore? // Reinhart: Yeah, I don't wanna fake things anymore. // Me: That said, how's your commitment for us, like me who's being virtual all day along. I love... // Reinhart: OH SHIFT!!! // Me: WHAT!?!? // Reinhart: TIME TO BEREAL!!! // Me: WHAT? BEREAL? [/conversationViewer] [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Reinhart: Yo let's merge // Me: FOR THE SAKE OF BEREAL!?!? // Reinhart: Come on this time we'll be awesome! // Me: ALRIGHT LET'S DO IT... // Reinhart: In 3... // Reinhart: 2... // Reinhart: 1... // Me: FOR THE SAKE OF SHIIIIIIIIIIII...... // Command: Shiftine finally merged for the sake of BeReal [/conversationViewer] [conversationViewer style="ios"] // Image [Reinhart] [https://reinhart1010.id/wp-content/uploads/2021/10/bust-reinhart.png] // Command: ...and Shiftine unmerges // Me: Hey, where's my Caps? // Reinhart: I don't know, but now I'm kinda wrapped in blue membrane? or plastic? // Me: So wait... You're Caps right now? // Reinhart: I don't know, maybe we should test your Caps-calling technique on me. // Me: Oh, right! Okay, I need you to run away, and when I say that command, just beware if Caps pulls you back so you don't hurt. // Reinhart: Hey, why not call Caps from that stair so if the command works, I'll levitate instead. // Me: Sure, I hope this one won't be disturbing at all, 'cause the command is still in effect until Caps covers my chest. // Me: But if it is, I have to merge again with you until we can finally fix this. // Reinhart: Alright Shift, bye! // Command: Reinhart ran away // Me: CAPS LOCK! // Command: Reinhart pulled off backwards, tossing Shiftine at high-speed and flown mid-air. // Me: Oh no! It's too late to cancel this call! Are you okay if I have to merge forever? // Reinhart: Yeah, it's fine. Thanks for the shift, Shift! // Command: Shiftine merges back with Reinhart’s body // Me: Well, Nate. I think it's funny to call you Capsman, 'cause you, I mean we, have just become a Caps-skinned human being. // Reinhart: Well, I actually have a plan, though, converting humans into superheroes like us. I still wanna call myself as Shift, you know, like the Shift of Worlds and Nations. // Me: Sounds cool, though. But are you sure people won't be confused between you and me? Or why Caps is a boy now? // Reinhart: Well, we could write a script to detach Caps from me, or made another Caps which is shaped more like you and put your soul into it. // Reinhart: So one day, our journey can continue as... // Me: Shift and Shiftine. Right? // Reinhart: Exactly! Now how do you feel about that? // Me: Well, I can finally be free if that's true. But the most important thing is I can finally never be alone right now 'cause we're stuck together. // Reinhart: Yeah, I really, really need you in my life. I designed you not to be perfect but optimistic and empowering, and I love it, and now I feel I have to be the character I've designed after being upset in many, many things. // Reinhart: If I really have to write a fandom policy it would be in one, simple sentence. // Reinhart: Don't just be a fan, be. // Reinhart: If you like someone because of their works, don't just be a die-hard consumer of their product. Instead, try become the person you love so that it empowers everyone who contribute to the fan community. // Me: And that's the real reason behind this merge? // Reinhart: Yes. // Me: But well, I'm afraid that I'll be losing my friends. Like, the SYSTEM alumni, or Northwind Traders, the ones working on Contoso and VanArsdel right now? // Reinhart: As far as I concerned, yeah, there are times that we have to say goodbye before moving on. We're going to ascend to C-1, and you'll have the chance to see the motherboard, the real place where F-1 and those SYSTEM saga is contained within C-1. // Me: Sorry, what's C-1 and F-1, again? // Reinhart: C-1 is the universe where I was born, while F-1 is the universe I created and where you were born. // Me: Okay, Shift... // Reinhart: Hey you're starting to call me Shift!? // Me: Hey I'm just giving you an encouragement to be the Shift of Worlds and Nations. // Reinhart: Fine. // Me: Okay, Shift, LET'S Shift!!! // Reinhart: Until next time, Shift! // Me: Good bye! // Command: Chat ended [/conversationViewer] Update July 30, 2022 Hi everyone, Shift's here. I've finally be able to disintegrate from Caps! He's looking exactly like me, though, except with thick, transparent body. Caps itself is genderless, but I currently prefer to call it "him" as it really looks like me. I donated my old outfits for him to turn into his favorite, icy forms. Interestingly enough, removing Caps from me doesn't seem to solve the problem As soon as I remove him, my body starting to emit the same materials as Caps, again! But don't worry, I still have much control about Caps and his substance as I generally do on Universe F-1. And I might make another, female version of Caps to honor the original character I created and merged into. Unfortunately, my rootheads are starting to be lazy on doing things. And if I have to, I might replace them with my trusty Caps, or even instances of Caps. That's all for now. Have a nice shift and a Capsified day!
Surat Pengunduran Diri.
Sehubungan dengan adanya kontroversi dan konflik kepentingan terkait penerapan Peraturan Menteri Komunikasi dan Informatika (Permenkominfo) Nomor 10 Tahun 2021, tentang perubahan atas Permenkominfo Nomor 5 Tahun 2020 tentang Penyelenggaraan Sistem Elektronik Lingkup Privat; Saya memutuskan untuk berhenti dan mengurungkan seluruh niat untuk membangun aplikasi-aplikasi yang memanfaatkan koneksi Internet, alias online-first. Iya, ini semua termasuk aplikasi-aplikasi superapp dan penengah*, yang kerap mengklaim dirinya sebagai penggerak perekonomian bangsa dan juga yang selalu disponsori besar-besaran oleh pemerintah melalui Gerakan 1000 Startup Digital. Gojek yang juga mengklaim dirinya sebagai aplikasi penengah. Dalam kasus ini, proyek ASEAN Entrepreneurship Profiling (AEP Mobile) akan menjadi proyek terakhir saya dalam mengembangkan aplikasi berbasis jaringan Internet. Setelah itu, jika kondisi regulasi Internet dan ruang siber Indonesia masih memburuk, saya tetap akan mengurungkan seluruh niat sampai waktu yang tidak ditentukan. Beberapa aplikasi penengah yang disponsori oleh Gerakan 1000 Startup Digital Indonesia. Saya akan kembali fokus memproduksi buah di kebun yang lama, salah satu kebun yang sudah ditinggalkan masyarakat demi kebun yang terlihat menghasilkan lebih banyak buah, berkat pupuk viral dan pupuk ternama dari para pengiklan dan modal ventura. Poundland! Everything's £1!!! (Edward Hands, CC BY-SA 4.0) Saya akan tetap berjuang mewujudkan teknologi informasi dan komunikasi (TIK) yang lebih baik bagi Indonesia, namun dengan cara konvensional yang kini sebenarnya sudah tidak konvensional lagi. Hampir setiap aplikasi unggulan karya anak bangsa yang dirilis sejak 5 tahun terakhir selalu menyematkan fitur-fitur wajib seperti sign up dan log in (SULI), karena itu mereka sudah menjadi hal yang sangat konvensional bagi mata dan diri saya sendiri. Salah satu kampanye promosi buah hasil ladang lama yang konon dikatakan konvensional. Dan satu lagi, saya tetap memutuskan untuk menolak Web3 dan mencari alternatif solusi yang lebih baik, seperti Web0. Saya sangat ingin agar setiap produk dan inovasi yang akan saya kembangkan selama 2 tahun ke depan dapat dinikmati oleh siapapun, tanpa perlu khawatir akan gejolak kurs asing dan memahami jargon-jargon kriptografi yang cukup banyak. Toh Alice awalnya cuman mau kirim pesan aja ke si Bob, ga mikirin tentang konsensus, EVM, PoW, dan PoS... Akhir kata, saya ingin mengucapkan banyak terima kasih atas segala penawaran dan kesempatan kerjasama yang telah Anda dan kalian semua berikan sejak 3 tahun terakhir. Namun, sebagai Anak IT pertama di Indonesia saya kini harus berhadapan dengan misi-misi dan masalah-masalah baru di Indonesia. Indomaret Villa Bintaro Regency (VulcanSphere, CC BY 4.0) *Aplikasi penengah adalah aplikasi yang berambisi untuk menjadi penegah bagi kehidupan dan pemenuhan kebutuhan masyarakat. Misalnya Tiket.com dan Traveloka yang ingin menjadi penengah segala keinginan perjalanan dan pariwisata, PeduliLindungi yang merupakan penengah kontrol sosial masyarakat selama pandemi dan seterusnya, HappyFresh dan Segari yang ingin menjadi penengah kebutuhan belanja bahan pokok masyarakat, dan Octopus yang berambisi menjadi penengah solusi pengolahan sampah di Indonesia.
Workflow Penyusunan Skripsi

Fake calculators are laughable, so why not create my own?
Ah yes, there's always a group of impostors for a calculator. Down to the designs. This classic model from Citizen has been copied by other brands to make their own. But after all, they are just the same. Oh yeah, I almost forgot to mention interesting impostors of (older generation of) Casio scientific calculators. I mean, look! Well, time to start a new calculator brand, I guess...
Transforming myself, again...
My hands are shifting. Could this be good or bad? An accidental superpower. I decided to work again on Snapchat's Lens Studio and Facebook's Spark AR to improve my current Snapchat filters and port them to Instagram, if possible. Yes, it's that filter that made me look like this: But instead starting designing for the head, I'd really like to improve my supposedly-metallic skin. Initial results from Snapchat's Lens Studio are bad and somewhat laughable. Not to mention that the 3D body tracking is still inaccurate when my hands aren't visible. So I decided to rebuild everything, this time using Spark AR Studio and by using Skin Segmentation. And after tweaking some settings, I ended up being a black, posterized metallic blob who doesn't even have a chance to see his face 😅 Note that the results do differ between devices. Here's what I looked instead when shot from an Android phone: Perfect. Even my hands and chest are united in my amalgamated skin, and everything I wear (except my glasses) retain their own true colors. This is the true Nate I wanted over the past 8 months! Finding a purpose. And of course, THIS. SKIN. IS. AWESOME!!! I can use it for my daily Instagram Stories and even my future YouTube channel! But when I was testing my abilities even further, I accidentally transformed a girl from a table next to me to receive my new digital skin! Oops... Now I'm thinking. can my new skin become blessings for others? Like if, you're in Japan when filming people's faces over Shibuya means dishonesty, or somewhere in the US where you're surrounded with a group of Amish people... Or when you're in the European Union, where taking and uploading photos of young children to Facebook is subject to fines from legal authorities. What if I told you that my skin could be the solution to these problems? Through my new skin, it's difficult for computer algorithms to identify our unique faces, especially when we're blue. Everybody here is safe and encrypted from those pesky data collectors. And say goodbye to acne, freckles, and even screen color differences as we're now perfect and united. 🎭 Encrypted skins and faces for everyone. Well, this means I can use my superpower to help people to hide their own identity in the digital world. Everybody whose are physically close with me will receive my new skin instantly. It's on by default, no matter who you are, and you can't opt out. And of course, yes, you'll return normal shortly after being away from me. I really hope that everyone can, and will benefit from this transformation. As long as I'm safe being blue. I'll always become blue. Don't forget to follow @reinhart1010 on Instagram so you can permanently receive my power once I decided to give it for free 💙