My Website is More Responsive Than Yours

The next DogeHouse website is now useable on your phone and tablet!
next.dogehouse.tv/
dogehouse.tv/
github.com/benawad/dogehouse
#benawad #dogehouse #dogelog ​
​
----
Follow me online: voidpet.com/benawad
#benawad

[@Adamreir]

Business people: "How do you protect your product from being copied?" Ben: "Eeeeh. Did I mention that I talk about the whole production process on KZbin?"

[@abhishekjn3390]

Open source

[@zekiz774]

It's open source.

[@subliminalcastillo2126]

Open Source is putting all learners & contributors first, before your own personal interests & finances. It is recognizing that this is bigger than you, and that you have the potential to spark a chain reaction in all those who come after you.

[@Adamreir]

It's a joke, in reply to 4:45. I guess a whoosh is on order :)

[@subliminalcastillo2126]

@@Adamreir Even though what Ben said in his video was passed off as a joking manner, it still is 100% factual that leaving your source code open does open the door for people to steal it, as well as learn how to infiltrate that system.

[@sixty502]

My current headcannon is that the tie possesses Ben into a serious businessman when he puts it on.

[@allesarfint]

Maybe the tie is the real Ben and the body sometimes gains consciousness and starts programming.

[@thatonegoblin7051]

s h a p e s n a t c h

[@Geert2682]

Ben is just a vessel the tie uses to return to its true master. It wants to be acquired.

[@alessandroscarcia6231]

Just like Elliot Alderson with his father's mr.robot jacket

[@jewcecookie8595]

I'm introverted, which means my website responds just as much as me.

[@laurinneff4304]

I'm introverted as well, but my site is responsive. Am I not introverted after all?

[@jewcecookie8595]

@@laurinneff4304 no you are not, maybe you are imagining things. Your websites are the only indicator for being introverted

[@toxaq]

@@jewcecookie8595 a real introvert wouldn’t have replied. You’re too responsive

[@enderduck4253]

You mean that when people use your site it responds super fast but doesn't know what to say and stutters a lot

[@victortsenov6355]

The fact that Ben also sometimes spends hours on a CSS bug , really makes me feel better.

[@neuron8186]

It takes lot of creative thinking *proceeds to show Twitter ui/ux design 😂😂

[@ThePC007]

Yeah, the previous design was so much better. When they first introduced it I thought I had landed on some mobile version or something, lol.

[@neuron8186]

@@ThePC007 yes I agree

[@watermelon1905]

ikrrr😭😂😂😂

[@calimio6]

That "not so CSS" fix hurts my front-end feelings so bad!

[@Zirnz]

hahaha same

[@jp0678]

What would be a good CSS fix something like that? I remember wrestling with something similar back then and ended up just portal-ing it on the top/somewhere higher on the hierarchy.

[@calimio6]

@@jp0678 better html markup. CSS is powerful but it is only as effective as the markup it is applied on.

[@jp0678]

@@calimio6 That makes sense, thanks for the tip.

[@dave_maynard]

Agreed, especially from an accessibility perspective!

[@gregclarkreasons]

Lol loved the callback to your other video. "It's not copying, we changed the shade" Also, you have balls of silicon for monologuing your plans for the whole internet to hear. Good on ya sir! Beep boop.

[@nazarm6215]

The product is open source so anyone can drop in and just copy the implementation .

[@simplysmart5009]

It’s harder to be last than first.

[@cobbcoding]

@@TheBlackManMythLegend you ok bro?

[@twoleggedcat_cs2]

no

[@goodname4514]

Everyone's the last person for an amount of time. Only one person was ever first.

[@kattihatt]

@@cobbcoding why u hatin? I think he was spot on.

[@cyberneticscore41]

@@TheBlackManMythLegend the context is harder, not impossible

[@LofiWurld]

When css misbehave, bring out the JS belt

[@krishnaramasimha]

What is Dogehouse? "It is a billion dollar unicorn company that is going to the moon" ~Ben Awad, CEO and Founder of Dogehouse Edit: Thanks for 500 likes!

[@coscorrodrift]

"It is a billion dollar unicorn company that is going... to the moon 🚀"

[@vaisakhkm783]

* 2 years later on a television interview

[@Lars-ce4rd]

I'll get some stocks pls 💲💲💲

[@erick_la]

straight to the moon 🚀🌑

[@austinfay6287]

I love how clicking on the terms of service or the privacy policy gets you Rick-rolled

[@TheSocialDeveloper]

This is going to take ASMR to another level

[@AbhishekBM]

*to the moon

[@2railnation]

