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

|

March 9, 2017

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
development

What Do I Need to Create the Pefect App?

Mobile development has become a trend today and many businesses are developing their own apps to get ahead of their competition. Read this article to find out how outsourcing your mobile development projects can actually bring you more value than hiring an in-house team.

development

Advantages in Using an API for Your Business

APIs are very useful for businesses that want to improve their conversion rates and customer loyalty. If you're at the fence on deciding to get one, maybe this article will convince you!

development

Important Things to Consider When Developing Mobile Apps

For those who already have a concept of a mobile app in mind and are deciding to have one developed, consider these factors first before jumping in to make sure that you have everything checked out!