C# On The Client Side With Blazor

Clayton Terry .NET, CSS & HTML, Technology Snapshot Leave a Comment

With the introduction of .Net Core 3.0, Microsoft has built its own web UI framework.

Introducing Blazor: Microsoft’s fully C# client-side framework. With the help of its Razor platform, Microsoft is attempting to put its hat in the ring with the likes of Angular, React, and Vue.

Blazor allows developers to fully design and execute web pages purely with C# — it is meant to eliminate the need for JavaScript. The goal is also to hopefully limit the number of vulnerabilities found in front-end UI work.

In this post, we give an introduction to Blazor and a quick tutorial for getting started.

Getting to Know Custom CSS Properties

Lawrence Chabela CSS & HTML, Technology Snapshot Leave a Comment

CSS custom properties are very powerful way for you to spice up your style sheets. They are a way to separate JavaScript behavior and styling, as shown in the ability to set information in the JavaScript for the CSS to use for its styling.

Even if you’re using a preprocessor for your CSS, there is still a place for CSS custom properties to be directly embedded in your CSS.

In this blog: we introduce custom CSS properties, show why you want to use them, how to define them, and how to change them with and without JavaScript.

Fabric.JS

Reinforcing The HTML5 Canvas With Fabric.js

Lou Mauget CSS & HTML, Design, Technology Snapshot Leave a Comment

This world is but a canvas to our imagination. -Henry David Thoreau Dynamic Web Graphics The past… Applets In the previous millennium, HTML markup had limited support for graphics. If we wanted dynamic graphics, or even a page that responded seamlessly to requests, we embedded a JavaScript VM in the page to host an Applet. Indeed, Applets were an original …

Sass

Structuring CSS Selectors With Sass Mixins

Lawrence Chabela CSS & HTML, Single-Page Application, Technology Snapshot 2 Comments

CSS naming can be one of the most challenging things in creating large-scale style systems in an application. There have been a lot of great practices, methodologies, and conventions that have arisen in the last few years to help. Popular examples that you might have heard of include BEM, OOCSS, and SMACSS. One that I would like to introduce to …

Responsive Design

Approaching Responsive Design

Vince Pendergrass CSS & HTML, Design, Mobile, Problem Solving, Technology Snapshot Leave a Comment

Coming from a Java back-end background and given the privilege to dive into the front-end space, I was finally able see what it was like to make a web application responsive. Although there are plenty of other benefits to responsive design, a main benefit is that there is now no need to create an application for every device out there. The use …