40 Awesome CSS & SVG Icon Animations

Posted on July 10, 2018 by Henri Wijaya Posted in Coding Tagged css, icon, svg

Icons are playing a major role in website designing. Designers are constantly focusing on icons, because they are very important for any website. Animation is a very powerful tool. It can be applied to almost anything including user interfaces. Together with the high quality of icons animation helps to create a seamless, positive experience from nice and easy interactions. So in this post we`ve compiled 40 Awesome CSS & SVG Icon Animations to help you and your design team find some inspiration!…

29 CSS Dropdown Menu Examples

Posted on June 26, 2018 by Henri Wijaya Posted in Coding Tagged css, drop down, javascript, navigation

A drop-down menu is a sub-menu from the main menu, and is usually displayed as a list of items connected to the main menu item. They come in various sizes, shapes and formats and are a useful way of presenting a list of information to users. This can help a user to find the type of content that they`re looking for. So in this post we`ve collected 29 CSS Dropdown Menu Examples for design inspiration and next time you`re working on a menu, add some extra fun, style or wow factor to it.…

15 Useful CSS Regression Testing Tools

Posted on May 17, 2018 by Henri Wijaya Posted in Coding Tagged css, tool, ui

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 May 8, 2018 by Henri Wijaya Posted in Coding Tagged css, javascript

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 April 30, 2018 by Henri Wijaya Posted in Coding Tagged background, css, html5, svg

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 March 27, 2018 by Henri Wijaya Posted in Coding Tagged css, slider, slideshow

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.…