Article URL: https://www.ycombinator.com/companies/infracost/jobs/9fGDG72-senior-software-engineer
Comments URL: https://news.ycombinator.com/item?id=28627978
Points: 1
# Comments: 0
Article URL: https://www.ycombinator.com/companies/infracost/jobs/9fGDG72-senior-software-engineer
Comments URL: https://news.ycombinator.com/item?id=28627978
Points: 1
# Comments: 0
Article URL: https://jobs.lever.co/Neuro/20602492-eaf6-4e42-936a-1e2928e851b8
Comments URL: https://news.ycombinator.com/item?id=28639406
Points: 1
# Comments: 0
U.S. Centers for Disease Control and Prevention Director Dr. Rochelle Walensky late Thursday endorsed the Pfizer coronavirus vaccine booster shot for younger at-risk workers, which is seen as a rare break from the agency’s Advisory Committee on Immunization Practices panel.
Behind every great website or application is a lot of coding. When that code is heavy or overly complex, it can slow down website speed and increase bounce rates. This is why a lot of marketers are excited about a new user interface from .NET called Blazor.
The name is a combination of “browser” and the .NET markup syntax Razor, for those familiar with it.
What is Blazor, and what do you need to know about it? Here’s a quick run-down that even non-developers can understand.
Blazor is a user interface that allows developers to build front-end applications using C#, HTML, and Razor templates. You can build components and pages that then run on a server or directly on a browser. It was built by the .NET team and is completely open-source and free for anyone to use.
The use of templates, C#, and HTML makes developing easier and, in many cases, faster.
One of the platform’s key components is Blazor apps, which allow devs to add features without coding every single step. It is a bit similar to the way a WYSIWYG website builder allows users to build a website without coding at all.
In this case, however, it lets devs code without JavaScript.
You can also run Razor apps on Blazor.
Blazor can be run in two ways—on the server or using WebAssembly, which allows you to run it directly on most browsers.
There are pros and cons to both. Using WebAssembly, you’ll enjoy a fast UX that is supported offline and can use a CDN. However, the initial load time can be slow, and you may need to call the API, which can slow things down.
If you choose to go with the server route, you’ll find onboarding is a bit easier, and load and render times are faster. However, your app won’t work offline, and changes can cause major latency issues. Also, it can be difficult to scale apps because each user has their connection to the server.
Blazor allows developers to write the client-side of code in C# or HTML, which means you don’t have to know JavaScript or other languages. This makes it easier for a single developer to work on a project. It can also make it more manageable to delegate tasks to team members since they only need to know one coding language.
Since the same code is used on the client and server side of an application, the code only needs to be written once—which can save you tons of time.
There are also several benefits for marketers.
Blazor can help developers create sites that generate more traffic.
Server-side rendering comes standard, which is great for SEO. This allows bots from search engines to easily crawl your code and your site. Server-side rendering improves load time, so when a website loads, it takes a few seconds to show up on-screen. This duration can be reduced if the server sends all the data needed to render the page to the browser before it loads.
Using HTML and C# also reduces the amount of JavaScript on an application, which can increase load times and reduce bounce rates.
Blazor works by combining C#, HTML, and apps to make application development easier. It can do nearly everything JavaScript can do, but you don’t have to know JavaScript.
It uses Razor templates to create components that produce browser-renderable HTML and CSS. It’s the same as any other browser content: pure, semantic, and accessible HTML and CSS.
This means you can use all CSS features, including media queries for responsive design, and CSS custom properties.
This video from dotNETConf walks you through how to build a full-stack web app:
I’ll also go through how to set it up in a further section.
Blazor is used to build web-based applications. This can include mobile apps, webpages, and anything else you can build with JavaScript.
The framework allows you to complete a number of common development tasks, such as rendering components and HTML, fetching data over HTTP, and client-side routing.
When used on a browser, it has full access to the browser’s JavaScript APIs. As a result, Blazor apps can use JavaScript functions from .NET methods and also .NET methods from JavaScript functions.
For cases where the framework doesn’t have a specific API or component, or if developers want to work with the JavaScript ecosystem, then JavaScript interop is used.
Now that you understand the basics of Blazor, let’s talk about how to use the program. As I mentioned above, it is a free, open-source program, so you won’t need to pay to use it. You also have access to the source code through GitHub, if that’s your thing.
You’ll need two things to create a project: the platform and Visual Studio 2019 or above.
Here’s how to get started:
Step 1: Download and install Blazor from the Microsoft page. Click the “Get started” button.
Step 2: Install Visual Studio, if you don’t already have it. This will let you do that actual coding. This may take a few minutes to install and load.
Step 3: Run a command prompt and run > dotnet command. This will verify everything is installed correctly. If it is ready to use, you will get a response like this:
Step 4: Next, open Visual Studio and select “Create a new project.”
Step 5: Select ASP.NET. If you don’t already have the ASP.NET Core Web Application installed in Visual Studio, you’ll need to add it.
Step 5: In “Configure new project” add a name, then select “Create.”
Step 6: In the “Create a new ASP.NET Core web application” box, choose “.NET Core and ASP.NET Core 5.0” in the dropdown menu, then “Web Application” and “Create.”
You now have a project set up. Now you can start using Blazor apps to see how they work. While the actual coding is beyond the scope of this article, I highly recommend this tutorial from Microsoft.
If you want to play around with without downloading a ton of stuff, you can use this browser-based tutorial.
It depends on your needs. It is ideal for programmers who don’t like JavaScript, don’t know JavaScript, or don’t want to slow down their site with tons of JavaScript. However, it does require the whole runtime to be shipped and may not work with non-standard browsers in some cases.
In general, yes. However, all users have a persistent bi-directional connection to the server, which can cause issues for larger applications.
If you already know C#, you’ll have an easy time picking up Blazor. It’s easy, fast, and integrates well with the .NET ecosystem
Blazor is part of the open-source .NET platform, which means there are no fees or costs, even if you use it commercially. It was built and is maintained by a community of contributors.
Blazor is unlikely to have a daily impact for the average marketer, but there are some benefits marketers should be aware of.
It may make it easier (and faster) for development teams to create new pages or applications. It also makes it easier for search engine bots to crawl, which is a bonus for digital marketing.
Razor is a template markup syntax for .NET. Blazor (which combines the word “browser” and Razor) is a framework that can run multiple types of code and deliver it to servers or browsers. Essentially, it is an evolution of Razor.
{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “Is Blazor Worth Using?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
It depends on your needs. It is ideal for programmers who don’t like JavaScript, don’t know JavaScript, or don’t want to slow down their site with tons of JavaScript. However, it does require the whole runtime to be shipped and may not work with non-standard browsers in some cases.
”
}
}
, {
“@type”: “Question”,
“name”: “Is the Blazor Server Fast?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
In general, yes. However, all users have a persistent bi-directional connection to the server, which can cause issues for larger applications.
”
}
}
, {
“@type”: “Question”,
“name”: “Is Blazor Easy to Learn?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
If you already know C#, you’ll have an easy time picking up Blazor. It’s easy, fast, and integrates well with the .NET ecosystem
”
}
}
, {
“@type”: “Question”,
“name”: “How Much Does Blazor Cost?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
Blazor is part of the open-source .NET platform, which means there are no fees or costs, even if you use it commercially. It was built and is maintained by a community of contributors.
”
}
}
, {
“@type”: “Question”,
“name”: “Does Blazor Matter for Marketing? “,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
Blazor is unlikely to have a daily impact for the average marketer, but there are some benefits marketers should be aware of.
It may make it easier (and faster) for development teams to create new pages or applications. It also makes it easier for search engine bots to crawl, which is a bonus for digital marketing.
”
}
}
, {
“@type”: “Question”,
“name”: “What Is the Difference Between Blazor and Razor? “,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
Razor is a template markup syntax for .NET. Blazor (which combines the word “browser” and Razor) is a framework that can run multiple types of code and deliver it to servers or browsers. Essentially, it is an evolution of Razor.
”
}
}
]
}
If you are looking for a way to streamline the development process—and improve page speed a bit—Blazor is a great platform. While it’s more than the average marketer needs to build a website or launch a landing page, it’s great news for developers.
The user-friendly platform helps streamline workflows, reduces coding language limitations, and makes it easier for dev teams to get work done.
Have you tried Blazor yet? What do you like best about it?
Think about the number of ads you see in an average day. Can you remember them all? Don’t worry if the answer’s no. After all, the average person sees up to 10,000 ads per day across the internet!
Let me ask you an easier question. Think about the last marketing campaign you can remember. The last ad that made you sit up and take notice. What about the ad caught your attention?
Chances are, you’ve got something visual in mind. Whether it’s an image, video, or interactive picture, I bet you remember something about the aesthetic—the graphic design.
See, graphic design is about communication: sending the right message to your intended audience and showcasing what’s special about your brand. Let me show you why graphic design matters in paid ad campaigns and the types of elements you can use to craft stand-out ads.
Honestly, there are so many reasons why visual elements work in ad campaigns. However, we’ve narrowed it down to three main reasons graphic design is crucial to paid campaigns, whatever niche you’re in.
For starters, graphic design allows you to make a great first impression with your target audience. It sets the tone for how a prospect perceives your brand. Do first impressions really matter, though?
Sure. Just think about how much competition is out there, for one thing. Stand out from the crowd by setting a professional, positive first impression with eye-catching designs.
Secondly, graphic design helps reinforce your brand identity. It allows you to tell your brand story in a unique, creative way designed to grab a prospect’s attention. You can use a series of consistent, connected ads to really drive home your desired messaging and shape your audience’s perspective of what your company stands for.
Finally, great visuals speak louder than words. They transcend language and cross boundaries to communicate strong, effective messages to a target audience.
The key takeaway? Graphic design helps you craft content that attracts attention and sticks in a prospect’s mind long after the content disappears from their screen.
Graphic design sounds great, right? It is, but bear in mind some words of caution: While great visuals can do wonders for your brand, poor graphic design can leave a bad impression.
Stick with high-quality, professional graphic elements, and keep your messaging consistent: It takes five to seven interactions for someone to remember a brand, so make it easier by communicating consistently.
Not sure where to start with graphic design? You have two main options. If your budget stretches to it, you might want to hire a professional company to help you design great graphics. Alternatively, there are numerous graphic design tools you can use to create your designs in-house.
OK, so that’s why graphic design is crucial to any successful paid campaign. What elements go into a great ad, though? How do you make different visual elements work together to create a memorable campaign?
Well, while there’s no “magic” formula, there are five key elements you can use to create visually engaging campaigns. You don’t need to use them all in every design, but you should ideally use as many elements as you can to enrich your content. After all, you only have roughly two seconds to grab a person’s attention before they move on, so your paid ads must stand out.
With that in mind, let’s take a look at each element in turn and consider what they are, how they’re used in graphic design, and how they work together.
In graphic design, typography refers to how you arrange text within your advertisement. It’s how you display words to quickly capture someone’s attention and communicate your core message.
Typography tells people why your ad matters, so it’s crucial you choose the right words. However, what’s equally important is the font and the text size.
The font directly impacts the vibe or mood of your ad. For example, a sharp, angular font sends a strong message:
Softer fonts, on the other hand, have a more relaxed vibe:
Size and density matter, too. Large, thick lettering conveys a powerful message, while smaller, thinner letters are more elegant and timeless.
Finally, typography covers text emphasis. Highlighting, bolding, or italicizing some words draws special attention to them, so people quickly know which words to pay the most heed to.
Don’t let typography daunt you. Think of it as how you put words together on the screen. Experiment with different text positioning to ensure the ad is well-balanced, and check out examples of ads in your niche to see what works and what doesn’t.
By “visuals,” I’m talking about the actual images you use to grab someone’s attention. Visuals can include:
Why are visuals so important? Well, they make up the bulk of your ad. Unless you use particularly bold lettering or a lot of blank space (which we’ll cover later), images are central to your visual content.
You can use visuals to convey messages that may be hard to express through words, or you might use visuals to reinforce a written message.
Videos, for example, help you describe how something works in more detail. It’s an opportunity to get closer to your audience and build trust in your brand:
Infographics, on the other hand, help marketers condense complex points into visually appealing content that’s easily consumed and understood. Finally, elements like logos allow marketers to increase brand visibility on social media and elsewhere online.
The takeaway? You can use visuals to craft a consistent brand presence while communicating your core message in an engaging way.
Visuals are key to shaping the overall mood of your graphic design, so think carefully about the type of visual elements you want to include to maximize your ad’s chance of success. Again, it might be worth scoping out successful ads in your niche and seeing what you can learn from them.
Specifically, space in graphic design refers to the space surrounding other elements like text, shapes, or visuals. It’s also referred to as “white” space or “negative” space.
Think of white space as your foundation. You start with a blank or white screen, and you build the other elements around this space. In other words, white space is the canvas, allowing you to balance contrasting elements, draw attention to key visuals, and create the right vibe.
To be clear, there’s no need for the space to actually be white; it can be any color. What matters is that there’s clear space between your visual elements to avoid a confusing aesthetic.
The main point to bear in mind? If there’s not enough space between elements, your design might be cluttered, jarring, and difficult for your audience to make sense of. On the other hand, if there’s too much space, the ad might seem redundant or hollow.
Learning the art of white space is key to mastering how to craft well-balanced, appealing content for landing pages and campaigns.
I can’t overstate how important color is when choosing graphic designs for your paid campaigns. Whether you opt for a bright, vibrant palette or muted, dulcet tones, the color choice affects the whole mood of your campaign.
In design, we can group color schemes into categories based on where they sit on the color wheel. Here’s a simple example of a color wheel:
Complementary colors sit opposite each other, such as yellow and purple. Monochromatic colors, on the other hand, are simply different shades of one color (such as different hues of blue.)
Analogous colors sit beside each other, such as orange and yellow, while triadic colors are evenly spaced across the wheel (such as yellow, red, and blue.)
Graphic design involves selecting a color palette to dictate the mood or communicate an emotional response. Bold colors and warm hues, for example, invoke different vibes from cold colors or softer, pastel shades.
You can play around with different color combinations until you find the one which feels right.
Don’t forget to consider what colors to use for all visual elements and how they might work together. If you opt for black and white text, think about how this might work with the color scheme for your background and chosen visuals. A disorganized, fragmented color scheme can ruin the look of your design.
In graphic design, lines are about more than just connecting dots. Lines have numerous artistic purposes, such as:
Lines are highly expressive tools. They can be:
The type of lines you draw depends on the message you’re trying to send to your audience.
Shapes in graphic design simply mean forms contained within lines, such as rectangles, squares, circles, and so on.
There are two main types of shapes: organic and geometric. Organic shapes are less well-defined. They include natural shapes, such as leaves, and irregular or curved shapes, such as vases. No two organic shapes are the same. By contrast, geometric shapes are more simplistic. They can be 2D or 3D, depending on the form, and they include shapes like triangles, rectangles, and spheres.
In graphic design, you can use a blend of organic and geometric shapes, or you can stick with one category for a more uniform design.
Graphic design is a means of creating visual content. Using a blend of color, imagery, and text, graphic design communicates specific messages in a visually appealing, engaging way.
You can use graphic design to drive home your brand message more effectively through paid ad campaigns. With the right imagery, your ad can stand out from the crowd, which is especially important in a crowded niche. What’s more, professional graphics could make your brand seem more authentic and trustworthy.
Graphic design works great on visual social media platforms such as Instagram, but you can also use it on display ads, landing pages, and Google shopping ads. Wherever there’s an opportunity to add imagery, the right graphic design elements can help you build a consistent brand identity online.
Ideally, you’re aiming to include a blend of elements. The five key elements to choose from are text, color, space, shapes, and visuals. You don’t need to include every element in every ad, but you should use as many as you can to create eye-catching designs.
{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “What is graphic design?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
Graphic design is a means of creating visual content. Using a blend of color, imagery, and text, graphic design communicates specific messages in a visually appealing, engaging way.
”
}
}
, {
“@type”: “Question”,
“name”: “Why is graphic design important in paid ad campaigns?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
You can use graphic design to drive home your brand message more effectively through paid ad campaigns. With the right imagery, your ad can stand out from the crowd, which is especially important in a crowded niche. What’s more, professional graphics could make your brand seem more authentic and trustworthy.
”
}
}
, {
“@type”: “Question”,
“name”: “How do I use graphic design in paid ad campaigns?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
Graphic design works great on visual social media platforms such as Instagram, but you can also use it on display ads, landing pages, and Google shopping ads. Wherever there’s an opportunity to add imagery, the right graphic design elements can help you build a consistent brand identity online.
”
}
}
, {
“@type”: “Question”,
“name”: “What graphic design elements should I include in a paid campaign?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: ”
Ideally, you’re aiming to include a blend of elements. The five key elements to choose from are text, color, space, shapes, and visuals. You don’t need to include every element in every ad, but you should use as many as you can to create eye-catching designs.
”
}
}
]
}
As a technique, graphic design itself is nothing new. However, if you get a little creative, you can use this tried-and-tested technique to craft unique, captivating content for your paid campaigns.
When you’re working on graphic designs, be sure to check out the range of image editing and graphic design tools available online. You should also evaluate successful ads in your niche to figure out what made them special and identify how you can use your findings to craft your content.
Finally, you might consider checking out my consulting services to see how I can help you take your paid campaigns to the next level.
How are you using graphic design in your paid campaigns?