@@AbhishekBM I know right? Its like he's not even paying attention. 😏

[@notionpicture]

"You can literally see the places where I copy pasted over the... oh sorry, I misspoke there" ~ Ben Award, CEO of Dogehouse.

[@kyleleblancvlogs3820]

I haven't figured out yet if you're still memeing or if you're actually creating it as a company.

[@ZgavY]

He's not memeing

[@MaxGuides]

Yes.

[@thatlinuxguy9902]

Memeing

[@2railnation]

That depends if Elon shows up or not.

[@Cognitoman]

I can’t believe how much this channel has grown I subbed when you had like 5k followers or something. I feel like that was maybe only 2 years ago or something

[@thomasforbes784]

about the tik tok idea I think if you made it possible for people to control it with media controls like pause is like, skip is next, etc so they could use it without having the phone or tab open.

[@HansNiemann762]

Now that's a billion dollar idea

[@jefmasereel4956]

This could really make a massive difference in UX, curious how well the audio learning will work out based on only those inputs though. Would be epic to have other user-specified parameters based on activity, eg. studying, training, relaxing... or more generalized tags.

[@darkmift]

Such style,so responsive,much color.wow.

[@uzixx]

Have you thought about using css Grid template areas and switch the layouts around with media queries, IMO it would make it much cleaner than having those "screenType === '2-cols'" checks?

[@asdf3568]

I thought that was a joke.

[@rodrigobarbosaanselmo6898]

I am kind of new to this, but if he does what you said, the components ( rightPanel, leftPanel, tabletPanel, ....) will be mounted and will be displayed inside the Dom tree even do it is not display in the screen, so it will not be the better way of doing, because even in the phone all this components will be mounted, but not used at all, making its used just to slow down the aplication.

[@cuberton]

could you add a suggestions button somewhere so we can give you ideas for the website. I already have a few here: Add the feature to schedule rooms and view past rooms, so basically rooms would be recorded and the owner of the room would have the option to save it, private it or delete it after its original live broadcasting. It would take alot of cloud space but would ultimately be better in the long run... Also this one would be a cool fun feature but maybe have a leveling system where you get a specific title after receiving a certain amount of points, for example: points would be gained through room viewership, followers and i guess rooms likes(if that ever becomes a thing) and with these points you get a small title under your profile or username that says something like: Doge, Dogeminer, Super Doge, Novice Doge. and you could select which title you would want to use. Here is what i think the specifics should be: 1 repeat view ( this only happens when the same user views a room only a second time) = 1 dogecoin 1 unique view ( first time a room is viewed by a user) = 2 dogecoin 1 like ( if ever added) = 5 dogecoin 1 follower = 20 dogecoin Examples of titles: Requirements ||| Title New user - Newborn Doge 100 dogecoins - Novice Doge 1000 dogecoins - Dogekid 2000 dogecoins - Apprentice Doge 5000 dogecoins - Dodgy Doge 10000 dogecoins - Intermidiate Doge 20000 dogecoins - Yas i am da doggy 50000 dogecoins - Full-Fledged Doge 100k dogecoins - Much Wow 500k dogecoins - Duke of the Moon 1 mil dogecoins - Royal Shiba 10 mil dogecoins - Sir Dogegington 1st (or Madam Dogegington 1st)

[@AwesomeTingle]

i woke up this morning, turned on this video, and fell back asleep and had the strangest dreams about dogehouse

[@jefmasereel4956]

Love the audio idea, especially if the UI could include a mood or activity parameter. That could open up the use of that platform waaay beyond one specific entertainment function, although it's definitely a feature that can be added to the learning platform later on. Thomas Forbes' comment about using the media interface buttons for liking and skipping etc could work really well for more instant adjustments.

[@balla7t]

uh yeah, this is probably my favorite start up/open source project right now

[@pavlepadjin9264]

DogeHouse is amazing! One idea I can recommend is maybe adding some tags to the voice rooms. It makes it more likely for someone to enter if they know what is the general topic of the room. Keep up the great work!

[@ozzyfromspace]

I'm surprised that I actually understood your css bug & solution, and fundamentally, it was probably an html markup issue first and foremost. Awesome video Ben, I'm legit learning a ton from you!

[@spicybaguette7706]

The average native app fan Vs the chad responsive website enjoyer

[@nathanrey]

I am pretty proud of my mention regarding an algorithm in the last contributor meeting now.

[@a19905]

The business trip is going to be really productive and much needed

[@amazinbartman]

I bet his milkshake brings all the boys to the yard.

[@nativetube]

lol

[@gourabpaul3560]

