I will show how to make menus with CSS without using JavaScript: dropdown menus, drawers, and even a mobile hamburger menu
How to make menus with CSS
Search Results for: css
Responsive table layout with only CSS
I want to show you how to create a fully responsive table layout with only CSS that helps you to display your tables on every screen.
How to create email buttons with just HTML and CSS
In this post I explain how to create email buttons with just HTML and CSS. A call to action button is an important element of an effective email. But how can we make sure everyone receives the button the way you want? People tend to use images, a rookie mistake because people can turn their images off. Therefore, we will create a responsive email button with only HTML and CSS. Problems when creating an email button Each client processes the HTML and CSS differently but we still want it to…
Multi Step Form with Progress Bar using jQuery and CSS3
Got long forms on your website ? Break them up into smaller logical sections and convert it into a multi-step form with a cool progress bar. Could work for lengthy processes like registration, checkout, profile fillups, 2-factor authentication logins, etc. The form has 3 fieldsets containing the 3 different sections of the form. The fieldsets are absolutely positioned and only the first one is visible by default. Moving to the next section fades out the current fieldset using jQuery .animate() and brings in the next fieldset from the right. The…
CSS not loading from App_Themes
am having problem while loading the CSS file through App_Themes folder but with ASP.NET authentication doesn’t work.
New MarkdownEditor components for JavaScript and Blazor
Today, after 2 years, I released a new Markdown Editor components for JavaScript and Blazor. The full source code is available on GitHub.
MAUI Push Notifications using Azure Notification Hub
Here how implement in NET8 MAUI the push notifications using Azure Notification Hub without any external package for Windows. Very hard work!
Autocomplete component for Blazor
The Autocomplete for Blazor component offers simple and flexible autocomplete type-ahead functionality for Blazor WebAssembly and Server
Getting started with Java
In this new post “Getting started with Java”, I share with you my consideration about this programming language in comparison to C#
ScrollTabs component for Blazor
Do you have to display a lot of tabs in your page, but the look and feel is no what you want. Here you have a ScrollTabs component for Blazor
Drag and drop with Blazor
I show how to implement drag and drop with Blazor because drag and drop has become a popular interface solution in modern applications.
Create documentation with Docsify and GitHub Pages
Documentation is an essential part of making any project useful to users. Here how to Create documentation with Docsify and GitHub Pages
Guided Tours Blazor component
I introduce you my new Guided Tours #Blazor component to help your users to understand the UI of your application
Clippy Blazor component
I introduce you my new Clippy Blazor component for Blazor WebAssembly and Blazor Server. The component is built with .NET6.
Add Security Headers to Blazor WebAssembly
In this new post, I like to explain how to add security headers to Blazor WebAssembly to follow the recommendations from OWASP.
Deploy WordPress with Azure DevOps
In this new post, I show you how to deploy WordPress with Azure DevOps using an instance of WordPress app service created in the Azure
World Map component for Blazor
This World Map component for Blazor WebAssembly and Blazor Server creates an interactive map of the world or specific region and shows your data
SVG Icons and flags for Blazor
SVG Icons and flags for Blazor is a new library that contains tons of icons in SVG format and also all the world flags for each country
Add Code Snippet in Razor pages
In this new post, I show you how to add code snippet in Razor pages for Blazor WebAssembly and Blazor Server using highlight.js
Dynamically add JavaScript from Blazor components
In this new post, I show you the code to dynamically add JavaScript from a Blazor components coming from the component itself or another URL
Markdown Editor component for Blazor
I have created a new Markdown Editor component flexible and rich of functionalities for Blazor WebAssembly and Blazor Server with .NET6.
Code Snippet component for Blazor
Today I want to show you how to create a Code Snipper component for Blazor using highlight.js that is available for 191 different languages
DataTable component for Blazor
I have just released a new DataTable component for Blazor WebAssembly and Blazor Server. The NuGet package is available here. The source code will be available soon on GitHub. This component supports client/server side paging, filtering and sorting. DataTable in action Installation So, first install the package from NuGet or execute this command or Then, open your index.html or _Host.cshtml and add the CSS in the head of the page and then the script at the bottom of the page Then, add in your _Imports.razor file the following using: Also, in the…
Markdown editor with Blazor
In this new post, I will show you have to create a simple Markdown editor component for Blazor Assembly and Blazor Server. Source code inside.
Tabs control for Blazor
In this new post, I explain how to create and use Tabs control for Blazor Web Assembly and Blazor Server with basic HTML, CSS and C#