Taming Webpackʼs content hashes We wanted our collection of microservices share and reuse the assets they compile. How hard could that be?
.NET Rocks! vNext .NET Rocks! is a weekly talk show for anyone interested in programming on the Microsoft .NET platform. The shows range from introductory information to hardcore geekiness.
Modern Web UI with Blazor WebAssembly Modern web development is here with Blazor! Be productive building beautiful interactive UI with .NET and C# that runs on any device via WebAssembly. PWAs, authentication, debugging, +more.
React and Serverless Part 2- Webinar Want to know how to combine React and Serverless to build fullstack applications? In this webinar, I will show you how to do just that using React and hosting serverless functions in Netlify! Go to https://www.jamesqquick.com and subscribe to the newslet...
Rediscovering the Small Web - Neustadt.fr Most websites today are built like commercial products by professionals and marketers, optimised to draw the largest audience, generate engagement and 'convert'. But there is also a smaller, less-visible web designed by regular people to simply to share t...
Pure CSS Oil Painting - by Diana Smith aka cyanHarlow Pure CSS Oil Painting - by Diana Smith aka cyanHarlow
Announcing Experimental Mobile Blazor Bindings May update | ASP.NET Blog Update of Experimental Mobile Blazor Bindings with CSS fixes, improved docs, and easier syntax!
Complete Website Redesign - (Speed Up Video) I did a complete website redesign on my site...right before launching a course! Go to https://www.jamesqquick.com and subscribe to the newsletter to stay updated and to get exclusive content & discounts Live streams on Twitch - https://twitch.tv/jamesqq...
Devhints — TL;DR for developer documentation A ridiculous collection of web development cheatsheets · One-page guide to
LaTeX.css — Make your website look like a LaTeX document Use the following code to add an author and abstract to your document. It will look like this.
React and Serverless - Webinar Want to know how to combine React and Serverless to build fullstack applications? In this webinar, I will show you how to do just that using React and hosting serverless functions in Netlify! Go to https://www.jamesqquick.com and subscribe to the newslet...
async/await is the wrong abstraction - LogRocket Blog What we are trying to do with async/await is to ignore reality and have these async operations appear to be happening synchronously.
How easy is it to build a Marvel search engine with Blazor? Blazor WASM is here, but just how quickly can you go from dotnet new to something useful up and running in the browser?
Blazor WebAssembly is Officially Released at Microsoft Build Blazor WebAssembly has officially made it to its first production release. Learn some of the great new features and get a preview of what's coming in .NET 5.
Windows Forms Designer for .NET Core Released | .NET Blog Today we’re happy to announce that the Windows Forms designer for .NET Core projects is now available as a preview in Visual Studio 2019 version 16.6! We also have a newer version of the designer available in Visual Studio 16.7 Preview 1!
Create Real-time Applications with ASP.NET Core SignalR – Using Rider! - .NET Tools Blog Folks who use your software want to-the-second updates. Especially in a business setting, where people need to get things done, and get them done at “the speed of business”. Company dashboards showing sales and their projections often need information to ...
Want to build a side business? Just buy a great Domain Name | Deep South Ventures So you wanna start a side business while holding down a full-time job. Kool. Dang smart move – that’s the same route I took – ten years ago now. Self-funded, no VC to appease, no angel investor to update. Just you, and your sandbox of ambition. Hmm, but w...
Introducing App Service Static Web Apps Modern web apps are increasingly adopting static front-end design patterns with client-side processing powered by JavaScript. This paradigm requires us to think differently about how we deploy and host web apps that don’t rely on web servers and consequen...
Tiny websites are great | Tiny Projects Why building your own tiny website is a really great project that every code should do.
Tag Helper Authoring in ASP .NET Core 3.1 This is the twentieth of a new series of posts on ASP .NET Core 3.1 for 2020. In this series, we’ll cover 26 topics over a span of 26 weeks from January through June 2020, titled ASP .NET C
Creating and Editing Content - Demo and Q&A Want to know what it's like to create and edit YouTube videos, courses, etc? Come join me for an open Q&A to ask anything you want! Go to https://www.jamesqquick.com and subscribe to the newsletter to stay updated and to get exclusive content & discounts...
What is Azure Front Door? For a Web Site or Web Application, the goal is pretty simple, provide the content and power interactions with users. Seems simple, a little HTML here, a little CSS there, splash some JavaScript BAM you have web magic. Then it starts to get interesting...
The Janet Programming Language Janet is a functional and imperative programming language. It runs on Windows, Linux, macOS, FreeBSD and *nix.
Airtable API Tutorial With cURL and JavaScript With the Airtable API, you can easily persist your application data in the cloud! You can call the Airtable API directly with HTTP requests, but Airtable als...
Setting TypeScript For Modern React Projects Using Webpack And Babel — Smashing Magazine This article introduces Typescript, a superscript of JavaScript that presents the static type feature for spotting common errors as developers codes, which enhances performance, hence results in robust enterprise applications.
Unit Testing Blazor Components with bUnit and JustMock Read this guide to unit testing Blazor components covering everything from setting up your projects to simple unit test examples and a master-detail scenario.
Next.js 9.4 Next.js 9.4 introduces React Fast Refresh, Incremental Static Regeneration, New Environment Support, Built-in Fetch, and more!
Convincing-looking 90s fonts in modern browsers – Vistaserv.net The Vistaserv webmasters take you on a journey to create pixel-perfect renditions of vintage fonts on the modern web.
Running a Programming YouTube Channel - What It's Like and Why You Should Do It Jesse from the codeSTACKr YouTube channel is going to join me for an open QandA to talk about running a programming YouTube channel. We will talk about what our experiences have been like and why you might benefit from creating one as well. Go to https:/...
How to Serve Over 100K Web Pages a Day on a Slower Home Internet Connection Implementing these 7 tips could enable your home webserver on your relatively low-bandwidth Internet connection to handle well over a hundred thousand page views per day.
Using Razor Class Library (RCL) to generate a common UI for all your dotnet web projects Getting a ready-to-go pack to build a website is a common need for web developers. Buying a 50$ template with a complete .net integration…
How Stripe Designs Beautiful Websites Examining the tips and tricks used to make Stripe's website design a notch above the rest.
Formatting Strings with JavaScript Padstart and Padend Functions If you need to format a string to be a certain length, the built-in JavaScript padStart and padEnd functions will do just that. With JavaScript padStart and padEnd, you pass two parameters: one for the desired length of the padded string, and one for the ...
Using jQuery and Bootstrap from a CDN with fallback scripts in ASP.NET Core 3.0 In this post I show how to update the default Razor layouts to load CSS and JS files from a CDN, and how to configure local fallbacks with SRI protection.
Introducing Inkscape 1.0 | Inkscape <p><img alt="Inkscape 1.0 Banner" src="https://media.inkscape.org/media/resources/render/resources/file/banner_1.0a.png" style="width: 30%; float: left; margin: 0 1em 1em 0" /></p> <p>After a little over three years in development, the team is excited to...
Headless vs Embedded CMS (Live Stream) Brad Garropy joins me to discuss the pros and cons of Headless CMS vs Embedded CMS in the Jamstack. https://www.jamesqquick.com https://www.jamesqquick.com/uses/ (hardware, software, etc.) https://twitch.tv/jamesqquick https://www.learnbuildteach.com/ ...
Gatsby and Sanity - Part 4 (Live Stream) Gatsby and Sanity.io are a great pair for creating JAMstack projects like blogs. In these videos, I am working to migrate my Gatsby blog from using markdown files to using the Headless CMS called Sanity.io. After starting this migration, I am loving Gatsb...
Mobile Blazor Bindings - Navigation and Xamarin Essentials In this post, I talk about navigation and Xamarin Essentials for Mobile Blazor Bindings. I then apply these to a real app to see how they work in practice.
Quickly transform any mockup or design into a working Blazor prototype Even complicated applications can be broken down into small components, making them much less daunting to build.
Integrating ASP.NET Core with gRPC - Simple Talk In this article, Diogo Souza explains how to work with gRPC which is an improvement from Google over the classic remote procedure calls used when a program must communicate between resources on a network.
Contract-first development: Create a mock back end for realistic data interactions with React - Red Hat Developer Learn to use React.js to test your front end with realistic data interactions, from creating a fake back end to switching back to a development environment.
Visual Studio Code Browser Preview Extension Did you know you can view a live-reloading browser preview right inside of Visual Studio Code? Well, with the Browser Preview extension, you can do just that. Setting up your Visual Studio Code browser preview is just a few clicks away. Go to https://www...
Stored Procedures, ORMs, and GraphQL - ardalis GraphQL is the new ORM, and your API endpoint is the new stored procedure. About fifteen years ago, a debate raged in the still-young .NET development world over how best to access data. On the one side were the traditionalists, among them database admini...
Spotify’s Failed #SquadGoals “The Spotify model” got a bunch of companies talking like Taylor Swift about startup culture, but four former Spotify employees reveal the truth: its eponymous way of working failed before it scaled.
Streamlabs Chat CSS tweak so message goes below name. Good for tall, thin layout. Streamlabs Chat CSS tweak so message goes below name. Good for tall, thin layout. - streamlabs-chat.css
How to Build a Secure AWS Lambda API with Node.js and React Build a secure serverless API using AWS Lambda functions, Node.js, and React.
Mobile Blazor Bindings - State Management and Data In this post, I talk about the state management and data options for Mobile Blazor Bindings. I then apply these to a real app to see how they work in practice.
GraphQL and Apollo with Andrew Mead (Live Stream) GraphQL and Apollo are a match made in heaven. In this stream, Udemy instructor, Andrew Mead, joins me to get started with GraphQL and Apollo by creating a backend GraphQL layer for blog posts. Go to https://www.jamesqquick.com and subscribe to the newsl...
Unleash your full-stack creativity with Blazor and Tailwind CSS Make re-usable components that look decent without the usual CSS headaches.
Getting started with JavaScript application development - Red Hat Developer Get started writing JavaScript web applications with this guide to the overall process, and learn how Node.js, React, and PatternFly fit in.
Transparent Textures Standing on the shoulders of Subtle Patterns. Built and maintained by @mikehearn.
Getting Started with Sanity.io Sanity.io is an amazing Headless CMS with lots of room for customization. With Sanity.io, you can create custom React components for the dashboard to add whatever functionality you want. I have already moved my site over to Sanity.io and am really enjoyin...
Mobile Blazor Bindings - Navigation and Xamarin Essentials In this post, I talk about navigation and Xamarin Essentials for Mobile Blazor Bindings. I then apply these to a real app to see how they work in practice.
My Writings Throughout everything I do I also do a lot of professional technical writing, not just blogging (Which I do get paid to do as well) but actual technical writing, from private documentation for clie…
Gatsby and Sanity.io - Part 3 (Live Stream) Gatsby and Sanity.io are a great pair for creating JAMstack projects like blogs. In these videos, I am working to migrate my Gatsby blog from using markdown files to using the Headless CMS called Sanity.io. After starting this migration, I am loving Gatsb...
The Ultimate Guide to Drag and Drop Image Uploading with Pure Javascript This is a comprehensive guide on how to utilize drag and drop image uploading with pure Javascript.
Top Visual Studio Code Git Extensions in 2020 By finding the right Visual Studio Code Git extensions, you can really power up your Git workflow right inside of your editor. Although VS Code has some great built-in functionality for Git, you can add some real power to your workflow. Git History - htt...
Mobile Blazor Bindings - State Management and Data In this post, I talk about the state management and data options for Mobile Blazor Bindings. I then apply these to a real app to see how they work in practice.
Webinar: Let’s Build a Financial Dashboard with React We’re running a live, 45-minute webinar on building financial dashboards. Here’s what we’ll cover.
Gatsby and Sanity.io - Part 2 Live Stream Gatsby and Sanity.io are a great pair for creating JAMstack projects like blogs. In these videos, I am working to migrate my Gatsby blog from using markdown files to using the Headless CMS called Sanity.io. After starting this migration, I am loving Gatsb...
Gatsby and Sanity.io - Part 1 (Live Stream) Gatsby and Sanity.io are a great pair for creating JAMstack projects like blogs. In these videos, I am working to migrate my Gatsby blog from using markdown files to using the Headless CMS called Sanity.io. After starting this migration, I am loving Gatsb...
Firefox 75 for developers This article provides information about the changes in Firefox 75 that will affect developers. Firefox 75 was released on April 7, 2020.
CS Degree vs Coding Bootcamp vs Self-taught (Live Stream) CS Degree vs Coding Bootcamp vs Self-taught...which is the best path? Well, it depends on you. Your background, your experience, and your current situation. In this video, we will discuss the props and cons of CS Degree vs Bootcamp vs Self-taught. https:...
Mobile Blazor Bindings - Layout and Styling In this post, I talk about the layout and styling options available for Mobile Blazor Bindings. I then apply these to a real app to see how they work in practice.
Releasing Skclusive-UI 2.0 for Blazor Skclusive-UI is Blazor component library based on Material Design.
The Svelte Compiler Handbook The Svelte compilation process can be broken down into 4-steps, 1) parsing source code into AST, 2) tracking references and dependencies, 3) creating code blocks and fragments, and 4) generate code.
Full stack open 2020 Open online course on Javascript based modern web development by University of Helsinki and Houston Inc..
Getting Started with The Twitch API (Live Stream) Build a Twitch chat app using the Twitch API in JavaScript! Twitch as a streaming platform is growing in usage. As I started streaming a couple of months ago, I wanted to explore with the Twitch API to see what is possible. https://www.jamesqquick.com h...
Sad state of cross platform GUI frameworks | RoyalSloth An overview of the cross platform GUI frameworks.
Edit fiddle - JSFiddle - Code Playground Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Middleware in ASP .NET Core 3.1 This is the thirteenth of a new series of posts on ASP .NET Core 3.1 for 2020. In this series, we’ll cover 26 topics over a span of 26 weeks from January through June 2020, titled ASP .NET
Building dark mode on Stack Overflow - Stack Overflow Blog On March 30, 2020, we enabled folks to opt into a beta dark mode on Stack Overflow. Let’s talk about the work that went into it.
Convert CSS in React To Styled Components Styled Components is one of those interesting topics that developers love to argue about. It's a brand new way of doing things that many people just aren't ready to acknowledge. In this article, we are going to convert a React site using regular CSS to o...
Offline storage in a PWA When you are building any kind of application it's typical to want to store information which persists beyond a single user session. Sometim...
Add Upcoming Streams Page to My Gatsby Site (Live Stream) Since I am starting to do live streams, I am adding an Upcoming Streams page to my Gatsby site. I also use the react-livestream package to embed a live feed of my stream on the page. https://www.jamesqquick.com https://twitch.tv/jamesqquick https://www.l...
Sanitize HTML snippets with AngleSharp Some websites allow user to include html when they post comments. This may looks like: Add comment section on Scott Hanselman's blog The website must remove all elements and attributes that are not allowed to avoid injection problems. In this post we'l...
CO2 emissions on the web I’ve spent the last month trying to reduce the carbon footprint of the websites I have (some) control over. When talking about this with other people they often look at me blankly before asking “aren’t you taking this a little too far?”.
Top 10 Static Site Generators in 2020 With the growth of the JAMstack and its community, Static Site Generators are becoming more and more popular. In this video, let's take a look at the top Static Site Generators of 2020! https://www.jamesqquick.com https://twitch.tv/jamesqquick https://ww...
Prettier 2.0 “2020” · Prettier Better defaults, a better CLI and better heuristics. Oh, and TypeScript 3.8.
Intermediate CSS Grid Challenges (Live Stream) Watch me try to solve Intermediate CSS Grid challenges in real-time! References CSS Grid Course by Wes Bos - https://CSSGrid.io/friend/QUICK Complete Guide to CSS Grid - https://css-tricks.com/snippets/css/complete-guide-grid/ Practical CSS Grid by Bryan...
The Beauty of CSS Design A demonstration of what can be accomplished visually through CSS-based design.
10 Examples of CSS Grid - Getting Started CSS Grid is one of the most amazing features to hit CSS in years. You can replace many of the hacks that you used in the past with CSS Grid. In this video, you are going to learn about CSS Grid by creating 10 different examples! Example 1 - 01:47 Example...
Developer Resume Reviews (Live Stream) In an effort to give back, I have been doing resume reviews for developers across the world. In this live stream, we looked at 7 different resumes! Request a resume review - https://www.peerreviews.dev Resume review 1 (Mahmoud)- 7:40 Resume Review 2 (Wa...
React and TypeScript - Getting Started Learn how to combine React and TypeScript for a better/safer development experience. For those that are more used to strongly typed languages, TypeScript will be a significant upgrade. React and TypeScript is a great combination. https://www.jamesqquick....
JavaScript, CSS, HTML & Other Static Files in ASP .NET Core 3.1 This is the tenth of a new series of posts on ASP .NET Core 3.1 for 2020. In this series, we’ll cover 26 topics over a span of 26 weeks from January through June 2020, titled AS…
How Websites Evolved Back to Static HTML/CSS/JS Files — Photo by Hal Gatewood on Unsplash How Websites Evolved Back to Static HTML/CSS/JS Files Or, the JAM stack. Everyone likes to talk about the good old days of simply being able to create a new file with a .html extension and start making a website instead o...
Building Blazor applications on a Mac Download Visual Studio: https://aka.ms/VS4MacDownload Blazor lets you build interactive web UIs using C# instead of JavaScript, with rich web UI components implemented using C#, HTML, and CSS. Both client and server code are written in C#, allowing you t...
What the f*** were they thinking?! Crazy website biases exposed by naughty words lists (the NSFW version) I’ve long held the view that passwords should consist of as many crazy things as the owner deems fit. If I want to create a password that looks like a dog just ate the keyboard and threw up all the keys, then good for me. (Chances are that
Tip 253 - Use Ingress Controller to access resources in an Azure Virtual Network In a recent customer engagement, they wanted to access all the AKS services via an Azure virtual network. This customer's application is not an external facing and needs to be on a corporate network to access their resources (e.g. HR, payroll,procurement ...
SAFE Adventures in F# – Azure From The Trenches If you're looking for help with C#, .NET, Azure, Architecture, or would simply value an independent opinion then please get in touch here or over on Twitter.
Getting Started With React Hooks React Hooks is an amazing feature in React that allows you to leverage state and lifecycle methods inside of a functional component. You'll see more and more libraries updated to take advantage of React Hooks, so it's in your best interest to learn about ...
Integrating Tailwind CSS with Blazor using Gulp - Part 2 In this post, I go deeping into Tailwind CSS. I'll show you how you can customise its settings, optimise the final CSS payload. Then finish up by showing how you can integrate Tailwind into a CI pipeline using Azure DevOps.
📕 The 25 most recommended programming books of all-time. Compiling 68 programming book lists and 1280 recommendations, here are the 25 most recommended programming books ever.
Don’t try to sanitize input. Escape output. Why you should escape output correctly, but generally not sanitize user input.
Learning Blazor Components: The Definitive Guide Learn the fundamentals of Blazor Component construction, including directives, parameters, child content/templates, routing and event handling.
Neutralinojs NeutralinoJs | Portable and lightweight cross platform application development framework.
Getting Started with Parcel.js - A Web Application Bundler Learn how to use Parcel.js as a bundler for your web application. Parcel.js is a “blazing fast, zero-configuration web application bundler” that is incredibly simple to use. A common alternative is Webpack, but Parcel.js is more easier to get started with...
Visual Studio for Mac: Refresh(); event Join our free, virtual event to learn how Visual Studio for Mac integrates modern .NET developer tasks and platforms and makes web, mobile and game development easy and productive on your Mac
Web Workers, comlink, TypeScript and React JavaScript is famously single threaded. However, if you're developing for the web, you may well know that this is not quite accurate. Ther...
Should you self-host Google Fonts? A deep dive into the performance implications of using Google Fonts (good and bad) and whether self-hosting is better.
Blazor | Build client web apps with C# | .NET Blazor is a feature of ASP.NET for building interactive web UIs using C# instead of JavaScript. It's real .NET running in the browser on WebAssembly.
VorTechS/BlazorCarousel A simple Blazor Carousel component. Contribute to VorTechS/BlazorCarousel development by creating an account on GitHub.
Build a JavaScript Responsive Sidebar Menu Improve your website's responsiveness by learning how to build a JavaScript responsive sidebar menu. These days, users can access your site from any type of device, and it's your responsibility to ensure that it looks and functions well on all of them. On...
Visual Studio for Mac: Refresh(); event speakers and sessions | Visual Studio Blog We’re just 19 days from the Visual Studio for Mac Refresh(); event and are excited to share the full agenda and speaker list with you! Keynote: A Fresh Look at Visual Studio for Mac Amanda Silver, Scott Hunter, Jon Galloway Whether you’re completely new ...
Reminder: Visual Studio for Mac: Refresh(); event on Feb 24 | Visual Studio Blog The Visual Studio for Mac Refresh(); event is just a few days away, starting on Monday, February 24, at 9 AM. We’ve got a great day of content planned. Make sure to “save the date” so you don’t forget over the weekend!
Integrating Tailwind CSS with Blazor using Gulp - Part 1 In this post, I introduce the Tailwind CSS framework, why I like it and why you might want to consider it. I then show how you can integrate it into your Blazor app using NPM and Gulp.
Blazor by Example - A dismissable banner How do you store simple state in a Blazor app, such as whether a user has dismissed a banner or not?
joshfree - Overview Dev Lead on the Azure SDK team at Microsoft. Previously on .NET Core Base Class Libraries. - joshfree
sdras - Overview comprehension over configuration. sdras has 79 repositories available. Follow their code on GitHub.
Visual Studio Code January 2019 See what is new in the Visual Studio Code January 2019 Release (1.31)
Compilers: The Next Frontier In Web Performance - Chad Hietala - JSConf US 2018 ,"assets":{"js":"/yts/jsbin/player_ias-vfl0m8XVi/en_US/base.js","css":"/yts/cssbin/player-vflnCF_bL/www-player-webp.css"},"args":{"watermark":",https://s.ytimg.com/yts/img/watermark/youtube_watermark-vflHX6b6E.png,https://s.ytimg.com/yts/img/watermark/you...
Nintendo Support: Nintendo 3DS Internet Browser Specs Images will display independently by either touching the image and holding for a few seconds or touching the URL for the JPEG image. Images can be saved to a microSD card. Saved images can be viewed in Nintendo 3DS Camera.
Motion · Blog · Where are all the animated SVGs? · Animated SVG icon editor A free, simple animated SVG icon editor that can bring your app, website or project to life!
ASP.NET Blog | Announcing Experimental Mobile Blazor Bindings February update Update of Experimental Mobile Blazor Bindings with new controls, iOS startup fix, easier native animations, and more!
You’re probably using the wrong dictionary « the jsomers.net blog The way I thought you used a dictionary was that you looked up words you’ve never heard of, or whose sense you’re unsure of. You would never look up an ordinary word — like example, or sport, or magic — because all you’ll learn is what it means, and that ...
EdCharbeneau/BlazorPro.Spinkit A Blazor library for loading and long process scenarios based on the CSS library Spinkit - EdCharbeneau/BlazorPro.Spinkit
EdCharbeneau/BlazorPro.Spinkit A Blazor library for loading and long process scenarios based on the CSS library Spinkit - EdCharbeneau/BlazorPro.Spinkit
Neumorphism in user interfaces How UI trends reach for inspiration into the real world and what problems do we have to solve to make those trends work.
Old CSS, new CSS / fuzzy notepad I first got into web design/development in the late 90s, and only as I type this sentence do I realize how long ago that was. And boy, it was horrendous. I mean, being able to make stuff an
davidfowl/NdcLondon2020 Demos for NDC London 2020. Contribute to davidfowl/NdcLondon2020 development by creating an account on GitHub.
libreoffice/core - main, development code repository its of limited utility wrt the vcl layout work and optimal size widgets, and its confuses people looking for hidpi settings Change-Id: I37d21b480446f9fe2845b3a2d9fd59cdeddf1a93
Debug z-index stacking content with 3D View in the Microsoft Edge DevTools - Microsoft Edge Blog We are thrilled to announce the next iteration of 3D View in the Microsoft Edge DevTools, with a new feature to help debug z-index stacking context. The general 3D View shows a representation of th…
EdCharbeneau/BlazorSize Blazor browser size interop for matchMedia and browser window size at runtime. - EdCharbeneau/BlazorSize
.NET Design Review: System.CommandLine /player_ias-vfl0m8XVi/en_US/base.js","css":"/yts/cssbin/player-vflnCF_bL/www-player-webp.css"},"args":{"cos":"Windows","player_response":"{
.on() | jQuery API Documentation Description: Attach an event handler function for one or more events to the selected elements.
Cookies and Consent in ASP .NET Core 3.1 This is the third of a new series of posts on ASP .NET Core 3.1 for 2020. In this series, we’ll cover 26 topics over a span of 26 weeks from January through June 2020, titled AS…
EdCharbeneau/DotnetConfBlazor My resources from Dotnet Conf. Contribute to EdCharbeneau/DotnetConfBlazor development by creating an account on GitHub.
HTML attributes to improve your users' two factor authentication experience Learn how to use the HTML autocomplete, inputmode and pattern attributes to improve the user experience of logging in.
Create a Meetup Account Find Meetups and meet people in your local community who share your interests.
EdCharbeneau/CssBuilder CssBuilder is a Builder pattern for CSS classes to be used with Razor Components. - EdCharbeneau/CssBuilder
EdCharbeneau/CssBuilder CssBuilder is a Builder pattern for CSS classes to be used with Razor Components. - EdCharbeneau/CssBuilder
Draft: Front-End Performance Checklist 2020 — Please add your comments The final version will be published on @SmashingMag early January.
GoGetSSL | CSS-Tricks Hey, Chris here. I'm pulling this sponsored post. It was for a paid SSL service. I'm very much not an SSL expert. I've always relied on my host to install
bradwellsb/blazor-contacts A project template for OData API, IdentityServer4 auth, and server-side Blazor - bradwellsb/blazor-contacts
Introduction to Blazor Component Testing In this post, I'm going to look at how to get started testing Blazor components using Steve Sanderson's testing prototype. To make things more real world, I'm going to add some tests to my Blazored Modal library.
Getting Started with Blazor - Hear From the Experts Check out what the community experts have to say about getting started with Blazor, migrating to Blazor, the best Blazor features and more. Enjoy!
Firefox Developer Edition Firefox Developer Edition is the blazing fast browser that offers cutting edge developer tools and latest features like CSS Grid support and framework debugging
Creating Bespoke Input Components for Blazor from Scratch In this post, I'm going to show you how to create bespoke input components for your Blazor applications. We'll look at how to integrate with Blazor's validation system, but also, how to work outside it.
Blazor: Getting Started Learn how to build your first application in a hands-on way using Blazor, Microsoft's solution to use C# to write interactive web UIs without JavaScript.
ardacetinkaya/Blazor.Console A simple component to mock CLI for ASP.NET Core 3.0 Blazor applications to execute some custom commands for an application - ardacetinkaya/Blazor.Console
Building Custom Input Components for Blazor using InputBase In this post, I'm going to point out a couple of limitations with using Blazor's input components as is. I'll then show how you can build your own custom input components to solves these problems.
BlazorHelp Website > Blog - Creating A Rich Text Editor In Blazor Using Quill Microsoft Visual Studio Blazor
Blazor OceanAutoComplete Component Introduction Most line-of-business applications have use cases for an autocomplete control of some sort. For my upcoming Moo2U application, I need an autocomplete control for address (city, state, …
Life Lesson Star Trek Style ,"assets":{"js":"/yts/jsbin/player_ias-vfl0m8XVi/en_US/base.js","css":"/yts/cssbin/player-vflnCF_bL/www-player-webp.css"},"args":{"loaderUrl":"https://www.youtube.com/watch?v=0G-g2STqiSg","use_fast_sizing_on_watch_default":false,"cos":"Windows","player_re...
Join the Visual Studio for Mac ASP.NET Core Challenge | Visual Studio Blog We’d like to invite you to take part in a new community challenge in which you can interact directly with our team to improve Visual Studio for Mac, explore some great looking ASP.NET Core samples, and earn prizes!
.NET Design Review: GitHub Quick Reviews ,"assets":{"js":"/yts/jsbin/player_ias-vfl0m8XVi/en_US/base.js","css":"/yts/cssbin/player-vflnCF_bL/www-player-webp.css"},"args":{"innertube_api_key":"AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8","show_miniplayer_button":"1","cver":"2.20200219.03.02","cr":"US...
ADefWebserver/FatSecretDataExporter Allows users of FatSecret.com to export their data - ADefWebserver/FatSecretDataExporter
Commas in big numbers everywhere: An OpenType adventure My job involves a lot of staring at large numbers, mostly latencies innanoseconds, and picking out magnitudes like microseconds. I noticedmyself constantly c...
Firefox 70 — a bountiful release for all – Mozilla Hacks - the Web developer blog Firefox 70 is released today, and includes great new features such as secure password generation with Lockwise and the new Firefox Privacy Protection Report, as well as cool additions for ...
Introduction to Routing in Blazor In this post, I begin to look at how navigation works in Blazor. I start by showing the differences between navigation in traditional web apps vs SPAs. Before taking a high level look at Blazor's router component and how a navigation request is handled.
Uploading Files In Blazor A few weeks ago, Steve Sanderson blogged about publishing a package for a prototype Blazor file input component, designed to make working with user-supplied files in Blazor applications a lot easier. Steve has provided some very clear examples demonstr...
Pixels of the Week – October 13, 2019 by Stéphanie Walter - UX designer & Mobile Expert. Your weekly curated Design and Front-End ressources and tools: color palette tool, accessibility, ebook on design systems for developers, iOS 13 and PWAs, typography and text rendering, UX and animations, an article trying to explain the crappy interface ...
Blazored/Modal A JavaScript free modal library for Blazor and Razor Components applications - Blazored/Modal
Overriding :root CSS variables from inner scopes In our design system at Stack Overflow, we use Less to compile CSS color values. We have global Less variables like @orange-500 that are frequently modified for hover states, building border styli...
Overriding :root CSS variables from inner scopes In our design system at Stack Overflow, we use Less to compile CSS color values. We have global Less variables like @orange-500 that are frequently modified for hover states, building border styli...
https://www.onlinegdb.com/ Online GDB is online compiler and debugger for C/C++. You can compile, run and debug code with gdb online. Using gcc/g++ as compiler and gdb as debugger. Currently C and C++ languages are supported.
prefers-color-scheme The prefers-color-scheme CSS media feature is used to detect if the user has requested the system use a light or dark color theme.
Chrome 78 Beta: a new Houdini API, native file system access and more Unless otherwise noted, changes described below apply to the newest Chrome Beta channel release for Android, Chrome OS, Linux, macOS, and Wi...
sciter – Multiplatform HTML/CSS UI Engine for Desktop and Mobile Application sciter – Multiplatform HTML/CSS UI Engine for Desktop and Mobile Application
tonsky/FiraCode Monospaced font with programming ligatures. Contribute to tonsky/FiraCode development by creating an account on GitHub.
BlazorFiddle - Blazor .Net Developer Playground and Code Editor in the Browser. @page "/" <h1>Hello, world!</h1> Welcome to your new app.
AsciiDoc Home Page AsciiDoc is a text document format for writing notes, documentation, articles, books, ebooks, slideshows, web pages, man pages and blogs. AsciiDoc files can be translated to many formats including HTML, PDF, EPUB, man page.
The favicon.ico in the templates is needlessly big · Issue #13491 · dotnet/aspnetcore The favicon.ico file currently used in all of our project templates is pretty big by favicon standards at 31.2 KB. In fact, yslow recommends a size less than 1 KB, however a quick look at some big ...
🐕 Announcing NodeGUI and React NodeGUI - Build native desktop apps with Javascript and CSS 🎉 We’re very excited to announce the launch of NodeGUI and React NodeGUI! 🎊 NodeGUI is an open source library for building cross platform native desktop applications with JavaScript and CSS like…
rstropek/BlazorHeroTutorial Angular's Heroes tutorial implemented using Blazor - rstropek/BlazorHeroTutorial
Securing an Azure App Service Website under SSL in minutes with Let's Encrypt - Scott Hanselman Let’s Encrypt is a free, automated, and open Certificate Authority. That means you can get free SSL certs and change ...
Functional Web Programming with the SAFE Stack Develop full-stack web applications using the SAFE stack Gain the skills to rapidly build reliable, modern and industry-standard web applications bringing all the benefits of F# such as low cost, rapid and highly reliable code across both client and serv...
Investigating Drag and Drop with Blazor In this post, I give an overview of the drag and drop API and what parts are available to use in Blazor. I then walk through a todo prototype app which uses a drag and drop interface.
Steve Schoger | Refactoring UI | CSS Day 2019 Sometimes when we look at a polished interface we can acknowledge that it looks good but it’s hard to articulate why it looks good. In this practical session, Steve will be explaining the why. He’ll be looking at a poorly designed UI and refactoring it wh...
chanan/BlazorStrap Bootstrap 4 Components for Blazor Framework. Contribute to chanan/BlazorStrap development by creating an account on GitHub.
Blazor Components - New Blazor Scheduler Control, Data Grid Enhancements and more (available in Beta #1) Our first beta brings with it a new Blazor Scheduler component along with a myriad of enhancements designed to improve the overall capabilities of our Blazor product line
Stream-based requests (Request with ReadableStream) · whatwg/fetch@0c470b5 Basic tests: https://github.com/w3c/web-platform-tests/pull/4362. More tests are expected to be written as part of the implementation effort. Fixes #88, fixes https://github.com/yutakahirano/fet...
scrollbar-width The scrollbar-width property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.
An Epic Course - Hack Yourself First — Enterprise IT & Industrial IT Managed Service Support Last week I went on a course and it was epic - probably the best technical course I’ve ever attended. It was entitled “Hack Yourself First”.
Yūbinkyoku 🏣 - Tristan Hume Made as my final project for UWaterloo's CS488 Graphics class, this is the demo page for my path tracing renderer made with the goal of maximum photorealism. I put about a full time month's worth of work effort into this project, way more than required, s...
SNEAK PEEK: ASP .NET Core A-Z eBook Over the past 26 weeks, this blog has hosted a series of ASP .NET Core articles to cover 26 different topics from A-Z. Below is a sneak peek of an upcoming eBook that will combine all 26 blog posts…
psuter.net Elements on web pages are mostly side-by-side, or above and under each other. Occasionally however, a design calls for two or more elements to overlap. Familiar examples include unfolding navigation menus, preview panes when hovering a link, unhelpful ban...
dodyg/practical-aspnetcore Practical samples of aspnet core 2.1, 2.2, 3.0 and 3.1 projects you can use. Readme contains explanations on all projects. - dodyg/practical-aspnetcore
The Dangers of Stopping Event Propagation | CSS-Tricks The following is a guest post by Philip Walton (@philwalton). He is going to explain why stopping event propagation isn't something you should do lightly,
.NET Core 3: Add Server-Timing trailer · MiniProfiler/dotnet@a71fc6b This adds an option (default off) to enable Server-Timing headers for requests. It's a trailer here so requires Kestrel/feature support. If this works well, we can look at adding a netcoreapp2....
Blazored/Toast A JavaScript free toast library for Blazor and Razor Component applications - Blazored/Toast
r/javascript - Nobody talks about the real reason to use Tabs over Spaces 1,846 votes and 783 comments so far on Reddit
wybiral/tube Personal video streaming server. Contribute to wybiral/tube development by creating an account on GitHub.
Initial commit · OmniSharp/omnisharp-roslyn@a8f9786 - New omnisharp based on ASP.NET 5 and roslyn workspaces
I wanna go fast: HTTPS' massive speed advantage I tweeted this the other day, and the internet was not pleased: HTTPS is slow. No - wait - is it HTTP that's slow?! https://t.co/T49GG7oCaK pic.twitter.com/cfnYOpXMWc — Troy Hunt (@troyhunt) July 8, 2016 In fact, a bunch of the internet was pre...
Prerendering a Client-side Blazor Application In this post, I show how you can setup your client-side Blazor application for prerendering by using a server host project.
r/webdev - Just an observation. I have been interviewing candidates for a web dev position. A serious lack of knowledge in HTML/CSS. 784 votes and 461 comments so far on Reddit
Building the most inaccessible site possible with a perfect Lighthouse score An experiment that proves that automatic accessibility testing is only a first step and that manual testing is vital.
Monoid Monoid is a customizable, minimal + legible font optimized for coding. It's customisable with ligatures, alternates and class based positioning.
10 Top Blazor Tools Just a NuGet Away -- Visual Studio Magazine The hottest NuGet extensions for the hottest ASP.NET Core project.
Getting Started With Blazored Typeahead In this post, I'm talking about the latest component in the Blazored collection, Blazored.Typeahead. I'm covering how to get it, the available settings and how to use it.
wybiral/localtoast Scan localhost for various popular services. Contribute to wybiral/localtoast development by creating an account on GitHub.
Blazored/Typeahead Typeahead control for Blazor applications. Contribute to Blazored/Typeahead development by creating an account on GitHub.
Nick Craver - Stack Overflow: How We Do Deployment - 2016 Edition This is #3 in a very long series of posts on Stack Overflow’s architecture.Previous post (#2): Stack Overflow: The Hardware - 2016 EditionWe’ve talked abou...
wybiral/noscript-captcha A noscript image recognition captcha prototype. Contribute to wybiral/noscript-captcha development by creating an account on GitHub.
BlazorFiddle - Blazor .Net Developer Playground and Code Editor in the Browser. @page "/" <h1>Hello, world!</h1> Welcome to your new app.
A Detailed Look At Data Binding in Blazor In this post, I go into detail about how data binding works in Blazor. I cover one-way binding, two-way binding and the various uses of the bind attribute.
Markdown Monster: A better Markdown Editor for Windows Markdown Monster is an easy to use Markdown Editor and Weblog Publisher for Windows.
Three easy endpoints tapir is a library for describing HTTP endpoints. It combines Scala’s typesafety, with the declarative style and introspection…
Three easy endpoints tapir is a library for describing HTTP endpoints. It combines Scala’s typesafety, with the declarative style and introspection…
Monitor Blazor WASM loading and report errors Monitor Blazor WASM loading and report errors. GitHub Gist: instantly share code, notes, and snippets.
kkuchta/css-only-chat A truly monstrous async web chat using no JS whatsoever on the frontend - kkuchta/css-only-chat
Get Some Sass Into Your Blazor App In this post, I talk about the benefits of using Sass instead of traditional Css in your Blazor application. I then show how you can add Sass into your app without having to resort to JavaScript tools like Npm and Gulp.
HTTP headers for the responsible developer Guide to using HTTP headers for a better web. Learn about HTTPS, HSTS, CSP, Cacheable, immutable resources, serving WebP images, Feature-Policy and more.
spmoran-blazor/BlazorDestinationGame Contribute to spmoran-blazor/BlazorDestinationGame development by creating an account on GitHub.
Episode 15: TBD /player_ias-vfl0m8XVi/en_US/base.js","css":"/yts/cssbin/player-vflnCF_bL/www-player-webp.css"},"attrs":{"id":"movie_player"},"args":{"show_miniplayer_button":"1","enablejsapi":"1","player_response":"{
How to Get a Progressive Web App into the Google Play Store | CSS-Tricks PWA (Progressive Web Apps) have been with us for some time now. Yet, each time I try explaining it to clients, the same question pops up: "Will my users
Festify/ken-burns-carousel 🌄 A web component that displays a set of images with a ken burns effect - Festify/ken-burns-carousel
Understanding the Limitations of HTTPS A colleague recently forwarded me an article about the hazards of browsing on public WiFi with the question: “Doesn’t HTTPS fix this?” And the answer is, “Yes, generally.…
google/vulncode-db Vulncode-DB project. Contribute to google/vulncode-db development by creating an account on GitHub.
Proposal: <button once="true" /> attribute · Issue #1692 · w3c/html A common case I've seen many hundreds of times across the years is: clicking a <button> should disable it. This is usually due to an HTTP request (or some other operation) that's kick...
Middleware in ASP .NET Core This is the thirteenth of a series of posts on ASP .NET Core in 2019. In this series, we’ll cover 26 topics over a span of 26 weeks from January through June 2019, titled A-Z of ASP .NET Core! A –…
Blazored/Toast A JavaScript free toast library for Blazor and Razor Component applications - Blazored/Toast
American Democracy March 14, 2019 Lecture ,"assets":{"js":"/yts/jsbin/player_ias-vfl0m8XVi/en_US/base.js","css":"/yts/cssbin/player-vflnCF_bL/www-player-webp.css"},"args":{"loaderUrl":"https://www.youtube.com/watch?v=h2TrRWAkbr8","use_fast_sizing_on_watch_default":false,"cos":"Windows","player_re...
Blazor | Build client web apps with C# | .NET Blazor is a feature of ASP.NET for building interactive web UIs using C# instead of JavaScript. It's real .NET running in the browser on WebAssembly.
How To Learn CSS — Smashing Magazine You don’t need to commit to memorizing every CSS Property and Value, as there are good places to look them up. There are some fundamental things, however, which will make CSS much easier for you to use. This article aims to guide you along your path of le...
Blazored/Menu A JavaScript free menu library for Blazor and Razor Components applications. - Blazored/Menu
JavaScript, CSS, HTML & Other Static Files in ASP .NET Core This is the tenth of a series of posts on ASP .NET Core in 2019. In this series, we’ll cover 26 topics over a span of 26 weeks from January through June 2019, titled A-Z of ASP .NET Core! A – Z of…
Blazored/Menu A JavaScript free menu library for Blazor and Razor Components applications. - Blazored/Menu
Running Razor Pages and a gRPC service in a single ASP.NET Core application This article shows how ASP.NET Core Razor Pages can be run in the same application as a gRPC service. Code: Posts in this series Security Experiments with gRPC and ASP.NET Core 3.1 Running Razor Pa…
Adding a third party datetime picker to your ASP.NET Core MVC Application In this blog post I want to show something that is trivial and yet always causes me headaches. DateTime pickers have always been a pain to implement, and there are so many ways to accomplish them. For my own reference and maybe for someone out there that ...
Telerik UI for Blazor Data Grid Component Basics The Blazor data grid features functionality like paging, sorting, templates, and themes out of the box. Learn how to get started with it today.
Dark mode now available! I recently added a dark mode to my blog. Here's how you can enable it, how I implemented it, and what's currently missing!
Lupusa87/BlazorDragAndDrop Contribute to Lupusa87/BlazorDragAndDrop development by creating an account on GitHub.
PostgreSQL Tools for the Visually Inclined I started my career on the Microsoft stack building forms and websites using drag and drop tools. Over time that became a punchline, which is unfortunate because honestly, the productivity was insa…
Inspect and Style an Element in DevTools that Normally Disappears when Inactive · Manorisms 27 Aug 2018
Twitch Highlighter - Visual Studio Marketplace A VS Code extension to allow your Twitch viewers to help in spotting bugs, typos, etc. by sending a command in chat that will highlight the line of code they want you to check.
Bigscreen raises $11 Million in Series A financing led by True Ventures We are excited to announce that Bigscreen has raised a $11 million funding round to accelerate the growth of our VR platform
Dad and Mom at Monaco F1 /player_ias-vfl0m8XVi/en_US/base.js","css":"/yts/cssbin/player-vflnCF_bL/www-player-webp.css"},"attrs":{"id":"movie_player"},"args":{"vss_host":"s.youtube.com","cbrver":"72.0","ps":"desktop-polymer","player_response":"{
Kerckhoffs’ principles – Why should I make my cipher public? As I understand it, the less people know about the internals of my protocol or cipher, the more secure the protocol is. However Kerckhoffs's principle states that A cryptosystem should be secure...
Release Notes for Safari Technology Preview 76 Safari Technology Preview Release 76 is now available for download for macOS Mojave and macOS High Sierra.
ASP.NET Core One Hour Makeover Notes and links: http://aka.ms/aspnetcore-makeover https://ndc-london.com/talk/asp-net-core-the-one-hour-makeover/ The “out of the box” template has some lowes…
Build a Video Chat App with ASP.NET Core, Angular, and Twilio Use ASP.NET Core and Angular to build a video chat application using Twilio. See sample code, testing steps, and deployment. Repo with features and ideas.
The State of the Implicit Flow in OAuth2 This blog post is a summary of my interpretation and perspective of what’s been going on recently with the implicit flow in OAuth2, mainly spurred on by the recent draft of the OAuth 2.0 for Browse…
ASP.NET Core One Hour Makeover ASP.NET Core One Hour Makeover. GitHub Gist: instantly share code, notes, and snippets.
Dynamically setting Content Type in ASP.NET Core with FileExtensionContentTypeProvider tldr; If you have a scenario where you have multiple file types (.pdf, .docx, etc.) stored somewhere (in a database, file system, etc.), that need to be downloaded, you can automatically figure out…
twbs/rfs ✩✩✩ Automates responsive resizing ✩✩✩. Contribute to twbs/rfs development by creating an account on GitHub.
Bootstrap 4.3.0 Bootstrap v4.3 has landed with over 120 combined closed issues and merged pull requests. This release brings improvements to our utilities, some prep work for moving on to v5’s development, and the standard bug fixes and documentation updates.
Get These Dependencies Off My Lawn: 5 Tasks You Didn't Know Could be Done with Pure HTML and CSS Here are some things that are built into the HTML and CSS standards that you probably didn't know about. Or maybe you did. Congratulations.
Blazor | Build client web apps with C# | .NET Blazor is a feature of ASP.NET for building interactive web UIs using C# instead of JavaScript. It's real .NET running in the browser on WebAssembly.
We’re Looking For Someone To Lead FiveThirtyEight’s Data Visualization Team FiveThirtyEight’s hallmark is that we use data to inform our journalism. There are other things that define us — empiricism, transparency, an outsider’s perspe…