I was watching your react course recently. I really liked your previous course and was wondering if you could do an updated version since there's lot of new stuff to go through.

[@patrickren7395]

Nice tie, you get inspiration from twitter, I get inspiration from you. Now I'm building a japanese learning website thanks for you

[@SpencerDavis2000]

good luck man have fun in Vegas looks like a great project

[@davetube75]

Ben I love this! hahaha ... Can you please also consider stand up comedy! Too funny!

[@martinmecir2548]

Have you tried setting the wrapper div of drop-down to position relative? That should help and z-index should work just right

[@neil224]

I was the 1000th like lol. So hyped for dogehouse!

[@JaimeGuajardo]

Quality content. I love how serious you are about it while memeing hard hahahaha If your incubator pitch doesn't go as "wow" as you'd like, an ICO would be fun. Add some NFTs which are memeing right now and dogehouse will be 🚀

[@theawesomegamer123]

that dogehouse feed idea sounds pretty decent actually

[@DollyOmegaX]

When you have strings that you switch on for different functionality, use an object with those strings as keys and functions as values. Don't use if statements or switches. Mapping things is waaay underrated. Also, use styled-components with media queries in them. I want to see you prevail! Also, I love the T-Shirt + Tie Combo! Stellar!

[@Evoleo]

I responded to this video thumbnail faster than any benchmark

[@divyangjain5334]

That Tie! Deal breaker

[@cloudietech5825]

Hey Ben, you’re an inspiration to us tech youtubers!

[@patcodingcodester9781]

Dude always great content, but this is on a whole knew level of advice & guidance that people never see because, even if you manage accomplish starting a unicorn, no one else would ever something like this. Congrats with everything!

[@deepspacejockey]

For the dropdown overlap issue, for z-index to work, you need a position attribute on the element. Adding `position: inherit` or `position: relative` might fix the issue without the need for a fanciful solution.

[@gabimoncha]

Tiktok feed audio version is the best pivot for this open source project. So much open engineering knowledge! ❤️

[@CodeDisease]

ohh wow i like your hair!! looks very neat...

[@evgenylevchenya8734]

Had the same problem with sticky header ones. Fixed it with "transform: translate(0)". It can be any transform prop

[@codingwithdidem]

Can't watch a Ben video without bursting into laughter anymore :D

[@abrahamterfie8802]

this is a straight-up a comedy show

[@masi5983]

very confident title for a video

[@michalvarys2947]

ahaha the portal killed me :D

[@hamzaifleh1905]

Dogehouse feed sounds fire.

[@garyadamos]

This could be so huge. Like a semi-live podcast type app where I can pop in some headphones and do random tasks while listening to people talk. And a Tiktok Algorithmic feed really changes the game, makes it more addicitive.

[@jadsdoeslights]

If you do algorithmic recommendations, how will you classify stuff? You could go with tags, but nobody likes them and it'd just become a fight against the algorithm to see who can come up with the best tags. An alternative could be speech-to-text & keyword detection, but that'd be very intense for your cloud instances

[@MaxPrehl]

Probably just classify users into groups based on similar subscriptions, then recommend similar users' subs to those who aren't subbed yet.

[@KevinVandyTech]

Bet you were just missing "position: relative" for that z-index issue. Z-index only works when you manually specify position on all related elements.

[@boomer5015]

That z-index issue is a positioning issue from memory. U can never beat the stack unless the positioning at the root target elements is right. Although I don't know if sticky beats relative. Static loses even if node is after ( I think). Absolute drop downs need the ultimate parent to be relative.

[@inasuma8180]

ben awad discovering layering context in CSS lmao

[@adityachawla2163]

I have played around with screen size adaptivity quite a bit and I have been unable to fit SSR into this. You don't know the screen size when the browser makes a request, you just know the user agent. How do you decide the screen size for which you render while rendering on server side?

[@spungeemcwipey]

Hey, who creates your designs or is that you? I heard you say something about Figma so was just curious.

[@HaaniJaber]

Could you give an update of the current technologies/stack on these dogehouse state of the union addresses? I see React/typescript/Nextjs/PostgreSQL/react-query

[@stanleythehandsome5402]

Hi Ben! I have a question for You. How can you possibly think of yourself as a competent developer while you don't have any fancy vscode color theme installed along with a weird font?

[@cameron6464]

I'm in love with your face, I just enjoy looking at it so much.

[@darkmift]

I bet there's a few css talents here who would love to contribute to your site.

[@bitehunter122]

Ooh. Ben Awad is cute! He’s got drag Queen eyebrows doh. Just subscribed to him. Yum.

