Tags: css

15 Useful CSS Regression Testing Tools

Posted on by Henri Wijaya Posted in Coding Tagged , ,

CSS Regression Testing is a set of automated tests to compare visual differences on websites. CSS regression testing always been a challenge to UI developers. The advent of rich UIs and responsive design has made it next to impossible to efficiently test web applications and websites without focusing on CSS and visual layouts. So here in this post we have 15 Useful CSS Regression Testing Tools that will guard your web application against visual bugs.…

29 Awesome Tips & Tricks For Better CSS & Javascript Coding

Posted on by Henri Wijaya Posted in Coding Tagged ,

It is very important for any front-end developer to be well informed about modern and future web standards. So to help you stay ahead of the game, in this post we`ve collected collection of useful techniques, tips and tricks for better CSS and Javascript coding, along with complete tutorials and explanation of the techniques used. They can help you master the techniques that will help set your designs apart from the crowd.…

25 Awesome Web Background Animation Effects

Posted on by Henri Wijaya Posted in Coding Tagged , , ,

It`s already known by designers and developers that backgrounds are one of the most important aspects in the overall design and feel of a web page. Recently people have been turning to animation to add more visual interest to their website background. These animated backgrounds are great when used as a site introduction, functional hover navigation elements, and other creative ways to attract interest and draw users in. So if you are in desperate need of some inspiration for a site background, today we`d like to share 25 Awesome Web Background Animation Effects using Canvas and SVG for your inspiration. …

40 Impressive CSS Image Slideshow Designs

Posted on by Henri Wijaya Posted in Coding Tagged , ,

Image slideshows are an effective way to showcase multiple images without overburdening the users. They are hugely popular on e-commerce and portfolio sites, especially on the homepage. Artists, graphic designers and web developers often seek to demonstrate their products, skills and abilities and online entrepreneurs can display a few of the company`s most popular or recognisable products to draw users in, emphasise new varieties or flavours, or show categories to make it easier for users to shop. Like the rest of your content, image slideshows need to be engaging in order to be effective. So in this post I`ve gathered 40 Impressive CSS Image Slideshow Designs for inspiration to create engaging browsing experience.…

25 CSS Button Animation Examples 2018

Posted on by Henri Wijaya Posted in Coding Tagged ,

Buttons are the cornerstone of every interface, you use them every day and probably never give them a second thought. They are an essential element of interaction design. So if you`re looking for inspiration to make your buttons more interesting, here are 25 CSS Button Animation Examples 2018. These buttons have some awesome hover effects, some contain gradient effect, 3D effects, material design and more.…