-
New in the HTML5 Development Center
-
Generate a Bar Chart with D3.js
-
Getting Started with Grunt.js
-
The Model-View-ViewModel Pattern and Angular Development
-
Bring Your Data to Life with D3.js
-
Getting Started with CSS Counters
-
Migrating from Old Style Layouts to CSS Grid
-
New Goodies
-
Generate a Bar Chart with D3.js
In the last article, we used the D3.js library to display the contents of a CSV data file within a dynamically generated HTML table. This time around, we're going to step things up a notch by producing a slick SVG bar chart from a JSON data set.
-
Getting Started with Grunt.js
Learn how to automate simple build tasks with the help of Grunt.js.
-
The Model-View-ViewModel Pattern and Angular Development
Rob Gravelle shows how Angular follows a component-oriented architecture, while sharing some of the concepts of both MVC and MVVM by presenting a couple of coding examples.
-
Bring Your Data to Life with D3.js
D3 is a JavaScript library for producing dynamic, interactive data visualizations in any web browser. Rob Gravelle shows us how to use D3 to display the contents of a CSV data file within an HTML table.
-
Getting Started with CSS Counters
Learn how to implement CSS counters, which allow you to adjust the appearance of web page content based on its location in a document.
-
Integrate JSON Web Token Authentication into Single-page Apps
JSON Web Tokens (JWT) are one of the most widely used authentication mechanisms in modern SPAs. In this article, Rob Gravelle shows us how to set up a SPA in MS Visual Source Code. Within that development environment, we'll build and test an SPA that authenticates a user's credentials against one that is stored securely in a MongoDB database.
-
Migrating from Old Style Layouts to CSS Grid
Explore the main concepts that make the new CSS Grid feature so rich and important to today's web designers and developers.
-
Web Scraping JavaScript Rendered Content
HTML parsers like jsoup only see the raw page source and are completely unaware of any content that is added to the DOM via JavaScript. Rob Gravelle shows us how to automate the Chrome headless browser from a Python script.
-
Manipulating CSS Using jQuery
See how you can dynamically change the CSS with jQuery to update the appearance of your Web pages.
-
Overlapping Elements with Z-index in CSS
Learn how the proper use of the z-index can provide solutions to appearance and CSS design issues.
-
Tips for Building Community Online
Check out these 9 tips for building your community online with Facebook.
-
Applying Media Queries to a Style Sheet
Explore how to use media queries to customize style sheets for different devices.
-
Creating a Custom Homepage When Using a WordPress Theme
Including a unique static page with a WordPress theme can be done in just a couple of easy steps!
-
How Laravel Speeds Up App Development
Laravel is an open-source PHP framework for creating web applications more quickly than developing a web app from scratch. Rob Gravelle presents two ways to work with Laravel: first, on its own, then within the Laravel Homestead Virtual Machine environment.
-
10 Vital Techniques Overlooked in CSS Web Design
Madan Pariyar offers 10 different tips and tricks that can help you become a better web designer.
-
Building Universal Vue.js Applications with Nuxt.js
Universal JavaScript is a type of JavaScript code that can execute both on the client and the server. Rob Gravelle explains how to generate a Universal Vue.js app using the Nuxt.js starter template.
-
Adding Custom CSS to Your WordPress Template
Learn how to easily add custom CSS to your WordPress site, even if you are using a WordPress template.
-
Build Better UIs with Vue.js
Among the myriad of new web frameworks, Vue.js has been among the most popular amongst developers. We were first introduced to the Vue.js framework in the Getting Started with Vue.js article. Now, we're going to look at the structure of a Vue Component and build our own.
-
How to Access a Single HTML Element on a Web Page
One of the quickest ways to get an element on a web page is by using the JavaScript getElementById() method found within the document object model.
-
Featured Goodies
-
A Designer's Guide to Getting Started with Web Development
Your design options may be limited due to lack of technical skill. Designers who are capable of efficiently collaborating with developers will be able to open the doors to rewarding projects and lots of development in the future.
-
Exploring Online Webmaster Tools
One of the most exciting developments of the Web is the emergence of online tools. There is even a category of web tools that caters specifically to webmasters. Rob Gravelle examines the role of the webmaster and presents a few sites that provide useful tools.
-
Top HTML5 Features: Simplified Script Tags, Autofocus, and More
In part 2 of the Top HTML5 Features series, Rob Gravelle presents a few more great additions to the HTML spec, including simplified script and link tags, the autofocus feature, and more.
-
Revolutionary HTML5 Online Website Generation Tools: SILEX, Weebly, and Wix
Online "no code" website generation tools can be accessed from any device, where ever you are, and that they enable you to create a great site without needing a lot of programming or coding knowledge. Rob Gravelle presents three of the most popular: SILEX, Weebly, and Wix.
-
HTML6 Proposals Wishlist
Earlier this year, people started getting excited about some of the proposals for HTML6 that were being tossed around. Rob Gravelle highlights some of the more interesting ones.
-
Top HTML5 Features: DOCTYPE, FIGURE, and Form Enhancements
HTML5 has been around long enough for us to take a close look at what its original intent was and if it has met the challenge.
-
HTML5 Coding Methodologies
In order to develop in a smarter and better way, we should adopt a set of coding methodologies that foster a smoother development life cycle. Rob Gravelle explores a few of the latest coding methodologies that have found their way into web developers' arsenal.
-
HTML and Graphics Tutorials
-
Creating Drop Caps in HTML and CSS
Learn more about different methods of employing drop caps to make your web pages more visually appealing.
-
Working with Filters, Blending, Clipping and Masking in CSS
Learn how to apply filters over an image and how to use the blending, clipping and masking properties in CSS.
-
So You Want to Optimize Your Images...
By reducing the overall size of the images you are using, you'll reduce the amount of time that is needed to download and display your pages. That can also have a positive impact on how your pages are treated by the search engines!
-
Beyond HTML
-
Generate a Bar Chart with D3.js
In the last article, we used the D3.js library to display the contents of a CSV data file within a dynamically generated HTML table. This time around, we're going to step things up a notch by producing a slick SVG bar chart from a JSON data set.
-
Getting Started with Grunt.js
Learn how to automate simple build tasks with the help of Grunt.js.
-
Web Developer Daily News
-
Criminals Pay More for Code Signing Certificates Than for Guns or Passports
Hackers are forking over big money to get tools that allow them to spread malware.
-
Web Content Management Systems Hacked to Mine Cryptocurrency
A growing number of websites and apps are serving Coinhive scripts.
-
Google Now Ignores Its Country Domain When Returning Search Results
It no longer matters which country domain you use when conducting a Google search.
-
AI Solves CAPTCHA Tests
A startup is breaking the technology that many websites use to prevent bots from making comments.
-
JS Foundation to Manage Marko
The JavaScript user interface library is under new management.
-
Microsoft Sonar Tests Websites for Performance Issues
The linting tool was built by the team behind the Edge browser.
-
Primers
-
Building Universal Vue.js Applications with Nuxt.js
Universal JavaScript is a type of JavaScript code that can execute both on the client and the server. Rob Gravelle explains how to generate a Universal Vue.js app using the Nuxt.js starter template.
-
Positioning HTML Elements Using CSS
Learn about CSS positioning types and how to overlap elements and add some text over an image.
