CODE Magazine / Articles
HTML 5
Articles filed under HTML 5
Articles
Showing 1–63 of 63
-
Front-End Development Trends
Updated
Sahil Malik explores the evolving landscape of front-end development by highlighting key trends and innovations. Malik emphasizes the increasing specialization required in the field, asserting that technologies such as semantic HTML, the dialog tag, and HTML5 enhancements significantly improve accessibility, SEO, and user experience. Additionally, he discusses the transformation of HTML forms and the benefits of vector graphics, specifically SVGs, which provide scalable and interactive graphical solutions.
-
Chrome Debugging Tips
Updated
Learn why the dev tools in Chrome are still the ones that Sahil uses. Read how to use code folding, locate any file (Ctrl-p), Prettify, the snippet editor, live expressions, and more.
-
How to Use the Fetch API (Correctly)
Updated
Paul continues looking at the XMLHttpRequest object in this exploration of the Fetch API. It’s not all sunshine and unicorns, but it’s pretty useful nonetheless.
-
Deploy a Real-World ExpressJS TypeScript Application Using Containers
Updated
Learn to deploy a real-world ExpressJS TypeScript application using containerization. Deploy both the application and the database as two separate containers.
-
Routing in Vue3: Navigating the Options
Shawn Wildermuth demonstrates how to use Vue Routing in a single page application. This article also explores RouterView, RouterLinks, Route Parameters ($route), Matching Routes (pathMatch), Nested Routes , and Routing Guards.
-
The Complete Guide to Provide/Inject API in Vue 3: Part 1
Get started building plug-ins using Vue 3’s Provide/Inject API. Learn about Props, Prop Drilling and how to solve the side effects of Prop Drilling using the Provide/Inject API in the Options API and the Composition API.
-
Understanding and Using Web Workers
Miguel Castro teaches you the how to use Web Workers to do multi-threaded development in Web applications using JavaScript.
-
Vue’s Composition API
Learn why the Composition API is better than the Options API in Vue 2 and Vue 3. See examples of using Composition API in TypeScript and Vue 3.
-
Progressive Web Apps (PWAs)
Learn to create a progressive Web application (PWA) which you can deploy through the App Store or Google Play for iOS and Andoid mobile apps. PWAs are built with browser-based technologies but can act just like a native app.
-
NestJS Step-by-Step: Connecting NestJS with Angular (Part 4)
Updated
Bilal Haidar concludes this series and shows how to connect an Angular front-end application with a NestJS back-end API.
-
POURing Over Your Website: An Introduction to Digital Accessibility
Everyone knows that there are standards when it comes to building apps. And most people know that there are standards for accessibility. But did you know that writing accessible apps is better for everyone? Ashleigh shows you what to think about the next time you sit down to create something.
-
Syncing a Client Database with the Server
Craig shows you how to gracefully resolve conflicts and synchronization issues with disconnected databases.
-
Moving from jQuery to Vue
If you don’t need the enormity of a SPA, you don’t have to lose the benefits of a framework. Shawn recommends using Vue to simplify the code and make it both more reliable and more testable.
-
Formatting Data in Vue.js
Shawn shows you how to use Vue.js to separate views and models and make Web development formatting a lot simpler.
-
Nest.js Step-by-Step
Updated
If you want to build efficient, reliable, and scalable apps, you’ll find the Nest.js framework to be an essential tool. Bilal shows you how to build a server-side app as he shows you Nest’s intrinsic compatibilities with other libraries and databases.
-
A Vue to a Skill
Shawn introduces you to Vue.js, a framework that can keep complex build systems from clogging up your app. It’s a SPA library that helps you separate the data from the markup, but it’s also much more.
-
Upload Small Files to a Web API Using Angular
If you have some small files to upload to a Web API, there’s no reason to use the same cumbersome process that works for larger files. Paul shows you how to save a lot of time and effort using Angular.
-
Angular and the Store
Bilal takes a look at making sure that your Angular app, large or small, can deal with state management and data access using the ngrx/store module.
-
Security in Angular: Part 3
In this third installment of his Angular security series, Paul addresses the Angular 6 release and shows you how to build an array of claims without single properties for security.
-
Security in Angular: Part 2
In this article, Paul Sheriff demonstrates how to secure an Angular application by building a .NET Core Web API that authenticates users against a SQL Server database and returns an authorization object with user claims. He guides readers through creating Entity Framework security classes, implementing JWT-based authentication, and securing API endpoints with the `[Authorize]` attribute and policies. The article also covers configuring Angular to store and send JWT bearer tokens via an HTTP interceptor, enabling seamless, secure communication between client and server. This foundational work sets the stage for more advanced claim-based UI security in the next installment.
-
Build Real-time Applications with ASP.NET Core SignalR
Updated
You may have already heard about SignalR and that the new version makes it easier to build fast Web apps and provide great user experiences. Anthony explores this tool and shows you how to take advantage of it.
-
Introducing Progressive Web Apps: The No-Store App Solution
Updated
Chris shows you that you can’t depend on SPAs to do all the dirty work anymore. Progressive Web Apps (PWAs) not only have more capabilities, but they make your users’ experience much snappier.
-
Eliminate HTML Tables for Better Mobile Web Apps
Updated
At this point, you’re clear that your app has to work on all platforms, especially on smartphones. Paul gets tables to adjust their sizes based on which platform is being used to view it.
-
Angular and AOT
If Just-in-Time compilation is getting you down because of slow runtime launches, you’ll be excited to learn about how Ahead-of-Time compilation can make your apps smaller and more efficient. Sahil shows you how.
-
From Zero to CRUD in Angular: Part 3
In the third and final segment of his series on using CRUD in Angular, Paul adds additional server-side validation to the generated Entity Framework classes. He also shows us the client-side validation and validates data in Angular.
-
From Zero to CRUD in Angular: Part 2
Updated
Building on his article in the last issue, Paul adds HTML, Angular code, and Web API methods so that the user can add, edit, and delete product data.
-
From Zero to CRUD in Angular: Part 1
Updated
CRUD’s a part of everyday life for a lot of devs. If you’re one of them, you’ll be interested in this first installation of Paul’s new series on using Angular.
-
Xamarin versus Cordova
Updated
These days, you can’t target only one platform with your innovative apps. They have to look good on many types of devices and operating systems. Sahil looks at how Xamarin and Cordova translate into native apps and how you can use a combination to build even more versatile systems than ever before.
-
Cordova Apps with Angular and TypeScript
Sahil gives some excellent suggestions for dealing with a multiple-platform world using Apache Cordova and a single code base. He’s going to debug with TypeScript and sourcemaps, so you’ll (nearly) be a Cordova expert!
-
HTML Forms’ Time Has Come (Again)
Once upon a time. HTML forms were invented to provide a link between the various functions in an application. Then other tools pushed them aside. But the time has come for HTML forms to rise from the cinders and take their rightful place in Web development. George shows you how and why.
-
Introduction to Angular Routing
If you need to navigate around your Single-Page Application (SPA), you’ll want to know about routing in Angular. Paul shows you how.
-
Angular 2 Forms
Sahil continues his series on Angular 2 and this time, looks at that essential element, the form.
-
The Journey to Angular: Part 4
Paul continues his deep dive into AngularJS. This time, he adds validation to the page so you can spot input errors.
-
The Journey to Angular: Part 3
Paul continues his deep dive into AngularJS. This time, he uses this important tool to insert, update, and delete data by building some Web API calls.
-
Aurelia: An Introduction
If you need to build a SPA that works across a variety of devices and platforms, you need to check out Aurelia. Jim and Jeremy take a fascinating look at what you can do with the open-source UI JavaScript framework called Aurelia that doesn’t behave like a framework.
-
The Journey to Angular: Part 2
Updated
You’ve been hearing a lot about Angular and it’s time to see what it can do for you. Paul continues his excellent series on Angular, the tool you need to create solid, reusable, and extensible code.
-
AngularJS 2
Updated
Sahil shows us a few nifty aspects of AngularJS 2 that help experienced and novice developers alike. AngularJS 2 is still in beta, but he says that you’ll love it even so.
-
The Journey to Angular: Part 1
Updated
When you wrap your JavaScript code into a closure, you won’t have bugs caused by unnecessary variables. Paul shows you how to do this using a templating tool called Mustache, which will help you get closer to coding in Angular.
-
Flexing Your HTML Layout Muscles with Flexbox
Updated
When it comes to creating complex structured layouts in HTML, Flexbox, Rick tells us, is more capable than HTML tables were.
-
CRUD in HTML, JavaScript, and jQuery Using the Web API
In this second installment of his new series on working within HTML and the Web API, Paul looks at the four standard HTTP verbs GET, POST, PUT, and DELETE. By creating a product information page with mock data, you’ll get a good idea of the power of these tools.
-
CRUD in HTML, JavaScript, and jQuery
Paul begins a new series on working within HTML and the Web API with this close-up look at JavaScript and jQuery. You’ll learn some of the juicy details, but you’ll also get a good overview of what these technologies can do for you.
-
ASP.NET vNext: The Next Generation
ASP.NET has been Microsoft’s hallmark product for more than a dozen years. In vNext, it’s getting more readily adaptable to the way users—especially mobile users—interact with their data, and Rick shows us how to take advantage of these radical changes.
-
Doing It with Style
Updated
Have you ever wondered if your forms were capturing the information you or your clients need? Q designs forms with HTML that are clean and simple, and he’s happy to show you how.
-
Extending the Bootstrap Accordion
Paul teaches us how to use Bootstrap’s accordion features to make easily mobile-adaptable navigation panels.
-
Introduction to IndexedDB: The In-Browser Database
Is dealing with databases on a browser your idea of a bad nightmare? Craig implements an in-browser document database called IndexedDB to create, read, update, and delete large sets of records, just like a database on a server.
-
Use HTML 5 and jQuery in WebForms
Web Forms aren’t going anywhere. Paul shows us how to use HTML 5 and jQuery to keep ASP.NET Web Forms working smoothly.
-
Mobile Development with Single-Page Applications Using KendoUI
Updated
When considering mobile development, you have a variety of techniques to choose from. In many cases, reactive rendering (using CSS media queries) provides a good solution. Additional mobile customization can be achieved by using ASP.NET MVC4 device detection/customization to provide adaptive rendering. Both of these techniques follow the traditional Web development pattern where each page is focused on a specific task. In an application managing a list, there is a page devoted to the list of items, a second page to view details, and perhaps a third to edit a specific item.
-
Reuse Your WCF Services from jQuery
Updated
If you are like many developers, you are using Windows Communication Foundation (WCF) to provide services to Windows Forms, WPF, Silverlight, ASP.NET and possibly Windows 8 Store applications. Now your boss is asking you to develop some mobile applications using HTML 5 and jQuery. You know you can reuse many of your WCF services, but you are having trouble calling them from jQuery without breaking your existing applications. In this article, I will walk you through the steps for taking a sample WCF service from working just for .NET applications to working with jQuery as well. Don’t worry, your existing applications will still work with the changes you are going to make.
-
The Easiest Path to Windows 8: HTML + CSS + JavaScript
Sometimes it happens that a new version of an operating system introduces a new type of application completely incompatible with older versions of the same system. The last time it happened I think it was with Windows 95. More than 15 years later, Windows 8 comes with support for a completely new segment of applications named Windows Store apps.
-
HTML5 History: Clean URLs for Deep-linking Ajax Applications
The value of URLs for a website cannot be understated. The scheme of URLs can help give clues to visitors and machines alike regarding the structure of your website and well-crafted locations help facilitate search engine indexing, bookmarking and sharing. The role of URLs in Ajax applications becomes even more important as content is often changing on the page while the URL remains untouched.
-
Building ASP.NET Single Page Applications in HTML 5 with Upshot
A Single Page Application (SPA) is a different way of building HTML 5 applications from traditional Web page development. Instead of spreading the functionality of your Web applications across a collection of separate Web pages with hyperlinks between them, you instead define a single root page that the user lands on and never leaves as long as they are working with your application. You define client-side logic that switches out the data and chunks of content within that page to allow the user to navigate from logical screen to logical screen without ever leaving the page. This means that the user never sees a full page refresh while using your application. They see portions of the screen change based on their interaction, and those changes can be done in a more fluid way with transitions to enhance the user experience. You can also support using the application while offline by storing data client-side, based on some of the newer APIs of HTML 5. Taking this approach makes an SPA feel very much like a desktop application to the end user.
-
Real-Time Web Apps Made Easy with WebSockets in .NET 4.5
In the world of browser-based development, interoperability is king. Unfortunately, interoperability can be at the expense of performance.
-
Business Web Page Layout Ideas for HTML5 Applications
Updated
In most business applications, you create a common look and feel, data entry pages, and a method for navigating through the application. As you begin to work with HTML5, you will want to build these features and take advantage of the features of HTML5 that can make your applications stand out from the crowd. In this article, you will be presented with several common business Web pages that give you an idea of the power of HTML5 and CSS 3.
-
Build an HTML5 Offline Application with Application Cache, Web Storage and ASP.NET MVC
The modern web ecosystem is made up of many different types of scenarios of how users interact with online content. With the increasing popularity of mobile devices along with countless hours at Starbucks and on airplanes, users may often find themselves in a position of wanting to use web content while not being able to enjoy reliable and continual access to the Internet.
-
Developing a Metro Style App with HTML and JavaScript
Microsoft unveiled the Windows Developer Preview, a pre-beta version of Windows 8 for developers, at the Microsoft BUILD conference in September 2011. The most compelling new feature for developers and users alike is the new Metro style user interface.
-
Managed Coder: Thoughts of a //Build/ Gone By
Nov/Dec 2011 Managed Coder by Ted Neward
-
Introduction to HTML5
As the bedrock to the web, HTML has evolved in many ways from its birth in 1991. While the markup language has had its share of ups and downs, the advent of what’s being called “HTML5” is a welcome and much anticipated addition of new semantic capabilities and valuable APIs.
-
Improving Mobile Web Application Development with HTML5
In just 24 sessions of one hour or less, learn how to build rich, robust mobile apps that run on smartphones, tablets, and other devices and interact with users in powerful new ways. Using this book’s straightforward, step-by-step approach, you’ll master leading-edge practical skills you can use whether you’re developing for the iPad/iPhone or Android. Discover how to quickly build new mobile apps and upgrade older apps, provide cutting-edge media content, leverage advanced features ranging from geolocation to the semantic web, and even simplify complex back-end development. Each lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success!
-
Murach's HTML 5 and CSS3: Chapter 5 - An introduction to the box model
In the last chapter, you learned some basic CSS properties for formatting text. Now, you’ll learn the properties for controlling the spacing between elements and for displaying borders and backgrounds. Specifically, you'll learn how to use the CSS box model for those purposes.
-
Murach’s HTML5 and CSS3. Chapter 15
This chapter is from the book Murach’s HTML5 and CSS3by Zak Ruvalcaba and Anne Boehm18 chapters, 636 pages, 264 figuresISBN 978-1-890774-66-0. For more information visit https://www.murach.com/books/htm5/index.htm .
-
Sams Teach Yourself: HTML5 Mobile Application Development in 24 Hours
By Jennifer Kyrnin Published Aug 22, 2013 by Sams. Part of the Sams Teach Yourself series.
-
Windows 8 Apps with HTML5 and javaScript UNLEASHED - Chapter 1
In <i>Windows 8 Apps with HTML5 and JavaScript Unleashed</i>, author Stephen Walther covers everything you need to build, test, and distribute outstanding Windows 8 software with JavaScript and HTML5. Walther clearly demonstrates the unique advantages Windows 8 offers to web developers. He guides you through using Microsoft’s new WinJS library to develop apps for Microsoft’s brand-new version of Windows--you learn how to use JavaScript templates, controls, and data binding. You’ll find in-depth coverage of everything from displaying data with a ListView control to supporting SkyDrive cloud storage, creating games to using IndexedDB and HTML5 forms.