HTML

Bootstrap tutorial: the first steps
Bootstrap Tutorial: the first steps with the Twitter framework
  • Web development

Bootstrap is one of the best solutions when it comes to creating websites for all devices with little effort. But what exactly lies behind the framework that was originally planned to be used as an internal optimization tool for Twitter? Can total beginners with no CSS, JavaScript, or HTML experience also achieve attractive results?

Bootstrap Tutorial: the first steps with the Twitter framework
iframe
iframe: the HTML explained
  • Website creation

The iframe HTML tag, in a sense, opens a browser window within a browser window. With this technique, content from third-party websites can be incorporated into one’s HTML document relatively easily. For example, this technique is regularly utilized when embedding YouTube videos. This means users can enjoy external content without having to leave a website. So how can iframes be incorporated?

iframe: the HTML explained
An introduction to the Document Object Model (DOM)
Document Object Model (DOM): definition, structure and example
  • Web development

Dynamic elements and content have, for years, been used as the standard in most web projects. That’s because the programmed website code is displayed without any issues by all browsers. A significant portion of this code contains the so-called Document Object Model (DOM), which illustrates the structure of web documents in an easy-to-read, object-oriented tree structure.

Document Object Model (DOM): definition, structure and example
Polyfill
Polyfills: code components for cutting-edge web features
  • Web development

Websites and apps are subject to constant change. New features and functions often promise a higher-value, securer or better-performing web project, which is why their implementation is often a mere formality. Many browsers, however, clearly lag behind when it comes to supporting cutting-edge web technologies – a problem that you can counteract with so-called polyfills.

Polyfills: code components for cutting-edge web features
Parallax websites: scrolling with 3D effect
Parallax websites: scrolling with 3D effect
  • Web design

The internet community loves variety – not only regarding content but also regarding how websites are designed. Web designers and software developers are always striving to come up with creative ideas and surprise site visitors with new user experiences. One of these innovative design approaches is so-called parallax scrolling, which uses perceptional psychological effects to convey...

Parallax websites: scrolling with 3D effect
The best browsers for Windows and Mac
The search for the best browser
  • Technical matters

Google Chrome, Mozilla Firefox, Apple Safari, Opera, or good old Microsoft Edge? The debate about which web browser is number one has been going on for years in online communities. But what is a browser exactly? And is there one that can trump the competition and be touted as the best browser?

The search for the best browser
Shadow DOM
Shadow DOM: A DOM subtree for encapsulated code blocks
  • Web development

HTML, CSS, and JavaScript are the basic tools of modern web development. But these standard web languages begin to reveal their weaknesses when you want to customize and reuse individual blocks of code. That’s where shadow DOM technology, part of the Web Components suite, comes in: It allows you to create encapsulated blocks of code that have their own scope and are unaffected by document-wide...

Shadow DOM: A DOM subtree for encapsulated code blocks
Web components
Web components explained
  • Web development

No web developer can manage without HTML, CSS, and JavaScript. As a result, the same elements tend to be repeated over and over again when programming, which can be both tedious and time-consuming. Web components help with this by providing encapsulated HTML tags and allowing them to be reused as often as needed.

Web components explained
JHipster
JHipster: the framework suite for modern websites
  • Web development

Framework use has become an integral part of modern web development. Designing back and front ends based on ready-made basic structures saves a lot of time. The website generator JHipster is an interesting solution that uses several tools to create server-and-client-side components. Which components distinguish the suite and how to install and use the software for your own project will be...

JHipster: the framework suite for modern websites
New HTML: the most important HTML 5.1 updates
The new HTML5.1 updates
  • Web development

In the autumn of 2014, the long-awaited HTML5 arrived after 15 years of development. Now, the first update to the new web standard is also available: HTML5.1. Programmers will find a number of changes with this updated version. There is a strong focus on adaptations for responsive web design. In addition to the vast array of new HTML5.1 features, many elements and attributes have been given the...

The new HTML5.1 updates