contact us

send us your message

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form

Blog

our latest news

New HTML5 and CSS3 Features to Try in 2018

By

Bigblock Solutions

|

September 14, 2018

Ever since HTML and CSS were released, these two continue to grow and evolve to give front-end developers and web designers near limitless possibilities. With each new version released, brand new features and improvements come out, and things that don’t fit any more in the world of web development become obsolete. This is an awesome thing if you think about it.

In this article, let’s take a look at some of the new and exciting features that HTML and CSS have to offer to make application and site development better in 2018.

 

HTML5 Features for 2018

 

Native <dialogue> Element – This brand new <dialogue> element is intended to allow developers to create pure HTML custom native dialogue boxes without worrying about any issues to encounter. Hidden in view by default, the native dialogue box can be made using the <dialogue> element.

 

API for Payment Request – This new payment request API aims to get rid of the need to use slow and complex Checkout Forms when it comes to payments. Its goal is to give users a more consistent, error-free and streamlined payment experience by shifting the retrieval process of obtaining payment data to the browser.

 

Apple Icon Sizes – Using the < link rel =”icon”> attribute in HTML5 is meant to define the web page icons. Meanwhile, the sizes of the web page icons are defined using the sizes element. However, the sizes attribute does not support iOS devices and is only valid so long as the link relationship is icon. In HTML5.2 however, it is possible to use the sizes attribute with device-specific relationships from Apple which means you won’t be obligated to use the icon link relationship anymore.

 

CSS3 Features for 2018

 

Scroll Snap Points – This feature was introduced in CSS recently, and it promises a more fluid and precise scrolling experience for both touch-enabled and input devices. The new module is intended to give developers higher control on a container’s scrolling behaviour.

 

Native CSS Variables – The new CSS update now makes it possible for developers to use variables on their CSS files which they can then parse to regular CSS. Although the CSS variables work quite well in many browsers already, this concept of utilising native variables is pretty new within the CSS specification.

 

@supports Feature – This new feature doesn’t only let developers check whether or not a specific CSS property is supported by browsers, it also lets them choose an alternate syntax for the non-compatible and older browsers. Using this allows the developers to take control of what browsers should come up for users in case the default property they are using is not being supported anymore.

...

featured posts
Content Marketing

Common Pain Points for Small Businesses in Digital Marketing and How to Approach Them

These are some of the most common pain points for small business digital marketing and how to overcome them.

SEO

Which is Better, SEO vs SEM for E-Commerce

Find out whether your e-commerce business needs SEO or SEM more and what benefits you can get for each.

inbound marketing

Here's how to Boost your company's Online Publicity

Branding is one of the most important aspects of any business even for startups and small businesses. Try these simple but cost-effective brand strategies proven to boost your reputation online.