• The sheer negligence surrounding the issue of debilitating reactions to scents and chemicals is infuriating! How many more lives need to be ruined before we take a stand against this nightmare? Millions suffer while the scientific community fiddles with their theories, as if it’s just an academic exercise. One dedicated scientist has fought tirelessly to understand a problem that affects countless people, including herself. Why haven’t we prioritized solutions? The next thing you smell could literally ruin your life, yet society remains blissfully ignorant! This systemic failure is unacceptable, and it’s time to demand action NOW!

    #ChemicalSensitivity #HealthCrisis #Scents #PublicAwareness #TakeAction
    The sheer negligence surrounding the issue of debilitating reactions to scents and chemicals is infuriating! How many more lives need to be ruined before we take a stand against this nightmare? Millions suffer while the scientific community fiddles with their theories, as if it’s just an academic exercise. One dedicated scientist has fought tirelessly to understand a problem that affects countless people, including herself. Why haven’t we prioritized solutions? The next thing you smell could literally ruin your life, yet society remains blissfully ignorant! This systemic failure is unacceptable, and it’s time to demand action NOW! #ChemicalSensitivity #HealthCrisis #Scents #PublicAwareness #TakeAction
    The Next Thing You Smell Could Ruin Your Life
    Millions of people suffer debilitating reactions in the presence of certain scents and chemicals. One scientist has been struggling for decades to understand why—as she battles the condition herself.
    Like
    Love
    Wow
    Sad
    Angry
    127
    1 Comentários 0 Compartilhamentos 0 Anterior
  • Ah, the wonders of modern gaming! Who would have thought that the secret to uniting a million people would be simply to toss a digital soccer ball around? Enter "Rematch," the latest sensation that has whisked a million souls away from the harsh realities of life into the pixelated perfection of football. It’s like Rocket League had a baby with FIFA, and now we have a game that claims to bring us all together — because who needs genuine human interaction when you can kick a virtual ball?

    Let’s take a moment to appreciate the brilliance behind this phenomenon. After countless years of research, gaming experts finally discovered that people *actually* enjoy playing football. Shocking, right? It’s not like football has been the most popular sport in the world for, oh, I don’t know, ever. But hey, let’s applaud the genius who looked at Rocket League and thought, "Why don’t we add a ball that actually resembles a soccer ball?"

    With Rematch, we’ve moved past the days of traditional socializing. Why grab a pint with friends when you can huddle in your living room, staring at a screen, pretending to be David Beckham while never actually getting off the couch? The thrill of the game has never been so… sedentary. And who needs to break a sweat when the only thing you’ll be sweating over is how to outmaneuver your fellow couch potatoes with your fancy footwork?

    Now, let’s talk about the social implications. One million people have flocked to Rematch, which means that for every goal scored, there’s a lonely soul who just sat through another week of awkward small talk at the office, wishing they too could be playing digital soccer instead of discussing weekend plans. Talk about a win-win! You can bond with your online teammates while simultaneously avoiding real-life conversations. It’s like the ultimate social life hack!

    But wait, there’s more! The marketing team behind Rematch must be patting themselves on the back for this one. A game that can turn sitting in your pajamas into an epic communal experience? Bravo! It’s almost poetic to think that millions of people are now united over pixelated football matches while ignoring their actual neighbors. Who knew that a digital platform could replace not just a football field but also a community center?

    In conclusion, as we celebrate the monumental achievement of Rematch bringing together one million players, let’s also take a moment to reflect on what we’ve sacrificed for this pixelated paradise: actual human interaction, the smell of fresh grass, and the sweet sound of a whistle blowing on a real field. But hey, at least we’re saving the planet one digital kick at a time, right?

    #Rematch #DigitalSoccer #GamingCommunity #PixelatedFootball #SoccerRevolution
    Ah, the wonders of modern gaming! Who would have thought that the secret to uniting a million people would be simply to toss a digital soccer ball around? Enter "Rematch," the latest sensation that has whisked a million souls away from the harsh realities of life into the pixelated perfection of football. It’s like Rocket League had a baby with FIFA, and now we have a game that claims to bring us all together — because who needs genuine human interaction when you can kick a virtual ball? Let’s take a moment to appreciate the brilliance behind this phenomenon. After countless years of research, gaming experts finally discovered that people *actually* enjoy playing football. Shocking, right? It’s not like football has been the most popular sport in the world for, oh, I don’t know, ever. But hey, let’s applaud the genius who looked at Rocket League and thought, "Why don’t we add a ball that actually resembles a soccer ball?" With Rematch, we’ve moved past the days of traditional socializing. Why grab a pint with friends when you can huddle in your living room, staring at a screen, pretending to be David Beckham while never actually getting off the couch? The thrill of the game has never been so… sedentary. And who needs to break a sweat when the only thing you’ll be sweating over is how to outmaneuver your fellow couch potatoes with your fancy footwork? Now, let’s talk about the social implications. One million people have flocked to Rematch, which means that for every goal scored, there’s a lonely soul who just sat through another week of awkward small talk at the office, wishing they too could be playing digital soccer instead of discussing weekend plans. Talk about a win-win! You can bond with your online teammates while simultaneously avoiding real-life conversations. It’s like the ultimate social life hack! But wait, there’s more! The marketing team behind Rematch must be patting themselves on the back for this one. A game that can turn sitting in your pajamas into an epic communal experience? Bravo! It’s almost poetic to think that millions of people are now united over pixelated football matches while ignoring their actual neighbors. Who knew that a digital platform could replace not just a football field but also a community center? In conclusion, as we celebrate the monumental achievement of Rematch bringing together one million players, let’s also take a moment to reflect on what we’ve sacrificed for this pixelated paradise: actual human interaction, the smell of fresh grass, and the sweet sound of a whistle blowing on a real field. But hey, at least we’re saving the planet one digital kick at a time, right? #Rematch #DigitalSoccer #GamingCommunity #PixelatedFootball #SoccerRevolution
    Déjà 1 million de personnes sur Rematch, le jeu de foot rassemble beaucoup de monde
    ActuGaming.net Déjà 1 million de personnes sur Rematch, le jeu de foot rassemble beaucoup de monde Rematch part d’une idée si bonne et pourtant si évidente après le succès de Rocket […] L'article Déjà 1 million de personnes sur Rematch,
    Like
    Love
    Wow
    Sad
    Angry
    160
    1 Comentários 0 Compartilhamentos 0 Anterior
  • So, there’s this thing about how Discord was ported to Windows 95 and NT 3.1. Honestly, it’s kind of interesting, but also a bit dull. Like, who even thinks about running Discord on those old systems? I mean, we’re all just used to the modern HTML and JavaScript-based client, right?

    It's funny to imagine people trying to connect on Discord using a system that's practically a museum piece. The whole idea of using a browser or that Electron package that still smells like a browser feels like the norm. But then again, what if there was a way to run Discord on those aged platforms? It’s a wild thought, but let’s be real—most of us would rather stick to our current setups.

    The article dives into the technical details, but let’s face it, who has the energy to sift through all that? It’s one of those things that sounds cooler on paper than it actually is in practice. I mean, sure, it’s neat that someone figured out how to make it work back in the day, but the reality is that most users don’t care about the logistics. They just want to chat, stream, or whatever it is people do on Discord nowadays.

    And it’s not like anyone is lining up to use Discord on Windows 95 or NT 3.1. I can’t even imagine the lag. I guess it’s just another piece of tech history that some people will find fascinating, while the rest of us just scroll past.

    So, yeah, that’s pretty much it. Discord on ancient systems is a thing. It happened. People did it. But let’s not pretend that it’s something we’re all eager to dive into. Honestly, I’d rather just scroll through memes or something.

    #Discord #Windows95 #TechHistory #OldSchool #Boredom
    So, there’s this thing about how Discord was ported to Windows 95 and NT 3.1. Honestly, it’s kind of interesting, but also a bit dull. Like, who even thinks about running Discord on those old systems? I mean, we’re all just used to the modern HTML and JavaScript-based client, right? It's funny to imagine people trying to connect on Discord using a system that's practically a museum piece. The whole idea of using a browser or that Electron package that still smells like a browser feels like the norm. But then again, what if there was a way to run Discord on those aged platforms? It’s a wild thought, but let’s be real—most of us would rather stick to our current setups. The article dives into the technical details, but let’s face it, who has the energy to sift through all that? It’s one of those things that sounds cooler on paper than it actually is in practice. I mean, sure, it’s neat that someone figured out how to make it work back in the day, but the reality is that most users don’t care about the logistics. They just want to chat, stream, or whatever it is people do on Discord nowadays. And it’s not like anyone is lining up to use Discord on Windows 95 or NT 3.1. I can’t even imagine the lag. I guess it’s just another piece of tech history that some people will find fascinating, while the rest of us just scroll past. So, yeah, that’s pretty much it. Discord on ancient systems is a thing. It happened. People did it. But let’s not pretend that it’s something we’re all eager to dive into. Honestly, I’d rather just scroll through memes or something. #Discord #Windows95 #TechHistory #OldSchool #Boredom
    How Discord Was Ported to Windows 95 and NT 3.1
    On the desktop, most people use the official HTML and JavaScript-based client for Discord in either a browser or a still-smells-like-a-browser Electron package. Yet what if there was a way …read more
    Like
    Love
    Wow
    Sad
    Angry
    602
    1 Comentários 0 Compartilhamentos 0 Anterior
  • Mock up a website in five prompts

    “Wait, can users actually add products to the cart?”Every prototype faces that question or one like it. You start to explain it’s “just Figma,” “just dummy data,” but what if you didn’t need disclaimers?What if you could hand clients—or your team—a working, data-connected mock-up of their website, or new pages and components, in less time than it takes to wireframe?That’s the challenge we’ll tackle today. But first, we need to look at:The problem with today’s prototyping toolsPick two: speed, flexibility, or interactivity.The prototyping ecosystem, despite having amazing software that addresses a huge variety of needs, doesn’t really have one tool that gives you all three.Wireframing apps let you draw boxes in minutes but every button is fake. Drag-and-drop builders animate scroll triggers until you ask for anything off-template. Custom code frees you… after you wave goodbye to a few afternoons.AI tools haven’t smashed the trade-off; they’ve just dressed it in flashier costumes. One prompt births a landing page, the next dumps a 2,000-line, worse-than-junior-level React file in your lap. The bottleneck is still there. Builder’s approach to website mockupsWe’ve been trying something a little different to maintain speed, flexibility, and interactivity while mocking full websites. Our AI-driven visual editor:Spins up a repo in seconds or connects to your existing one to use the code as design inspiration. React, Vue, Angular, and Svelte all work out of the box.
    Lets you shape components via plain English, visual edits, copy/pasted Figma frames, web inspos, MCP tools, and constant visual awareness of your entire website.
    Commits each change as a clean GitHub pull request your team can review like hand-written code. All your usual CI checks and lint rules apply.And if you need a tweak, you can comment to @builderio-bot right in the GitHub PR to make asynchronous changes without context switching.This results in a live site the café owner can interact with today, and a branch your devs can merge tomorrow. Stakeholders get to click actual buttons and trigger real state—no more “so, just imagine this works” demos.Let’s see it in action.From blank canvas to working mockup in five promptsToday, I’m going to mock up a fake business website. You’re welcome to create a real one.Before we fire off a single prompt, grab a note and write:Business name & vibe
    Core pages
    Primary goal
    Brand palette & toneThat’s it. Don’t sweat the details—we can always iterate. For mine, I wrote:1. Sunny Trails Bakery — family-owned, feel-good, smells like warm cinnamon.
    2. Home, About, Pricing / Subscription Box, Menu.
    3. Drive online orders and foot traffic—every CTA should funnel toward “Order Now” or “Reserve a Table.”
    4. Warm yellow, chocolate brown, rounded typography, playful copy.We’re not trying to fit everything here. What matters is clarity on what we’re creating, so the AI has enough context to produce usable scaffolds, and so later tweaks stay aligned with the client’s vision. Builder will default to using React, Vite, and Tailwind. If you want a different JS framework, you can link an existing repo in that stack. In the near future, you won’t need to do this extra step to get non-React frameworks to function.An entire website from the first promptNow, we’re ready to get going.Head over to Builder.io and paste in this prompt or your own:Create a cozy bakery website called “Sunny Trails Bakery” with pages for:
    • Home
    • About
    • Pricing
    • Menu
    Brand palette: warm yellow and chocolate brown. Tone: playful, inviting. The restaurant is family-owned, feel-good, and smells like cinnamon.
    The goal of this site is to drive online orders and foot traffic—every CTA should funnel toward "Order Now" or "Reserve a Table."Once you hit enter, Builder will spin up a new dev container, and then inside that container, the AI will build out the first version of your site. You can leave the page and come back when it’s done.Now, before we go further, let’s create our repo, so that we get version history right from the outset. Click “Create Repo” up in the top right, and link your GitHub account.Once the process is complete, you’ll have a brand new repo.If you need any help on this step, or any of the below, check out these docs.Making the mockup’s order system workFrom our one-shot prompt, we’ve already got a really nice start for our client. However, when we press the “Order Now” button, we just get a generic alert. Let’s fix this.The best part about connecting to GitHub is that we get version control. Head back to your dashboard and edit the settings of your new project. We can give it a better name, and then, in the “Advanced” section, we can change the “Commit Mode” to “Pull Requests.”Now, we have the ability to create new branches right within Builder, allowing us to make drastic changes without worrying about the main version. This is also helpful if you’d like to show your client or team a few different versions of the same prototype.On a new branch, I’ll write another short prompt:Can you make the "Order Now" button work, even if it's just with dummy JSON for now?As you can see in the GIF above, Builder creates an ordering system and a fully mobile-responsive cart and checkout flow.Now, we can click “Send PR” in the top right, and we have an ordinary GitHub PR that can be reviewed and merged as needed.This is what’s possible in two prompts. For our third, let’s gussy up the style.If you’re like me, you might spend a lot of time admiring other people’s cool designs and learning how to code up similar components in your own style.Luckily, Builder has this capability, too, with our Chrome extension. I found a “Featured Posts” section on OpenAI’s website, where I like how the layout and scrolling work. We can copy and paste it onto our “Featured Treats” section, retaining our cafe’s distinctive brand style.Don’t worry—OpenAI doesn’t mind a little web scraping.You can do this with any component on any website, so your own projects can very quickly become a “best of the web” if you know what you’re doing.Plus, you can use Figma designs in much the same way, with even better design fidelity. Copy and paste a Figma frame with our Figma plugin, and tell the AI to either use the component as inspiration or as a 1:1 to reference for what the design should be.Now, we’re ready to send our PR. This time, let’s take a closer look at the code the AI has created.As you can see, the code is neatly formatted into two reusable components. Scrolling down further, I find a CSS file and then the actual implementation on the homepage, with clean JSON to represent the dummy post data.Design tweaks to the mockup with visual editsOne issue that cropped up when the AI brought in the OpenAI layout is that it changed my text from “Featured Treats” to “Featured Stories & Treats.” I’ve realized I don’t like either, and I want to replace that text with: “Fresh Out of the Bakery.”It would be silly, though, to prompt the AI just for this small tweak. Let’s switch into edit mode.Edit Mode lets you select any component and change any of its content or underlying CSS directly. You get a host of Webflow-like options to choose from, so that you can finesse the details as needed.Once you’ve made all the visual changes you want—maybe tweaking a button color or a border radius—you can click “Apply Edits,” and the AI will ensure the underlying code matches your repo’s style.Async fixes to the mockup with Builder BotNow, our pull request is nearly ready to merge, but I found one issue with it:When we copied the OpenAI website layout earlier, one of the blog posts had a video as its featured graphic instead of just an image. This is cool for OpenAI, but for our bakery, I just wanted images in this section. Since I didn’t instruct Builder’s AI otherwise, it went ahead and followed the layout and created extra code for video capability.No problem. We can fix this inside GItHub with our final prompt. We just need to comment on the PR and tag builderio-bot. Within about a minute, Builder Bot has successfully removed the video functionality, leaving a minimal diff that affects only the code it needed to. For example: Returning to my project in Builder, I can see that the bot’s changes are accounted for in the chat window as well, and I can use the live preview link to make sure my site works as expected:Now, if this were a real project, you could easily deploy this to the web for your client. After all, you’ve got a whole GitHub repo. This isn’t just a mockup; it’s actual code you can tweak—with Builder or Cursor or by hand—until you’re satisfied to run the site in production.So, why use Builder to mock up your website?Sure, this has been a somewhat contrived example. A real prototype is going to look prettier, because I’m going to spend more time on pieces of the design that I don’t like as much.But that’s the point of the best AI tools: they don’t take you, the human, out of the loop.You still get to make all the executive decisions, and it respects your hard work. Since you can constantly see all the code the AI creates, work in branches, and prompt with component-level precision, you can stop worrying about AI overwriting your opinions and start using it more as the tool it’s designed to be.You can copy in your team’s Figma designs, import web inspos, connect MCP servers to get Jira tickets in hand, and—most importantly—work with existing repos full of existing styles that Builder will understand and match, just like it matched OpenAI’s layout to our little cafe.So, we get speed, flexibility, and interactivity all the way from prompt to PR to production.Try Builder today.
    #mock #website #five #prompts
    Mock up a website in five prompts
    “Wait, can users actually add products to the cart?”Every prototype faces that question or one like it. You start to explain it’s “just Figma,” “just dummy data,” but what if you didn’t need disclaimers?What if you could hand clients—or your team—a working, data-connected mock-up of their website, or new pages and components, in less time than it takes to wireframe?That’s the challenge we’ll tackle today. But first, we need to look at:The problem with today’s prototyping toolsPick two: speed, flexibility, or interactivity.The prototyping ecosystem, despite having amazing software that addresses a huge variety of needs, doesn’t really have one tool that gives you all three.Wireframing apps let you draw boxes in minutes but every button is fake. Drag-and-drop builders animate scroll triggers until you ask for anything off-template. Custom code frees you… after you wave goodbye to a few afternoons.AI tools haven’t smashed the trade-off; they’ve just dressed it in flashier costumes. One prompt births a landing page, the next dumps a 2,000-line, worse-than-junior-level React file in your lap. The bottleneck is still there. Builder’s approach to website mockupsWe’ve been trying something a little different to maintain speed, flexibility, and interactivity while mocking full websites. Our AI-driven visual editor:Spins up a repo in seconds or connects to your existing one to use the code as design inspiration. React, Vue, Angular, and Svelte all work out of the box. Lets you shape components via plain English, visual edits, copy/pasted Figma frames, web inspos, MCP tools, and constant visual awareness of your entire website. Commits each change as a clean GitHub pull request your team can review like hand-written code. All your usual CI checks and lint rules apply.And if you need a tweak, you can comment to @builderio-bot right in the GitHub PR to make asynchronous changes without context switching.This results in a live site the café owner can interact with today, and a branch your devs can merge tomorrow. Stakeholders get to click actual buttons and trigger real state—no more “so, just imagine this works” demos.Let’s see it in action.From blank canvas to working mockup in five promptsToday, I’m going to mock up a fake business website. You’re welcome to create a real one.Before we fire off a single prompt, grab a note and write:Business name & vibe Core pages Primary goal Brand palette & toneThat’s it. Don’t sweat the details—we can always iterate. For mine, I wrote:1. Sunny Trails Bakery — family-owned, feel-good, smells like warm cinnamon. 2. Home, About, Pricing / Subscription Box, Menu. 3. Drive online orders and foot traffic—every CTA should funnel toward “Order Now” or “Reserve a Table.” 4. Warm yellow, chocolate brown, rounded typography, playful copy.We’re not trying to fit everything here. What matters is clarity on what we’re creating, so the AI has enough context to produce usable scaffolds, and so later tweaks stay aligned with the client’s vision. Builder will default to using React, Vite, and Tailwind. If you want a different JS framework, you can link an existing repo in that stack. In the near future, you won’t need to do this extra step to get non-React frameworks to function.An entire website from the first promptNow, we’re ready to get going.Head over to Builder.io and paste in this prompt or your own:Create a cozy bakery website called “Sunny Trails Bakery” with pages for: • Home • About • Pricing • Menu Brand palette: warm yellow and chocolate brown. Tone: playful, inviting. The restaurant is family-owned, feel-good, and smells like cinnamon. The goal of this site is to drive online orders and foot traffic—every CTA should funnel toward "Order Now" or "Reserve a Table."Once you hit enter, Builder will spin up a new dev container, and then inside that container, the AI will build out the first version of your site. You can leave the page and come back when it’s done.Now, before we go further, let’s create our repo, so that we get version history right from the outset. Click “Create Repo” up in the top right, and link your GitHub account.Once the process is complete, you’ll have a brand new repo.If you need any help on this step, or any of the below, check out these docs.Making the mockup’s order system workFrom our one-shot prompt, we’ve already got a really nice start for our client. However, when we press the “Order Now” button, we just get a generic alert. Let’s fix this.The best part about connecting to GitHub is that we get version control. Head back to your dashboard and edit the settings of your new project. We can give it a better name, and then, in the “Advanced” section, we can change the “Commit Mode” to “Pull Requests.”Now, we have the ability to create new branches right within Builder, allowing us to make drastic changes without worrying about the main version. This is also helpful if you’d like to show your client or team a few different versions of the same prototype.On a new branch, I’ll write another short prompt:Can you make the "Order Now" button work, even if it's just with dummy JSON for now?As you can see in the GIF above, Builder creates an ordering system and a fully mobile-responsive cart and checkout flow.Now, we can click “Send PR” in the top right, and we have an ordinary GitHub PR that can be reviewed and merged as needed.This is what’s possible in two prompts. For our third, let’s gussy up the style.If you’re like me, you might spend a lot of time admiring other people’s cool designs and learning how to code up similar components in your own style.Luckily, Builder has this capability, too, with our Chrome extension. I found a “Featured Posts” section on OpenAI’s website, where I like how the layout and scrolling work. We can copy and paste it onto our “Featured Treats” section, retaining our cafe’s distinctive brand style.Don’t worry—OpenAI doesn’t mind a little web scraping.You can do this with any component on any website, so your own projects can very quickly become a “best of the web” if you know what you’re doing.Plus, you can use Figma designs in much the same way, with even better design fidelity. Copy and paste a Figma frame with our Figma plugin, and tell the AI to either use the component as inspiration or as a 1:1 to reference for what the design should be.Now, we’re ready to send our PR. This time, let’s take a closer look at the code the AI has created.As you can see, the code is neatly formatted into two reusable components. Scrolling down further, I find a CSS file and then the actual implementation on the homepage, with clean JSON to represent the dummy post data.Design tweaks to the mockup with visual editsOne issue that cropped up when the AI brought in the OpenAI layout is that it changed my text from “Featured Treats” to “Featured Stories & Treats.” I’ve realized I don’t like either, and I want to replace that text with: “Fresh Out of the Bakery.”It would be silly, though, to prompt the AI just for this small tweak. Let’s switch into edit mode.Edit Mode lets you select any component and change any of its content or underlying CSS directly. You get a host of Webflow-like options to choose from, so that you can finesse the details as needed.Once you’ve made all the visual changes you want—maybe tweaking a button color or a border radius—you can click “Apply Edits,” and the AI will ensure the underlying code matches your repo’s style.Async fixes to the mockup with Builder BotNow, our pull request is nearly ready to merge, but I found one issue with it:When we copied the OpenAI website layout earlier, one of the blog posts had a video as its featured graphic instead of just an image. This is cool for OpenAI, but for our bakery, I just wanted images in this section. Since I didn’t instruct Builder’s AI otherwise, it went ahead and followed the layout and created extra code for video capability.No problem. We can fix this inside GItHub with our final prompt. We just need to comment on the PR and tag builderio-bot. Within about a minute, Builder Bot has successfully removed the video functionality, leaving a minimal diff that affects only the code it needed to. For example: Returning to my project in Builder, I can see that the bot’s changes are accounted for in the chat window as well, and I can use the live preview link to make sure my site works as expected:Now, if this were a real project, you could easily deploy this to the web for your client. After all, you’ve got a whole GitHub repo. This isn’t just a mockup; it’s actual code you can tweak—with Builder or Cursor or by hand—until you’re satisfied to run the site in production.So, why use Builder to mock up your website?Sure, this has been a somewhat contrived example. A real prototype is going to look prettier, because I’m going to spend more time on pieces of the design that I don’t like as much.But that’s the point of the best AI tools: they don’t take you, the human, out of the loop.You still get to make all the executive decisions, and it respects your hard work. Since you can constantly see all the code the AI creates, work in branches, and prompt with component-level precision, you can stop worrying about AI overwriting your opinions and start using it more as the tool it’s designed to be.You can copy in your team’s Figma designs, import web inspos, connect MCP servers to get Jira tickets in hand, and—most importantly—work with existing repos full of existing styles that Builder will understand and match, just like it matched OpenAI’s layout to our little cafe.So, we get speed, flexibility, and interactivity all the way from prompt to PR to production.Try Builder today. #mock #website #five #prompts
    WWW.BUILDER.IO
    Mock up a website in five prompts
    “Wait, can users actually add products to the cart?”Every prototype faces that question or one like it. You start to explain it’s “just Figma,” “just dummy data,” but what if you didn’t need disclaimers?What if you could hand clients—or your team—a working, data-connected mock-up of their website, or new pages and components, in less time than it takes to wireframe?That’s the challenge we’ll tackle today. But first, we need to look at:The problem with today’s prototyping toolsPick two: speed, flexibility, or interactivity.The prototyping ecosystem, despite having amazing software that addresses a huge variety of needs, doesn’t really have one tool that gives you all three.Wireframing apps let you draw boxes in minutes but every button is fake. Drag-and-drop builders animate scroll triggers until you ask for anything off-template. Custom code frees you… after you wave goodbye to a few afternoons.AI tools haven’t smashed the trade-off; they’ve just dressed it in flashier costumes. One prompt births a landing page, the next dumps a 2,000-line, worse-than-junior-level React file in your lap. The bottleneck is still there. Builder’s approach to website mockupsWe’ve been trying something a little different to maintain speed, flexibility, and interactivity while mocking full websites. Our AI-driven visual editor:Spins up a repo in seconds or connects to your existing one to use the code as design inspiration. React, Vue, Angular, and Svelte all work out of the box. Lets you shape components via plain English, visual edits, copy/pasted Figma frames, web inspos, MCP tools, and constant visual awareness of your entire website. Commits each change as a clean GitHub pull request your team can review like hand-written code. All your usual CI checks and lint rules apply.And if you need a tweak, you can comment to @builderio-bot right in the GitHub PR to make asynchronous changes without context switching.This results in a live site the café owner can interact with today, and a branch your devs can merge tomorrow. Stakeholders get to click actual buttons and trigger real state—no more “so, just imagine this works” demos.Let’s see it in action.From blank canvas to working mockup in five promptsToday, I’m going to mock up a fake business website. You’re welcome to create a real one.Before we fire off a single prompt, grab a note and write:Business name & vibe Core pages Primary goal Brand palette & toneThat’s it. Don’t sweat the details—we can always iterate. For mine, I wrote:1. Sunny Trails Bakery — family-owned, feel-good, smells like warm cinnamon. 2. Home, About, Pricing / Subscription Box, Menu (with daily specials). 3. Drive online orders and foot traffic—every CTA should funnel toward “Order Now” or “Reserve a Table.” 4. Warm yellow, chocolate brown, rounded typography, playful copy.We’re not trying to fit everything here. What matters is clarity on what we’re creating, so the AI has enough context to produce usable scaffolds, and so later tweaks stay aligned with the client’s vision. Builder will default to using React, Vite, and Tailwind. If you want a different JS framework, you can link an existing repo in that stack. In the near future, you won’t need to do this extra step to get non-React frameworks to function.(Free tier Builder gives you 5 AI credits/day and 25/month—plenty to follow along with today’s demo. Upgrade only when you need it.)An entire website from the first promptNow, we’re ready to get going.Head over to Builder.io and paste in this prompt or your own:Create a cozy bakery website called “Sunny Trails Bakery” with pages for: • Home • About • Pricing • Menu Brand palette: warm yellow and chocolate brown. Tone: playful, inviting. The restaurant is family-owned, feel-good, and smells like cinnamon. The goal of this site is to drive online orders and foot traffic—every CTA should funnel toward "Order Now" or "Reserve a Table."Once you hit enter, Builder will spin up a new dev container, and then inside that container, the AI will build out the first version of your site. You can leave the page and come back when it’s done.Now, before we go further, let’s create our repo, so that we get version history right from the outset. Click “Create Repo” up in the top right, and link your GitHub account.Once the process is complete, you’ll have a brand new repo.If you need any help on this step, or any of the below, check out these docs.Making the mockup’s order system workFrom our one-shot prompt, we’ve already got a really nice start for our client. However, when we press the “Order Now” button, we just get a generic alert. Let’s fix this.The best part about connecting to GitHub is that we get version control. Head back to your dashboard and edit the settings of your new project. We can give it a better name, and then, in the “Advanced” section, we can change the “Commit Mode” to “Pull Requests.”Now, we have the ability to create new branches right within Builder, allowing us to make drastic changes without worrying about the main version. This is also helpful if you’d like to show your client or team a few different versions of the same prototype.On a new branch, I’ll write another short prompt:Can you make the "Order Now" button work, even if it's just with dummy JSON for now?As you can see in the GIF above, Builder creates an ordering system and a fully mobile-responsive cart and checkout flow.Now, we can click “Send PR” in the top right, and we have an ordinary GitHub PR that can be reviewed and merged as needed.This is what’s possible in two prompts. For our third, let’s gussy up the style.If you’re like me, you might spend a lot of time admiring other people’s cool designs and learning how to code up similar components in your own style.Luckily, Builder has this capability, too, with our Chrome extension. I found a “Featured Posts” section on OpenAI’s website, where I like how the layout and scrolling work. We can copy and paste it onto our “Featured Treats” section, retaining our cafe’s distinctive brand style.Don’t worry—OpenAI doesn’t mind a little web scraping.You can do this with any component on any website, so your own projects can very quickly become a “best of the web” if you know what you’re doing.Plus, you can use Figma designs in much the same way, with even better design fidelity. Copy and paste a Figma frame with our Figma plugin, and tell the AI to either use the component as inspiration or as a 1:1 to reference for what the design should be.(You can grab our design-to-code guide for a lot more ideas of what this can help you accomplish.)Now, we’re ready to send our PR. This time, let’s take a closer look at the code the AI has created.As you can see, the code is neatly formatted into two reusable components. Scrolling down further, I find a CSS file and then the actual implementation on the homepage, with clean JSON to represent the dummy post data.Design tweaks to the mockup with visual editsOne issue that cropped up when the AI brought in the OpenAI layout is that it changed my text from “Featured Treats” to “Featured Stories & Treats.” I’ve realized I don’t like either, and I want to replace that text with: “Fresh Out of the Bakery.”It would be silly, though, to prompt the AI just for this small tweak. Let’s switch into edit mode.Edit Mode lets you select any component and change any of its content or underlying CSS directly. You get a host of Webflow-like options to choose from, so that you can finesse the details as needed.Once you’ve made all the visual changes you want—maybe tweaking a button color or a border radius—you can click “Apply Edits,” and the AI will ensure the underlying code matches your repo’s style.Async fixes to the mockup with Builder BotNow, our pull request is nearly ready to merge, but I found one issue with it:When we copied the OpenAI website layout earlier, one of the blog posts had a video as its featured graphic instead of just an image. This is cool for OpenAI, but for our bakery, I just wanted images in this section. Since I didn’t instruct Builder’s AI otherwise, it went ahead and followed the layout and created extra code for video capability.No problem. We can fix this inside GItHub with our final prompt. We just need to comment on the PR and tag builderio-bot. Within about a minute, Builder Bot has successfully removed the video functionality, leaving a minimal diff that affects only the code it needed to. For example: Returning to my project in Builder, I can see that the bot’s changes are accounted for in the chat window as well, and I can use the live preview link to make sure my site works as expected:Now, if this were a real project, you could easily deploy this to the web for your client. After all, you’ve got a whole GitHub repo. This isn’t just a mockup; it’s actual code you can tweak—with Builder or Cursor or by hand—until you’re satisfied to run the site in production.So, why use Builder to mock up your website?Sure, this has been a somewhat contrived example. A real prototype is going to look prettier, because I’m going to spend more time on pieces of the design that I don’t like as much.But that’s the point of the best AI tools: they don’t take you, the human, out of the loop.You still get to make all the executive decisions, and it respects your hard work. Since you can constantly see all the code the AI creates, work in branches, and prompt with component-level precision, you can stop worrying about AI overwriting your opinions and start using it more as the tool it’s designed to be.You can copy in your team’s Figma designs, import web inspos, connect MCP servers to get Jira tickets in hand, and—most importantly—work with existing repos full of existing styles that Builder will understand and match, just like it matched OpenAI’s layout to our little cafe.So, we get speed, flexibility, and interactivity all the way from prompt to PR to production.Try Builder today.
    0 Comentários 0 Compartilhamentos 0 Anterior
  • The Download: China’s AI agent boom, and GPS alternatives

    This is today’s edition of The Download, our weekday newsletter that provides a daily dose of what’s going on in the world of technology.

    Manus has kick-started an AI agent boom in China

    Last year, China saw a boom in foundation models, the do-everything large language models that underpin the AI revolution. This year, the focus has shifted to AI agents—systems that are less about responding to users’ queries and more about autonomously accomplishing things for them.There are now a host of Chinese startups building these general-purpose digital tools, which can answer emails, browse the internet to plan vacations, and even design an interactive website. Many of these have emerged in just the last two months, following in the footsteps of Manus—a general AI agent that sparked weeks of social media frenzy for invite codes after its limited-release launch in early March.As the race to define what a useful AI agent looks like unfolds, a mix of ambitious startups and entrenched tech giants are now testing how these tools might actually work in practice—and for whom. Read the full story.

    —Caiwei Chen

    Inside the race to find GPS alternatives

    Later this month, an inconspicuous 150-kilogram satellite is set to launch into space aboard the SpaceX Transporter 14 mission. Once in orbit, it will test super-accurate next-generation satnav technology designed to make up for the shortcomings of the US Global Positioning System.

    Despite the system’s indispensable nature, the GPS signal is easily suppressed or disrupted by everything from space weather to 5G cell towers to phone-size jammers worth a few tens of dollars. The problem has been whispered about among experts for years, but it has really come to the fore in the last three years, since Russia invaded Ukraine.Now, startup Xona Space Systems wants to create a space-based system that would do what GPS does but better. Read the full story.

    —Tereza Pultarova

    Why doctors should look for ways to prescribe hope

    —Jessica Hamzelou

    This week, I’ve been thinking about the powerful connection between mind and body. Some new research suggests that people with heart conditions have better outcomes when they are more hopeful and optimistic. Hopelessness, on the other hand, is associated with a significantly higher risk of death.

    The findings build upon decades of fascinating research into the phenomenon of the placebo effect. Our beliefs and expectations about a medicinecan change the way it works. The placebo effect’s “evil twin,” the nocebo effect, is just as powerful—negative thinking has been linked to real symptoms.

    Researchers are still trying to understand the connection between body and mind, and how our thoughts can influence our physiology. In the meantime, many are developing ways to harness it in hospital settings. Is it possible for a doctor to prescribe hope? Read the full story.

    This article first appeared in The Checkup, MIT Technology Review’s weekly biotech newsletter. To receive it in your inbox every Thursday, and read articles like this first, sign up here.

    The must-reads

    I’ve combed the internet to find you today’s most fun/important/scary/fascinating stories about technology.

    1 Elon Musk threatened to cut off NASA’s use of SpaceX’s Dragon spacecraftHis war of words with Donald Trump is dramatically escalating.+ If Musk actually carried through with his threat, NASA would seriously struggle.+ Silicon Valley is starting to pick sides.+ It appears as though Musk has more to lose from their bruising breakup.2 Apple and Alibaba’s AI rollout in China has been delayedIt’s the latest victim of Trump’s trade war.+ The deal is supposed to support iPhones’ AI offerings in the country.3 X’s new policy blocks the use of its posts to ‘fine-tune or train’ AI modelsUnless companies strike a deal with them, that is.+ The platform could end up striking agreements like Reddit and Google.4 RJK Jr’s new hire is hunting for proof that vaccines cause autismVaccine skeptic David Geier is seeking access to a database he was previously barred from.+ How measuring vaccine hesitancy could help health professionals tackle it.5 Anthropic has launched a new service for the militaryClaude Gov is designed specifically for US defense and intelligence agencies.+ Generative AI is learning to spy for the US military.6 There’s no guarantee your billion-dollar startup won’t failIn fact, one in five of them will.+ Beware the rise of the AI coding startup.7 Walmart’s drone deliveries are taking offIt’s expanding to 100 new US stories in the next year.8 AI might be able to tell us how old the Dead Sea Scrolls really are Models suggest they’re even older than we previously thought.+ How AI is helping historians better understand our past.9 All-in-one super apps are a hit in the Gulf They’re following in China’s footsteps.10 Nintendo’s Switch 2 has revived the midnight launch eventFans queued for hours outside stores to get their hands on the new console.+ How the company managed to dodge Trump’s tariffs.Quote of the day

    “Elon finally found a way to make Twitter fun again.”

    —Dan Pfeiffer, a host of the political podcast Pod America, jokes about Elon Musk and Donald Trump’s ongoing feud in a post on X.

    One more thing

    This rare earth metal shows us the future of our planet’s resources

    We’re in the middle of a potentially transformative moment. Metals discovered barely a century ago now underpin the technologies we’re relying on for cleaner energy, and not having enough of them could slow progress. 

    Take neodymium, one of the rare earth metals. It’s used in cryogenic coolers to reach ultra-low temperatures needed for devices like superconductors and in high-powered magnets that power everything from smartphones to wind turbines. And very soon, demand for it could outstrip supply. What happens then? And what does it reveal about issues across wider supply chains? Read our story to find out.

    —Casey Crownhart

    We can still have nice things

    A place for comfort, fun and distraction to brighten up your day.+ Sightings of Bigfoot just happen to correlate with black bear populations? I smell a conspiracy!+ Watch as these symbols magically transform into a pretty impressive Black Sabbath mural.+ Underwater rugby is taking off in the UK.+ Fed up of beige Gen Z trends, TikTok is bringing the 80s back.
    #download #chinas #agent #boom #gps
    The Download: China’s AI agent boom, and GPS alternatives
    This is today’s edition of The Download, our weekday newsletter that provides a daily dose of what’s going on in the world of technology. Manus has kick-started an AI agent boom in China Last year, China saw a boom in foundation models, the do-everything large language models that underpin the AI revolution. This year, the focus has shifted to AI agents—systems that are less about responding to users’ queries and more about autonomously accomplishing things for them.There are now a host of Chinese startups building these general-purpose digital tools, which can answer emails, browse the internet to plan vacations, and even design an interactive website. Many of these have emerged in just the last two months, following in the footsteps of Manus—a general AI agent that sparked weeks of social media frenzy for invite codes after its limited-release launch in early March.As the race to define what a useful AI agent looks like unfolds, a mix of ambitious startups and entrenched tech giants are now testing how these tools might actually work in practice—and for whom. Read the full story. —Caiwei Chen Inside the race to find GPS alternatives Later this month, an inconspicuous 150-kilogram satellite is set to launch into space aboard the SpaceX Transporter 14 mission. Once in orbit, it will test super-accurate next-generation satnav technology designed to make up for the shortcomings of the US Global Positioning System. Despite the system’s indispensable nature, the GPS signal is easily suppressed or disrupted by everything from space weather to 5G cell towers to phone-size jammers worth a few tens of dollars. The problem has been whispered about among experts for years, but it has really come to the fore in the last three years, since Russia invaded Ukraine.Now, startup Xona Space Systems wants to create a space-based system that would do what GPS does but better. Read the full story. —Tereza Pultarova Why doctors should look for ways to prescribe hope —Jessica Hamzelou This week, I’ve been thinking about the powerful connection between mind and body. Some new research suggests that people with heart conditions have better outcomes when they are more hopeful and optimistic. Hopelessness, on the other hand, is associated with a significantly higher risk of death. The findings build upon decades of fascinating research into the phenomenon of the placebo effect. Our beliefs and expectations about a medicinecan change the way it works. The placebo effect’s “evil twin,” the nocebo effect, is just as powerful—negative thinking has been linked to real symptoms. Researchers are still trying to understand the connection between body and mind, and how our thoughts can influence our physiology. In the meantime, many are developing ways to harness it in hospital settings. Is it possible for a doctor to prescribe hope? Read the full story. This article first appeared in The Checkup, MIT Technology Review’s weekly biotech newsletter. To receive it in your inbox every Thursday, and read articles like this first, sign up here. The must-reads I’ve combed the internet to find you today’s most fun/important/scary/fascinating stories about technology. 1 Elon Musk threatened to cut off NASA’s use of SpaceX’s Dragon spacecraftHis war of words with Donald Trump is dramatically escalating.+ If Musk actually carried through with his threat, NASA would seriously struggle.+ Silicon Valley is starting to pick sides.+ It appears as though Musk has more to lose from their bruising breakup.2 Apple and Alibaba’s AI rollout in China has been delayedIt’s the latest victim of Trump’s trade war.+ The deal is supposed to support iPhones’ AI offerings in the country.3 X’s new policy blocks the use of its posts to ‘fine-tune or train’ AI modelsUnless companies strike a deal with them, that is.+ The platform could end up striking agreements like Reddit and Google.4 RJK Jr’s new hire is hunting for proof that vaccines cause autismVaccine skeptic David Geier is seeking access to a database he was previously barred from.+ How measuring vaccine hesitancy could help health professionals tackle it.5 Anthropic has launched a new service for the militaryClaude Gov is designed specifically for US defense and intelligence agencies.+ Generative AI is learning to spy for the US military.6 There’s no guarantee your billion-dollar startup won’t failIn fact, one in five of them will.+ Beware the rise of the AI coding startup.7 Walmart’s drone deliveries are taking offIt’s expanding to 100 new US stories in the next year.8 AI might be able to tell us how old the Dead Sea Scrolls really are Models suggest they’re even older than we previously thought.+ How AI is helping historians better understand our past.9 All-in-one super apps are a hit in the Gulf They’re following in China’s footsteps.10 Nintendo’s Switch 2 has revived the midnight launch eventFans queued for hours outside stores to get their hands on the new console.+ How the company managed to dodge Trump’s tariffs.Quote of the day “Elon finally found a way to make Twitter fun again.” —Dan Pfeiffer, a host of the political podcast Pod America, jokes about Elon Musk and Donald Trump’s ongoing feud in a post on X. One more thing This rare earth metal shows us the future of our planet’s resources We’re in the middle of a potentially transformative moment. Metals discovered barely a century ago now underpin the technologies we’re relying on for cleaner energy, and not having enough of them could slow progress.  Take neodymium, one of the rare earth metals. It’s used in cryogenic coolers to reach ultra-low temperatures needed for devices like superconductors and in high-powered magnets that power everything from smartphones to wind turbines. And very soon, demand for it could outstrip supply. What happens then? And what does it reveal about issues across wider supply chains? Read our story to find out. —Casey Crownhart We can still have nice things A place for comfort, fun and distraction to brighten up your day.+ Sightings of Bigfoot just happen to correlate with black bear populations? I smell a conspiracy!+ Watch as these symbols magically transform into a pretty impressive Black Sabbath mural.+ Underwater rugby is taking off in the UK.+ Fed up of beige Gen Z trends, TikTok is bringing the 80s back. #download #chinas #agent #boom #gps
    WWW.TECHNOLOGYREVIEW.COM
    The Download: China’s AI agent boom, and GPS alternatives
    This is today’s edition of The Download, our weekday newsletter that provides a daily dose of what’s going on in the world of technology. Manus has kick-started an AI agent boom in China Last year, China saw a boom in foundation models, the do-everything large language models that underpin the AI revolution. This year, the focus has shifted to AI agents—systems that are less about responding to users’ queries and more about autonomously accomplishing things for them.There are now a host of Chinese startups building these general-purpose digital tools, which can answer emails, browse the internet to plan vacations, and even design an interactive website. Many of these have emerged in just the last two months, following in the footsteps of Manus—a general AI agent that sparked weeks of social media frenzy for invite codes after its limited-release launch in early March.As the race to define what a useful AI agent looks like unfolds, a mix of ambitious startups and entrenched tech giants are now testing how these tools might actually work in practice—and for whom. Read the full story. —Caiwei Chen Inside the race to find GPS alternatives Later this month, an inconspicuous 150-kilogram satellite is set to launch into space aboard the SpaceX Transporter 14 mission. Once in orbit, it will test super-accurate next-generation satnav technology designed to make up for the shortcomings of the US Global Positioning System (GPS). Despite the system’s indispensable nature, the GPS signal is easily suppressed or disrupted by everything from space weather to 5G cell towers to phone-size jammers worth a few tens of dollars. The problem has been whispered about among experts for years, but it has really come to the fore in the last three years, since Russia invaded Ukraine.Now, startup Xona Space Systems wants to create a space-based system that would do what GPS does but better. Read the full story. —Tereza Pultarova Why doctors should look for ways to prescribe hope —Jessica Hamzelou This week, I’ve been thinking about the powerful connection between mind and body. Some new research suggests that people with heart conditions have better outcomes when they are more hopeful and optimistic. Hopelessness, on the other hand, is associated with a significantly higher risk of death. The findings build upon decades of fascinating research into the phenomenon of the placebo effect. Our beliefs and expectations about a medicine (or a sham treatment) can change the way it works. The placebo effect’s “evil twin,” the nocebo effect, is just as powerful—negative thinking has been linked to real symptoms. Researchers are still trying to understand the connection between body and mind, and how our thoughts can influence our physiology. In the meantime, many are developing ways to harness it in hospital settings. Is it possible for a doctor to prescribe hope? Read the full story. This article first appeared in The Checkup, MIT Technology Review’s weekly biotech newsletter. To receive it in your inbox every Thursday, and read articles like this first, sign up here. The must-reads I’ve combed the internet to find you today’s most fun/important/scary/fascinating stories about technology. 1 Elon Musk threatened to cut off NASA’s use of SpaceX’s Dragon spacecraftHis war of words with Donald Trump is dramatically escalating. (WP $)+ If Musk actually carried through with his threat, NASA would seriously struggle. (NYT $)+ Silicon Valley is starting to pick sides. (Wired $)+ It appears as though Musk has more to lose from their bruising breakup. (NY Mag $) 2 Apple and Alibaba’s AI rollout in China has been delayedIt’s the latest victim of Trump’s trade war. (FT $)+ The deal is supposed to support iPhones’ AI offerings in the country. (Reuters) 3 X’s new policy blocks the use of its posts to ‘fine-tune or train’ AI modelsUnless companies strike a deal with them, that is. (TechCrunch)+ The platform could end up striking agreements like Reddit and Google. (The Verge) 4 RJK Jr’s new hire is hunting for proof that vaccines cause autismVaccine skeptic David Geier is seeking access to a database he was previously barred from. (WSJ $)+ How measuring vaccine hesitancy could help health professionals tackle it. (MIT Technology Review) 5 Anthropic has launched a new service for the militaryClaude Gov is designed specifically for US defense and intelligence agencies. (The Verge)+ Generative AI is learning to spy for the US military. (MIT Technology Review) 6 There’s no guarantee your billion-dollar startup won’t failIn fact, one in five of them will. (Bloomberg $)+ Beware the rise of the AI coding startup. (Reuters) 7 Walmart’s drone deliveries are taking offIt’s expanding to 100 new US stories in the next year. (Wired $) 8 AI might be able to tell us how old the Dead Sea Scrolls really are Models suggest they’re even older than we previously thought. (The Economist $)+ How AI is helping historians better understand our past. (MIT Technology Review) 9 All-in-one super apps are a hit in the Gulf They’re following in China’s footsteps. (Rest of World) 10 Nintendo’s Switch 2 has revived the midnight launch eventFans queued for hours outside stores to get their hands on the new console. (Insider $)+ How the company managed to dodge Trump’s tariffs. (The Guardian) Quote of the day “Elon finally found a way to make Twitter fun again.” —Dan Pfeiffer, a host of the political podcast Pod Save America, jokes about Elon Musk and Donald Trump’s ongoing feud in a post on X. One more thing This rare earth metal shows us the future of our planet’s resources We’re in the middle of a potentially transformative moment. Metals discovered barely a century ago now underpin the technologies we’re relying on for cleaner energy, and not having enough of them could slow progress.  Take neodymium, one of the rare earth metals. It’s used in cryogenic coolers to reach ultra-low temperatures needed for devices like superconductors and in high-powered magnets that power everything from smartphones to wind turbines. And very soon, demand for it could outstrip supply. What happens then? And what does it reveal about issues across wider supply chains? Read our story to find out. —Casey Crownhart We can still have nice things A place for comfort, fun and distraction to brighten up your day. (Got any ideas? Drop me a line or skeet ’em at me.) + Sightings of Bigfoot just happen to correlate with black bear populations? I smell a conspiracy!+ Watch as these symbols magically transform into a pretty impressive Black Sabbath mural.+ Underwater rugby is taking off in the UK.+ Fed up of beige Gen Z trends, TikTok is bringing the 80s back.
    Like
    Love
    Wow
    Angry
    Sad
    552
    0 Comentários 0 Compartilhamentos 0 Anterior
  • Four Strategies for Getting Better Sleep Away From Home

    Sleep can be a mysterious process even under ideal conditions, but when you’re in a completely alien environment like a hotel room or other temporary lodging it can become seemingly impossible. But if you take a little control over your environment, you can get more—and better—sleep no matter where you find yourself at night.Make the space feel more like homeStudies have shown that aspects of our home environment like sound and smell can help us be more relaxed and and happy when we’re away, so replicating those aspects of your life in an unfamiliar spot can help you sleep:Sound. If you normally sleep with a white noise machine, bring it with you when you travel, or find a travel-size model or phone app that simulates it.Smell. Everyone’s home has a unique scent map. Bringing those scents with you can trick your brain into feeling “at home” in a strange place. Using the same lotions, shampoos, and soaps on the road can recreate that scent matrix. Bringing an item of clothing that smells like the dryer sheets or detergent you use at home into bed with you can also help make an unfamiliar bed seem inviting.Routine. Another way to make an unfamiliar place seem more like home is to keep to your usual routine. However you approach bedtime at home—whether it’s reading a book, meditating for a few moments, or watching a little mindless television—do it as much as possible in your temporary digs. Try to hit the sack around the same time as usual, if you can, and keep to the same bathroom routine as well. Control the environmentAs much as possible, you want to control the physical environment that you’re sleeping in. If you’re used to sleeping in a pitch-black room, block light sources as much as possible by clipping curtains shut, putting tape or Post-It notes over incidental light sources like alarms and thermostats, and blocking gaps under doors that allow light to leak in.If you prefer some light while you’re sleeping, bring a nightlight with you that you can plug in to make sure even the darkest room is illuminated. And adjust the temperature, if you can—most people sleep better when the room is a little on the cool side, about 60 to 65 degrees. But if you’re used to sleeping in a warmer or even colder environment, try to get as close to that as you can.Select a strategic locationIf you have control over the location of your room, use that control to select a spot that’s conducive to a good night’s sleep. That starts with the location of the building itself—if you have a choice of guest rooms or hotels to spend the night, choose one far away from busy streets or other sources of noise. Then look for a spot that’s far from common areas like elevators or lobbies—or your friend’s living room where everyone stays up all night chatting.Get out of bedFinally, if you’re struggling to fall asleep in a strange place despite all of these efforts, give up and get out of bed. Forcing yourself to lie there and count the minutes as they slip past you just reinforces the connection between stress and anxiety and that bed, making it even less likely that you’ll fall asleep. Instead, after about 20 minutes it’s best to get up and do something relaxing for a short period of time. This resets your body and mind and breaks the association between frustration and the bed, making it easier to relax when you try again.
    #four #strategies #getting #better #sleep
    Four Strategies for Getting Better Sleep Away From Home
    Sleep can be a mysterious process even under ideal conditions, but when you’re in a completely alien environment like a hotel room or other temporary lodging it can become seemingly impossible. But if you take a little control over your environment, you can get more—and better—sleep no matter where you find yourself at night.Make the space feel more like homeStudies have shown that aspects of our home environment like sound and smell can help us be more relaxed and and happy when we’re away, so replicating those aspects of your life in an unfamiliar spot can help you sleep:Sound. If you normally sleep with a white noise machine, bring it with you when you travel, or find a travel-size model or phone app that simulates it.Smell. Everyone’s home has a unique scent map. Bringing those scents with you can trick your brain into feeling “at home” in a strange place. Using the same lotions, shampoos, and soaps on the road can recreate that scent matrix. Bringing an item of clothing that smells like the dryer sheets or detergent you use at home into bed with you can also help make an unfamiliar bed seem inviting.Routine. Another way to make an unfamiliar place seem more like home is to keep to your usual routine. However you approach bedtime at home—whether it’s reading a book, meditating for a few moments, or watching a little mindless television—do it as much as possible in your temporary digs. Try to hit the sack around the same time as usual, if you can, and keep to the same bathroom routine as well. Control the environmentAs much as possible, you want to control the physical environment that you’re sleeping in. If you’re used to sleeping in a pitch-black room, block light sources as much as possible by clipping curtains shut, putting tape or Post-It notes over incidental light sources like alarms and thermostats, and blocking gaps under doors that allow light to leak in.If you prefer some light while you’re sleeping, bring a nightlight with you that you can plug in to make sure even the darkest room is illuminated. And adjust the temperature, if you can—most people sleep better when the room is a little on the cool side, about 60 to 65 degrees. But if you’re used to sleeping in a warmer or even colder environment, try to get as close to that as you can.Select a strategic locationIf you have control over the location of your room, use that control to select a spot that’s conducive to a good night’s sleep. That starts with the location of the building itself—if you have a choice of guest rooms or hotels to spend the night, choose one far away from busy streets or other sources of noise. Then look for a spot that’s far from common areas like elevators or lobbies—or your friend’s living room where everyone stays up all night chatting.Get out of bedFinally, if you’re struggling to fall asleep in a strange place despite all of these efforts, give up and get out of bed. Forcing yourself to lie there and count the minutes as they slip past you just reinforces the connection between stress and anxiety and that bed, making it even less likely that you’ll fall asleep. Instead, after about 20 minutes it’s best to get up and do something relaxing for a short period of time. This resets your body and mind and breaks the association between frustration and the bed, making it easier to relax when you try again. #four #strategies #getting #better #sleep
    LIFEHACKER.COM
    Four Strategies for Getting Better Sleep Away From Home
    Sleep can be a mysterious process even under ideal conditions, but when you’re in a completely alien environment like a hotel room or other temporary lodging it can become seemingly impossible. But if you take a little control over your environment, you can get more—and better—sleep no matter where you find yourself at night.Make the space feel more like homeStudies have shown that aspects of our home environment like sound and smell can help us be more relaxed and and happy when we’re away, so replicating those aspects of your life in an unfamiliar spot can help you sleep:Sound. If you normally sleep with a white noise machine, bring it with you when you travel, or find a travel-size model or phone app that simulates it.Smell. Everyone’s home has a unique scent map. Bringing those scents with you can trick your brain into feeling “at home” in a strange place. Using the same lotions, shampoos, and soaps on the road can recreate that scent matrix. Bringing an item of clothing that smells like the dryer sheets or detergent you use at home into bed with you can also help make an unfamiliar bed seem inviting.Routine. Another way to make an unfamiliar place seem more like home is to keep to your usual routine. However you approach bedtime at home—whether it’s reading a book, meditating for a few moments, or watching a little mindless television—do it as much as possible in your temporary digs. Try to hit the sack around the same time as usual, if you can, and keep to the same bathroom routine as well. Control the environmentAs much as possible, you want to control the physical environment that you’re sleeping in. If you’re used to sleeping in a pitch-black room, block light sources as much as possible by clipping curtains shut (binder clips work well for this), putting tape or Post-It notes over incidental light sources like alarms and thermostats, and blocking gaps under doors that allow light to leak in.If you prefer some light while you’re sleeping, bring a nightlight with you that you can plug in to make sure even the darkest room is illuminated. And adjust the temperature, if you can—most people sleep better when the room is a little on the cool side, about 60 to 65 degrees. But if you’re used to sleeping in a warmer or even colder environment, try to get as close to that as you can.Select a strategic locationIf you have control over the location of your room (when staying at a hotel, for example), use that control to select a spot that’s conducive to a good night’s sleep. That starts with the location of the building itself—if you have a choice of guest rooms or hotels to spend the night, choose one far away from busy streets or other sources of noise. Then look for a spot that’s far from common areas like elevators or lobbies—or your friend’s living room where everyone stays up all night chatting.Get out of bed (for a little while) Finally, if you’re struggling to fall asleep in a strange place despite all of these efforts, give up and get out of bed. Forcing yourself to lie there and count the minutes as they slip past you just reinforces the connection between stress and anxiety and that bed, making it even less likely that you’ll fall asleep. Instead, after about 20 minutes it’s best to get up and do something relaxing for a short period of time. This resets your body and mind and breaks the association between frustration and the bed, making it easier to relax when you try again.
    0 Comentários 0 Compartilhamentos 0 Anterior
  • Kai Cenat's Streamer University Turned Chaos Into Content: 'The Whole Floor Smelled Like Wild Fumes, Mysterious Funk'

    Kai Cenat became Twitch’s top showman long ago, but the secret to his ongoing success is continuously finding new ways to take his streaming stunts to the next level. Last year it was turning a 1,700-death-filled Elden Ring marathon into the gaming event of the season. In 2025 it was a riff on reality TV and Hogwarts called Streamer University that crammed a bunch of streamers into a dorm and let the algorithm-fueled drama unfold. Suggested ReadingGameStop Doubles Down On Crypto With Massive Bitcoin Purchase As Stores Close

    Share SubtitlesOffEnglishSuggested ReadingGameStop Doubles Down On Crypto With Massive Bitcoin Purchase As Stores Close

    Share SubtitlesOffEnglishGameStop Doubles Down On Crypto With Massive Bitcoin Purchase As Stores CloseThe multi-day event got underway on May 22 with 120 rising streamers handpicked for an all-expenses-paid stay at the University of Akron to participate in Cenat’s Saw-like social experiment of watching his peers and protégés vie for attention, clout, and maybe learn something about getting famous monetizing that fame in the modern creator economy along the way. There were fights, expulsions, late-night parties, and actual classes. It was heavily manufactured and also brought in tens of millions of views. Streamer University Best Moments!A great report by Vulture interviewed some of the participants and offers an incisive recap of the entire spectacle. One “student” named Winston Groves recalled getting hazed with a hot dog in a condom left around his doorknob and said the cafeteria food tasted like it was gruel out of Minecraft. One of the floors was called the “demon floor” because of the stink. “The whole floor smelled like wild fumes, mysterious funk,” Groves told Vulture. Nobody slept. Everyone was constantly filming. There were apparently a lot of hot dogs and baby oil, seemingly the modern-day prank comedy equivalents of whoopee cushions and cream pies. “They had this prank where they made fake poop with fart spray and it had literally stank up our room to the point where my roommate’s eyes were tearing up,” said attendee Kieya Jennings, “There was water everywhere, baby oil, baby powder, noodles,” recalled Mari Franklin.There are over 10 hours of streams on Cenat’s Twitch channel from the weekend-long saga, and many, many more from the channels of the individuals in attendance. Comments on a video for the final day’s awards ceremony were filled with nothing but love for the streaming world’s current master of ceremonies. Streamer University’s valedictorian was Tylil James, a rising star with a big following that’s still only a fraction of Cenat’s. “Kai put on so many different type of creators and let them just create and do whatever they was great at,” reads the top comment. .
    #kai #cenat039s #streamer #university #turned
    Kai Cenat's Streamer University Turned Chaos Into Content: 'The Whole Floor Smelled Like Wild Fumes, Mysterious Funk'
    Kai Cenat became Twitch’s top showman long ago, but the secret to his ongoing success is continuously finding new ways to take his streaming stunts to the next level. Last year it was turning a 1,700-death-filled Elden Ring marathon into the gaming event of the season. In 2025 it was a riff on reality TV and Hogwarts called Streamer University that crammed a bunch of streamers into a dorm and let the algorithm-fueled drama unfold. Suggested ReadingGameStop Doubles Down On Crypto With Massive Bitcoin Purchase As Stores Close Share SubtitlesOffEnglishSuggested ReadingGameStop Doubles Down On Crypto With Massive Bitcoin Purchase As Stores Close Share SubtitlesOffEnglishGameStop Doubles Down On Crypto With Massive Bitcoin Purchase As Stores CloseThe multi-day event got underway on May 22 with 120 rising streamers handpicked for an all-expenses-paid stay at the University of Akron to participate in Cenat’s Saw-like social experiment of watching his peers and protégés vie for attention, clout, and maybe learn something about getting famous monetizing that fame in the modern creator economy along the way. There were fights, expulsions, late-night parties, and actual classes. It was heavily manufactured and also brought in tens of millions of views. Streamer University Best Moments!A great report by Vulture interviewed some of the participants and offers an incisive recap of the entire spectacle. One “student” named Winston Groves recalled getting hazed with a hot dog in a condom left around his doorknob and said the cafeteria food tasted like it was gruel out of Minecraft. One of the floors was called the “demon floor” because of the stink. “The whole floor smelled like wild fumes, mysterious funk,” Groves told Vulture. Nobody slept. Everyone was constantly filming. There were apparently a lot of hot dogs and baby oil, seemingly the modern-day prank comedy equivalents of whoopee cushions and cream pies. “They had this prank where they made fake poop with fart spray and it had literally stank up our room to the point where my roommate’s eyes were tearing up,” said attendee Kieya Jennings, “There was water everywhere, baby oil, baby powder, noodles,” recalled Mari Franklin.There are over 10 hours of streams on Cenat’s Twitch channel from the weekend-long saga, and many, many more from the channels of the individuals in attendance. Comments on a video for the final day’s awards ceremony were filled with nothing but love for the streaming world’s current master of ceremonies. Streamer University’s valedictorian was Tylil James, a rising star with a big following that’s still only a fraction of Cenat’s. “Kai put on so many different type of creators and let them just create and do whatever they was great at,” reads the top comment. . #kai #cenat039s #streamer #university #turned
    KOTAKU.COM
    Kai Cenat's Streamer University Turned Chaos Into Content: 'The Whole Floor Smelled Like Wild Fumes, Mysterious Funk'
    Kai Cenat became Twitch’s top showman long ago, but the secret to his ongoing success is continuously finding new ways to take his streaming stunts to the next level. Last year it was turning a 1,700-death-filled Elden Ring marathon into the gaming event of the season. In 2025 it was a riff on reality TV and Hogwarts called Streamer University that crammed a bunch of streamers into a dorm and let the algorithm-fueled drama unfold. Suggested ReadingGameStop Doubles Down On Crypto With Massive Bitcoin Purchase As Stores Close Share SubtitlesOffEnglishSuggested ReadingGameStop Doubles Down On Crypto With Massive Bitcoin Purchase As Stores Close Share SubtitlesOffEnglishGameStop Doubles Down On Crypto With Massive Bitcoin Purchase As Stores CloseThe multi-day event got underway on May 22 with 120 rising streamers handpicked for an all-expenses-paid stay at the University of Akron to participate in Cenat’s Saw-like social experiment of watching his peers and protégés vie for attention, clout, and maybe learn something about getting famous monetizing that fame in the modern creator economy along the way. There were fights, expulsions, late-night parties, and actual classes. It was heavily manufactured and also brought in tens of millions of views. Streamer University Best Moments!A great report by Vulture interviewed some of the participants and offers an incisive recap of the entire spectacle. One “student” named Winston Groves recalled getting hazed with a hot dog in a condom left around his doorknob and said the cafeteria food tasted like it was gruel out of Minecraft. One of the floors was called the “demon floor” because of the stink. “The whole floor smelled like wild fumes, mysterious funk,” Groves told Vulture. Nobody slept. Everyone was constantly filming. There were apparently a lot of hot dogs and baby oil, seemingly the modern-day prank comedy equivalents of whoopee cushions and cream pies. “They had this prank where they made fake poop with fart spray and it had literally stank up our room to the point where my roommate’s eyes were tearing up,” said attendee Kieya Jennings, “There was water everywhere, baby oil, baby powder, noodles,” recalled Mari Franklin.There are over 10 hours of streams on Cenat’s Twitch channel from the weekend-long saga, and many, many more from the channels of the individuals in attendance. Comments on a video for the final day’s awards ceremony were filled with nothing but love for the streaming world’s current master of ceremonies. Streamer University’s valedictorian was Tylil James, a rising star with a big following that’s still only a fraction of Cenat’s. “Kai put on so many different type of creators and let them just create and do whatever they was great at,” reads the top comment. .
    0 Comentários 0 Compartilhamentos 0 Anterior
  • Clean up your code: How to create your own C# code style

    While there’s more than one way to format Unity C# code, agreeing on a consistent code style for your project enables your team to develop a clean, readable, and scalable codebase. In this blog, we provide some guidelines and examples you can use to develop and maintain your own code style guide.Please note that these are only recommendations based on those provided by Microsoft. This is your chance to get inspired and decide what works best for your team.Ideally, a Unity project should feel like it’s been developed by a single author, no matter how many developers actually work on it. A style guide can help unify your approach for creating a more cohesive codebase.It’s a good idea to follow industry standards wherever possible and browse through existing style guides as a starting point for creating your own. In partnership with internal and external Unity experts, we released a new e-book, Create a C# style guide: Write cleaner code that scales for inspiration, based on Microsoft’s comprehensive C# style.The Google C# style guide is another great resource for defining guidelines around naming, formatting, and commenting conventions. Again, there is no right or wrong method, but we chose to follow Microsoft standards for our own guide.Our e-book, along with an example C# file, are available for free. Both resources focus on the most common coding conventions you’ll encounter while developing in Unity. These are all, essentially, a subset of the Microsoft Framework Design guidelines, which include an extensive number of best practices beyond what we cover in this post.We recommend customizing the guidelines provided in our style guide to suit your team’s preferences. These preferences should be prioritized over our suggestions and the Microsoft Framework Design guidelines if they’re in conflict.The development of a style guide requires an upfront investment but will pay dividends later. For example, managing a single set of standards can reduce the time developers spend on ramping up if they move onto another project.Of course, consistency is key. If you follow these suggestions and need to modify your style guide in the future, a few find-and-replace operations can quickly migrate your codebase.Concentrate on creating a pragmatic style guide that fits your needs by covering the majority of day-to-day use cases. Don’t overengineer it by attempting to account for every single edge case from the start. The guide will evolve organically over time as your team iterates on it from project to project.Most style guides include basic formatting rules. Meanwhile, specific naming conventions, policy on use of namespaces, and strategies for classes are somewhat abstract areas that can be refined over time.Let’s look at some common formatting and naming conventions you might consider for your style guide.The two common indentation styles in C# are the Allman style, which places the opening curly braces on a new line, and the K&R style, or “one true brace style,” which keeps the opening brace on the same line as the previous header.In an effort to improve readability, we picked the Allman style for our guide, based on the Microsoft Framework Design guidelines:
    Whatever style you choose, ensure that every programmer on your team follows it.A guide should also indicate whether braces from nested multiline statements should be included. While removing braces in the following example won’t throw an error, it can be confusing to read. That’s why our guide recommends applying braces for clarity, even if they are optional.Something as simple as horizontal spacing can enhance your code’s appearance onscreen. While your personal formatting preferences can vary, here are a few recommendations from our style guide to improve overall readability:Add spaces to decrease code density:The extra whitespace can give a sense of visual separation between parts of a lineUse a single space after a comma, between function arguments.Don’t add a space after the parenthesis and function arguments.Don’t use spaces between a function name and parenthesis.Avoid spaces inside brackets.Use a single space before flow control conditions: Add a space between the flow comparison operator and the parentheses.Use a single space before and after comparison operators.Variables typically represent a state, so try to attribute clear and descriptive nouns to their names. You can then prefix booleans with a verbfor variables that must indicate a true or false value. Often they are the answer to a question such as, is the player running? Is the game over? Prefix them with a verb to clarify their meaning. This is often paired with a description or condition, e.g., isPlayerDead, isWalking, hasDamageMultiplier, etc.Since methods perform actions, a good rule of thumb is to start their names with a verb and add context as needed, e.g., GetDirection, FindTarget, and so on, based on the return type. If the method has a bool return type, it can also be framed as a question.Much like boolean variables themselves, prefix methods with a verb if they return a true-false condition. This phrases them in the form of a question, e.g., IsGameOver, HasStartedTurn.Several conventions exist for naming events and event handles. In our style guide, we name the event with a verb phrase,similar to a method. Choose a name that communicates the state change accurately.Use the present or past participle to indicate events “before” or “after.” For instance, specify OpeningDoor for an event before opening a door and DoorOpened for an event afterward.We also recommend that you don’t abbreviate names. While saving a few characters can feel like a productivity gain in the short term, what is obvious to you now might not be in a year’s time to another teammate. Your variable names should reveal their intent and be easy to pronounce. Single letter variables are fine for loops and math expressions, but otherwise, you should avoid abbreviations. Clarity is more important than any time saved from omitting a few vowels.At the same time, use one variable declaration per line; it’s less compact, but also less error prone and enhances readability. Avoid redundant names. If your class is called Player, you don’t need to create member variables called PlayerScore or PlayerTarget. Trim them down to Score or Target.In addition, avoid too many prefixes or special encoding.A practice highlighted in our guide is to prefix private member variables with an underscoreto differentiate them from local variables. Some style guides use prefixes for private member variables, constants, or static variables, so the name reveals more about the variable.However, it’s good practice to prefix interface names with a capital “I” and follow this with an adjective that describes the functionality. You can even prefix the event raising methodwith “On”: The subject that invokes the event usually does so from a method prefixed with “On,” e.g., OnOpeningDoor or OnDoorOpened.Camel case and Pascal case are common standards in use, compared to Snake or Kebab case, or Hungarian notations. Our guide recommends Pascal case for public fields, enums, classes, and methods, and Camel case for private variables, as this is common practice in Unity.There are many additional rules to consider outside of what’s covered here. The example guide and our new e-book, Create a C# style guide: Write cleaner code that scales, provide many more tips for better organization.The concept of clean code aims to make development more scalable by conforming to a set of production standards. A style guide should remove most of the guesswork developers would otherwise have regarding the conventions they should follow. Ultimately, this guide should help your team establish a consensus around your codebase to grow your project into a commercial-scale production.Just how comprehensive your style guide should be depends on your situation. It’s up to your team to decide if they want their guide to set rules for more abstract, intangible concepts. This could include rules for using namespaces, breaking down classes, or implementing directives like the #region directive. While #region can help you collapse and hide sections of code in C# files, making large files more manageable, it’s also an example of something that many developers consider to be code smells or anti-patterns. Therefore, you might want to avoid setting strict standards for these aspects of code styling. Not everything needs to be outlined in the guide – sometimes it’s enough to simply discuss and make decisions as a team.When we talked to the experts who helped create our guide, their main piece of advice was code readability above all else. Here are some pointers on how to achieve that:Use fewer arguments: Arguments can increase the complexity of your method. By reducing their number, you make methods easier to read and test.Avoid excessive overloading: You can generate an endless permutation of method overloads. Select the few that reflect how you’ll call the method, and then implement those. If you do overload a method, prevent confusion by making sure that each method signature has a distinct number of arguments.Avoid side effects: A method only needs to do what its name advertises. Avoid modifying anything outside of its scope. Pass in arguments by value instead of reference when possible. So when sending back results via the out or ref keyword, verify that’s the one thing you intend the method to accomplish. Though side effects are useful for certain tasks, they can lead to unintended consequences. Write a method without side effects to cut down on unexpected behavior.We hope that this blog helps you kick off the development of your own style guide. Learn more from our example C# file and brand new e-book where you can review our suggested rules and customize them to your team’s preferences.The specifics of individual rules are less important than having everyone agree to follow them consistently. When in doubt, rely on your team’s own evolving guide to settle any style disagreements. After all, this is a group effort.
    #clean #your #code #how #create
    Clean up your code: How to create your own C# code style
    While there’s more than one way to format Unity C# code, agreeing on a consistent code style for your project enables your team to develop a clean, readable, and scalable codebase. In this blog, we provide some guidelines and examples you can use to develop and maintain your own code style guide.Please note that these are only recommendations based on those provided by Microsoft. This is your chance to get inspired and decide what works best for your team.Ideally, a Unity project should feel like it’s been developed by a single author, no matter how many developers actually work on it. A style guide can help unify your approach for creating a more cohesive codebase.It’s a good idea to follow industry standards wherever possible and browse through existing style guides as a starting point for creating your own. In partnership with internal and external Unity experts, we released a new e-book, Create a C# style guide: Write cleaner code that scales for inspiration, based on Microsoft’s comprehensive C# style.The Google C# style guide is another great resource for defining guidelines around naming, formatting, and commenting conventions. Again, there is no right or wrong method, but we chose to follow Microsoft standards for our own guide.Our e-book, along with an example C# file, are available for free. Both resources focus on the most common coding conventions you’ll encounter while developing in Unity. These are all, essentially, a subset of the Microsoft Framework Design guidelines, which include an extensive number of best practices beyond what we cover in this post.We recommend customizing the guidelines provided in our style guide to suit your team’s preferences. These preferences should be prioritized over our suggestions and the Microsoft Framework Design guidelines if they’re in conflict.The development of a style guide requires an upfront investment but will pay dividends later. For example, managing a single set of standards can reduce the time developers spend on ramping up if they move onto another project.Of course, consistency is key. If you follow these suggestions and need to modify your style guide in the future, a few find-and-replace operations can quickly migrate your codebase.Concentrate on creating a pragmatic style guide that fits your needs by covering the majority of day-to-day use cases. Don’t overengineer it by attempting to account for every single edge case from the start. The guide will evolve organically over time as your team iterates on it from project to project.Most style guides include basic formatting rules. Meanwhile, specific naming conventions, policy on use of namespaces, and strategies for classes are somewhat abstract areas that can be refined over time.Let’s look at some common formatting and naming conventions you might consider for your style guide.The two common indentation styles in C# are the Allman style, which places the opening curly braces on a new line, and the K&R style, or “one true brace style,” which keeps the opening brace on the same line as the previous header.In an effort to improve readability, we picked the Allman style for our guide, based on the Microsoft Framework Design guidelines: Whatever style you choose, ensure that every programmer on your team follows it.A guide should also indicate whether braces from nested multiline statements should be included. While removing braces in the following example won’t throw an error, it can be confusing to read. That’s why our guide recommends applying braces for clarity, even if they are optional.Something as simple as horizontal spacing can enhance your code’s appearance onscreen. While your personal formatting preferences can vary, here are a few recommendations from our style guide to improve overall readability:Add spaces to decrease code density:The extra whitespace can give a sense of visual separation between parts of a lineUse a single space after a comma, between function arguments.Don’t add a space after the parenthesis and function arguments.Don’t use spaces between a function name and parenthesis.Avoid spaces inside brackets.Use a single space before flow control conditions: Add a space between the flow comparison operator and the parentheses.Use a single space before and after comparison operators.Variables typically represent a state, so try to attribute clear and descriptive nouns to their names. You can then prefix booleans with a verbfor variables that must indicate a true or false value. Often they are the answer to a question such as, is the player running? Is the game over? Prefix them with a verb to clarify their meaning. This is often paired with a description or condition, e.g., isPlayerDead, isWalking, hasDamageMultiplier, etc.Since methods perform actions, a good rule of thumb is to start their names with a verb and add context as needed, e.g., GetDirection, FindTarget, and so on, based on the return type. If the method has a bool return type, it can also be framed as a question.Much like boolean variables themselves, prefix methods with a verb if they return a true-false condition. This phrases them in the form of a question, e.g., IsGameOver, HasStartedTurn.Several conventions exist for naming events and event handles. In our style guide, we name the event with a verb phrase,similar to a method. Choose a name that communicates the state change accurately.Use the present or past participle to indicate events “before” or “after.” For instance, specify OpeningDoor for an event before opening a door and DoorOpened for an event afterward.We also recommend that you don’t abbreviate names. While saving a few characters can feel like a productivity gain in the short term, what is obvious to you now might not be in a year’s time to another teammate. Your variable names should reveal their intent and be easy to pronounce. Single letter variables are fine for loops and math expressions, but otherwise, you should avoid abbreviations. Clarity is more important than any time saved from omitting a few vowels.At the same time, use one variable declaration per line; it’s less compact, but also less error prone and enhances readability. Avoid redundant names. If your class is called Player, you don’t need to create member variables called PlayerScore or PlayerTarget. Trim them down to Score or Target.In addition, avoid too many prefixes or special encoding.A practice highlighted in our guide is to prefix private member variables with an underscoreto differentiate them from local variables. Some style guides use prefixes for private member variables, constants, or static variables, so the name reveals more about the variable.However, it’s good practice to prefix interface names with a capital “I” and follow this with an adjective that describes the functionality. You can even prefix the event raising methodwith “On”: The subject that invokes the event usually does so from a method prefixed with “On,” e.g., OnOpeningDoor or OnDoorOpened.Camel case and Pascal case are common standards in use, compared to Snake or Kebab case, or Hungarian notations. Our guide recommends Pascal case for public fields, enums, classes, and methods, and Camel case for private variables, as this is common practice in Unity.There are many additional rules to consider outside of what’s covered here. The example guide and our new e-book, Create a C# style guide: Write cleaner code that scales, provide many more tips for better organization.The concept of clean code aims to make development more scalable by conforming to a set of production standards. A style guide should remove most of the guesswork developers would otherwise have regarding the conventions they should follow. Ultimately, this guide should help your team establish a consensus around your codebase to grow your project into a commercial-scale production.Just how comprehensive your style guide should be depends on your situation. It’s up to your team to decide if they want their guide to set rules for more abstract, intangible concepts. This could include rules for using namespaces, breaking down classes, or implementing directives like the #region directive. While #region can help you collapse and hide sections of code in C# files, making large files more manageable, it’s also an example of something that many developers consider to be code smells or anti-patterns. Therefore, you might want to avoid setting strict standards for these aspects of code styling. Not everything needs to be outlined in the guide – sometimes it’s enough to simply discuss and make decisions as a team.When we talked to the experts who helped create our guide, their main piece of advice was code readability above all else. Here are some pointers on how to achieve that:Use fewer arguments: Arguments can increase the complexity of your method. By reducing their number, you make methods easier to read and test.Avoid excessive overloading: You can generate an endless permutation of method overloads. Select the few that reflect how you’ll call the method, and then implement those. If you do overload a method, prevent confusion by making sure that each method signature has a distinct number of arguments.Avoid side effects: A method only needs to do what its name advertises. Avoid modifying anything outside of its scope. Pass in arguments by value instead of reference when possible. So when sending back results via the out or ref keyword, verify that’s the one thing you intend the method to accomplish. Though side effects are useful for certain tasks, they can lead to unintended consequences. Write a method without side effects to cut down on unexpected behavior.We hope that this blog helps you kick off the development of your own style guide. Learn more from our example C# file and brand new e-book where you can review our suggested rules and customize them to your team’s preferences.The specifics of individual rules are less important than having everyone agree to follow them consistently. When in doubt, rely on your team’s own evolving guide to settle any style disagreements. After all, this is a group effort. #clean #your #code #how #create
    UNITY.COM
    Clean up your code: How to create your own C# code style
    While there’s more than one way to format Unity C# code, agreeing on a consistent code style for your project enables your team to develop a clean, readable, and scalable codebase. In this blog, we provide some guidelines and examples you can use to develop and maintain your own code style guide.Please note that these are only recommendations based on those provided by Microsoft. This is your chance to get inspired and decide what works best for your team.Ideally, a Unity project should feel like it’s been developed by a single author, no matter how many developers actually work on it. A style guide can help unify your approach for creating a more cohesive codebase.It’s a good idea to follow industry standards wherever possible and browse through existing style guides as a starting point for creating your own. In partnership with internal and external Unity experts, we released a new e-book, Create a C# style guide: Write cleaner code that scales for inspiration, based on Microsoft’s comprehensive C# style.The Google C# style guide is another great resource for defining guidelines around naming, formatting, and commenting conventions. Again, there is no right or wrong method, but we chose to follow Microsoft standards for our own guide.Our e-book, along with an example C# file, are available for free. Both resources focus on the most common coding conventions you’ll encounter while developing in Unity. These are all, essentially, a subset of the Microsoft Framework Design guidelines, which include an extensive number of best practices beyond what we cover in this post.We recommend customizing the guidelines provided in our style guide to suit your team’s preferences. These preferences should be prioritized over our suggestions and the Microsoft Framework Design guidelines if they’re in conflict.The development of a style guide requires an upfront investment but will pay dividends later. For example, managing a single set of standards can reduce the time developers spend on ramping up if they move onto another project.Of course, consistency is key. If you follow these suggestions and need to modify your style guide in the future, a few find-and-replace operations can quickly migrate your codebase.Concentrate on creating a pragmatic style guide that fits your needs by covering the majority of day-to-day use cases. Don’t overengineer it by attempting to account for every single edge case from the start. The guide will evolve organically over time as your team iterates on it from project to project.Most style guides include basic formatting rules. Meanwhile, specific naming conventions, policy on use of namespaces, and strategies for classes are somewhat abstract areas that can be refined over time.Let’s look at some common formatting and naming conventions you might consider for your style guide.The two common indentation styles in C# are the Allman style, which places the opening curly braces on a new line (also known as the BSD style from BSD Unix), and the K&R style, or “one true brace style,” which keeps the opening brace on the same line as the previous header.In an effort to improve readability, we picked the Allman style for our guide, based on the Microsoft Framework Design guidelines: Whatever style you choose, ensure that every programmer on your team follows it.A guide should also indicate whether braces from nested multiline statements should be included. While removing braces in the following example won’t throw an error, it can be confusing to read. That’s why our guide recommends applying braces for clarity, even if they are optional.Something as simple as horizontal spacing can enhance your code’s appearance onscreen. While your personal formatting preferences can vary, here are a few recommendations from our style guide to improve overall readability:Add spaces to decrease code density:The extra whitespace can give a sense of visual separation between parts of a lineUse a single space after a comma, between function arguments.Don’t add a space after the parenthesis and function arguments.Don’t use spaces between a function name and parenthesis.Avoid spaces inside brackets.Use a single space before flow control conditions: Add a space between the flow comparison operator and the parentheses.Use a single space before and after comparison operators.Variables typically represent a state, so try to attribute clear and descriptive nouns to their names. You can then prefix booleans with a verbfor variables that must indicate a true or false value. Often they are the answer to a question such as, is the player running? Is the game over? Prefix them with a verb to clarify their meaning. This is often paired with a description or condition, e.g., isPlayerDead, isWalking, hasDamageMultiplier, etc.Since methods perform actions, a good rule of thumb is to start their names with a verb and add context as needed, e.g., GetDirection, FindTarget, and so on, based on the return type. If the method has a bool return type, it can also be framed as a question.Much like boolean variables themselves, prefix methods with a verb if they return a true-false condition. This phrases them in the form of a question, e.g., IsGameOver, HasStartedTurn.Several conventions exist for naming events and event handles. In our style guide, we name the event with a verb phrase,similar to a method. Choose a name that communicates the state change accurately.Use the present or past participle to indicate events “before” or “after.” For instance, specify OpeningDoor for an event before opening a door and DoorOpened for an event afterward.We also recommend that you don’t abbreviate names. While saving a few characters can feel like a productivity gain in the short term, what is obvious to you now might not be in a year’s time to another teammate. Your variable names should reveal their intent and be easy to pronounce. Single letter variables are fine for loops and math expressions, but otherwise, you should avoid abbreviations. Clarity is more important than any time saved from omitting a few vowels.At the same time, use one variable declaration per line; it’s less compact, but also less error prone and enhances readability. Avoid redundant names. If your class is called Player, you don’t need to create member variables called PlayerScore or PlayerTarget. Trim them down to Score or Target.In addition, avoid too many prefixes or special encoding.A practice highlighted in our guide is to prefix private member variables with an underscore (_) to differentiate them from local variables. Some style guides use prefixes for private member variables (m_), constants (k_), or static variables (s_), so the name reveals more about the variable.However, it’s good practice to prefix interface names with a capital “I” and follow this with an adjective that describes the functionality. You can even prefix the event raising method (in the subject) with “On”: The subject that invokes the event usually does so from a method prefixed with “On,” e.g., OnOpeningDoor or OnDoorOpened.Camel case and Pascal case are common standards in use, compared to Snake or Kebab case, or Hungarian notations. Our guide recommends Pascal case for public fields, enums, classes, and methods, and Camel case for private variables, as this is common practice in Unity.There are many additional rules to consider outside of what’s covered here. The example guide and our new e-book, Create a C# style guide: Write cleaner code that scales, provide many more tips for better organization.The concept of clean code aims to make development more scalable by conforming to a set of production standards. A style guide should remove most of the guesswork developers would otherwise have regarding the conventions they should follow. Ultimately, this guide should help your team establish a consensus around your codebase to grow your project into a commercial-scale production.Just how comprehensive your style guide should be depends on your situation. It’s up to your team to decide if they want their guide to set rules for more abstract, intangible concepts. This could include rules for using namespaces, breaking down classes, or implementing directives like the #region directive (or not). While #region can help you collapse and hide sections of code in C# files, making large files more manageable, it’s also an example of something that many developers consider to be code smells or anti-patterns. Therefore, you might want to avoid setting strict standards for these aspects of code styling. Not everything needs to be outlined in the guide – sometimes it’s enough to simply discuss and make decisions as a team.When we talked to the experts who helped create our guide, their main piece of advice was code readability above all else. Here are some pointers on how to achieve that:Use fewer arguments: Arguments can increase the complexity of your method. By reducing their number, you make methods easier to read and test.Avoid excessive overloading: You can generate an endless permutation of method overloads. Select the few that reflect how you’ll call the method, and then implement those. If you do overload a method, prevent confusion by making sure that each method signature has a distinct number of arguments.Avoid side effects: A method only needs to do what its name advertises. Avoid modifying anything outside of its scope. Pass in arguments by value instead of reference when possible. So when sending back results via the out or ref keyword, verify that’s the one thing you intend the method to accomplish. Though side effects are useful for certain tasks, they can lead to unintended consequences. Write a method without side effects to cut down on unexpected behavior.We hope that this blog helps you kick off the development of your own style guide. Learn more from our example C# file and brand new e-book where you can review our suggested rules and customize them to your team’s preferences.The specifics of individual rules are less important than having everyone agree to follow them consistently. When in doubt, rely on your team’s own evolving guide to settle any style disagreements. After all, this is a group effort.
    0 Comentários 0 Compartilhamentos 0 Anterior
  • Why fava beans taste gross (and how scientists want to fix them)

    Fresh fava–also called faba–beans in Spain. The season for harvesting fresh faba beans in this region lasts from September into November. CREDIT: Carlos Castro/Europa Press via Getty Images.

    Get the Popular Science daily newsletter
    Breakthroughs, discoveries, and DIY tips sent every weekday.

    Beef production is a significant source of planet-warming greenhouse gasses, and its land use often leads to deforestation. Plant-based food products are thus widely considered to be a more sustainable alternative. But there’s one problem: to most people, they don’t taste nearly as good as a juicy ribeye steak. 
    In particular, people don’t like fava beansbecause of their bitterness and the dry sensation they cause in the mouth, according to a Finnish consumer study reported by the University of Helsinki.The legume, however, has incredible potential. It’s highly nutritious and provides a great source of amino acids. What’s more, dried faba beans have more protein than red meat, and some studies have even suggested that eating them improves the motor skills of patients with Parkinson’s disease.
    “People avoid faba beans in cooking and in the food industry especially because of their bitterness. In their current form, faba bean products have not sold very well either,” Fabio Tuccillo, a sensory and consumer scientist conducting his doctoral research at the University of Helsinki, explained in a statement. “They are often also heavily seasoned to cover the bitter taste. Therefore, it is important to identify the compounds that cause unpleasant flavours.” The idea is that if scientists discover the compounds behind these flavors, they can modify them through new technologies, processing methods, and even plant-breeding approaches to make fava beans a better-tasting ingredient for plant-based foods. In this spirit, Tuccillo reveals in his doctoral thesis that the bitterness and mouth-drying feeling is associated with compounds called vicine and convicine, in addition to several amino acids including phenylalanine, according to the university. He also identified compounds responsible for the beans’ cereal-like smell. 
    Fava beans “can be used in a diverse range of food products, such as bread, pastry and other products. Once we know how to reduce the unpleasant flavour and sensation, we can produce increasingly pleasant faba bean raw materials,” explained Tuccillo, who is defending his doctoral thesis today. “Improving the sensory quality of raw materials made from faba beans is necessary, if the aim is to succeed in the food market with products supporting sustainable development and plant-based diets.” 
    Perhaps we’ll all be enjoying delicious fava bread sooner than you think. 
    #why #fava #beans #taste #gross
    Why fava beans taste gross (and how scientists want to fix them)
    Fresh fava–also called faba–beans in Spain. The season for harvesting fresh faba beans in this region lasts from September into November. CREDIT: Carlos Castro/Europa Press via Getty Images. Get the Popular Science daily newsletter💡 Breakthroughs, discoveries, and DIY tips sent every weekday. Beef production is a significant source of planet-warming greenhouse gasses, and its land use often leads to deforestation. Plant-based food products are thus widely considered to be a more sustainable alternative. But there’s one problem: to most people, they don’t taste nearly as good as a juicy ribeye steak.  In particular, people don’t like fava beansbecause of their bitterness and the dry sensation they cause in the mouth, according to a Finnish consumer study reported by the University of Helsinki.The legume, however, has incredible potential. It’s highly nutritious and provides a great source of amino acids. What’s more, dried faba beans have more protein than red meat, and some studies have even suggested that eating them improves the motor skills of patients with Parkinson’s disease. “People avoid faba beans in cooking and in the food industry especially because of their bitterness. In their current form, faba bean products have not sold very well either,” Fabio Tuccillo, a sensory and consumer scientist conducting his doctoral research at the University of Helsinki, explained in a statement. “They are often also heavily seasoned to cover the bitter taste. Therefore, it is important to identify the compounds that cause unpleasant flavours.” The idea is that if scientists discover the compounds behind these flavors, they can modify them through new technologies, processing methods, and even plant-breeding approaches to make fava beans a better-tasting ingredient for plant-based foods. In this spirit, Tuccillo reveals in his doctoral thesis that the bitterness and mouth-drying feeling is associated with compounds called vicine and convicine, in addition to several amino acids including phenylalanine, according to the university. He also identified compounds responsible for the beans’ cereal-like smell.  Fava beans “can be used in a diverse range of food products, such as bread, pastry and other products. Once we know how to reduce the unpleasant flavour and sensation, we can produce increasingly pleasant faba bean raw materials,” explained Tuccillo, who is defending his doctoral thesis today. “Improving the sensory quality of raw materials made from faba beans is necessary, if the aim is to succeed in the food market with products supporting sustainable development and plant-based diets.”  Perhaps we’ll all be enjoying delicious fava bread sooner than you think.  #why #fava #beans #taste #gross
    WWW.POPSCI.COM
    Why fava beans taste gross (and how scientists want to fix them)
    Fresh fava–also called faba–beans in Spain. The season for harvesting fresh faba beans in this region lasts from September into November. CREDIT: Carlos Castro/Europa Press via Getty Images. Get the Popular Science daily newsletter💡 Breakthroughs, discoveries, and DIY tips sent every weekday. Beef production is a significant source of planet-warming greenhouse gasses, and its land use often leads to deforestation. Plant-based food products are thus widely considered to be a more sustainable alternative. But there’s one problem: to most people, they don’t taste nearly as good as a juicy ribeye steak.  In particular, people don’t like fava beans (also called faba beans) because of their bitterness and the dry sensation they cause in the mouth, according to a Finnish consumer study reported by the University of Helsinki.The legume, however, has incredible potential. It’s highly nutritious and provides a great source of amino acids. What’s more, dried faba beans have more protein than red meat, and some studies have even suggested that eating them improves the motor skills of patients with Parkinson’s disease. “People avoid faba beans in cooking and in the food industry especially because of their bitterness. In their current form, faba bean products have not sold very well either,” Fabio Tuccillo, a sensory and consumer scientist conducting his doctoral research at the University of Helsinki, explained in a statement. “They are often also heavily seasoned to cover the bitter taste. Therefore, it is important to identify the compounds that cause unpleasant flavours.”  [ Related: A new ingredient could revolutionize white bread. ] The idea is that if scientists discover the compounds behind these flavors, they can modify them through new technologies, processing methods, and even plant-breeding approaches to make fava beans a better-tasting ingredient for plant-based foods. In this spirit, Tuccillo reveals in his doctoral thesis that the bitterness and mouth-drying feeling is associated with compounds called vicine and convicine, in addition to several amino acids including phenylalanine, according to the university. He also identified compounds responsible for the beans’ cereal-like smell.  Fava beans “can be used in a diverse range of food products, such as bread, pastry and other products. Once we know how to reduce the unpleasant flavour and sensation, we can produce increasingly pleasant faba bean raw materials,” explained Tuccillo, who is defending his doctoral thesis today. “Improving the sensory quality of raw materials made from faba beans is necessary, if the aim is to succeed in the food market with products supporting sustainable development and plant-based diets.”  Perhaps we’ll all be enjoying delicious fava bread sooner than you think. 
    0 Comentários 0 Compartilhamentos 0 Anterior
CGShares https://cgshares.com