[@ChristophLautlos]

man. this is so good! thank you! :D

[@wesleychaffin4029]

If you can actually algorithmically suggest good audio within the first few seconds of the user landing on the app you’ll kill clubhouse for sure but it sounds incredibly difficult to have that type of content live 24/7. Good luck!!

[@soykike1991]

funny to hear all of your css problems, are exactly the things I constantly fight while testing on non chromium browsers (looking at you andgrily Safari!) until I get mad and just redo the whole html template from scratch, and somehow it just works

[@f1shyv1shy35]

Me who doesn’t have a website:

[@Mopark25]

Z-index problems drove me fucking nuts as well. It's a bit to get your head around why it sometimes doesn't work. I might have to try that portal technique

[@someonehere4380]

i might have to become a backend guy

[@OperationsAndSmoothProductions]

Hey Ben, you forgot your shirt m8. You must be working hard ! ! !

[@Neutrosider]

You use chakra-ui already. It has a -component. No need to call "createPortal" by hand. Or is a reason for using createPortal over the component?

[@MaxGuides]

Also, skinny screens with a mouse vs being usable on a touchscreen tablet. The users you care about the most are going to be using high-resolution 4k/5k displays. If you want investors it has to look good at those resolutions as well. The left column has a lot of empty space for new users...maybe add a prompt for like how to add people. Most places I click do nothing. Looks good does not feel good.

[@skunkworks92]

Can you share what microphone you have? Sounds spicy

[@bmejia220]

Respect Ben thats a solid presentation

[@divyangjain5334]

Meme in every grain!!! Nice doge doge

[@burningapparatus5211]

The title is me when i centre a div

[@BunnyDevv]

when a backend dev center their first div 😎

[@jewcecookie8595]

Me when I used my first media query

[@sunbrojedi1954]

The amount of new people after this video was insane. I got to flex that you follow me.

[@nicklandreth2527]

I really appreciate your content. I am in a rut and it is a great bridge between games and actually doing something.

[@LiveOverflow]

where can I invest?

[@milanthakkar9493]

his patreon xd

[@mudandmoss4132]

yo that tiktok audio sounds dope when I'm on a bike ride

[@bigtexasgaming]

Your TikTok Audio idea would probably win most accessible app of the decade.

[@ognjenpingvin]

I love these DogeLogs

[@SachinDolta]

This is what I call innovation.

[@panteliselef239]

Are you using TailwindCSS on the frontend ? How is the experience ?

[@cobbcoding]

"business trip to las vegas" yeah, sure...

[@MarzooqAHQ]

make the tiktok swiping function similar to how tiktok shows lives on your fyp for dogehouse, this means that people can swipe through rooms and listen in for a set time before making an actual entrance in the room

[@tunyaa]

dat wink doe

[@bariendexterelgar4312]

Ok, now he just flexing his programming skills to us.

[@Nurof3n_]

Holup, it took me this long to realize he’s actually serious about this 😆

[@mikethiem3628]

Dude me too lmfao. I went from being like "man, Gen Z has a really sensitive ear for sarcasm" to being like "oh shit please build this faster I would actually use this app"

[@Depleted-Uranium]

Makes sense, I don’t have a website

[@gregory_wainer]

He finally admitted it was a joke. The relief is immense.

[@quintencabo]

You should remove the avatar circle thing in the upper right corner in collum 2 and only show it when there is only 1 collum

[@shreksthongg]

I'm glad that I'm not the only one that wrestles with css for hours before finding the least elegant solution that barely works haha

[@natancieplinski4377]

Honestly since the room search is a nightmare on CB, the algorithmic feed could be the real game changer

[@WTHBrou]

correct me if I'm wrong, so it is far more efficient to create specific components for each view size than CSS media query on its own in a single component? In othe words, make react do its react work, op.

[@kaprikornz]

There aren't many comedy channels like this one out there

[@ravense8337]

Ben, have you considered live streaming again or are you too busy/uninterested for it at the moment?

[@destroyonload3444]

ahhh good ole CSS: Conflictive Styling Sheet

[@medipakpagare]

4:00 if you do display relative then the element will show up from sticky/fixed element.

[@theunblunt]

He is like a stand-up comedian in the tech community.

[@brianevans4]

Open sourcing the codebase and doing a vlog series is a great way to build a moat

[@prajwalgaikwad10]

Taking voice conversation to the moon. Ben: Umm what to mention first **A few seconds later** ☑ Dark theme. 😂👏🚀

[@Lars-ce4rd]

Shut up and take my money 💲

[@feyg0]

😂😂