Tags: css

40 Cool CSS Input Field Designs

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

HTML forms are very versatile and allow you to submit a wide range of different types of input. Input fields are what allow your users to fill in your form. Depending on what information you ask, there are various types of fields – text fields, range slider, color, dropdowns, check boxes, radio buttons, datepickers and others. So here are some really cool CSS input field designs for inspiration to create fully accessible, customizable and functional input fields.…

50 Stunning CSS HTML Website Templates 2019

Posted on by Henri Wijaya Posted in Coding Tagged , ,

HTML CSS website template is a prebuilt website where you can fill in the blanks and create website within a few minutes. Anyone who doesn`t even know how to design a website can get a professionally designed website with these templates. So whether you are updating your own site or looking for your clients, here are 50 Best CSS HTML Website Templates 2019 made by talented web designers and developers with proper thoughts regarding the potential purposes that a person might have for a website. …

9 Cool Retro & Vintage Style CSS Frameworks

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

While Bootstrap is probably the most popular CSS framework, and easy to implement, it`s nice to branch out and experiment with different CSS frameworks every once in a while, just to know what else is out there. So in this post we`ve collected 9 Retro & Vintage Style CSS Frameworks that will help you quickly build responsive and unique web designs.…

26 CSS Breadcrumb Navigation Examples

Posted on by Henri Wijaya Posted in Coding Tagged , ,

Breadcrumbs are navigation elements which indicate a current location on the website. It has been one of the most useful web design features. It helps the users to navigate through the website by allowing them to see where the current page is in the hierarchy. It helps users to locate themselves on a site, and figure out how to get to where they want to go next. Without them, your users may struggle to return to pages they once were on or feel lost as they drill down your site`s content. So if you are looking for inspiration to put a breadcrumb on your site or application, here are 26 CSS Breadcrumb Navigation Examples.…

40 Informative and Fun CSS 404 Error Page Examples

Posted on by Henri Wijaya Posted in Coding Tagged , ,

404 is an HTTP response code that indicates the server could not find the page requested. 404 error page informs users that they`ve followed a non-existent link or typed an address that doesn`t exist. Users may be upset when it happens. Creating interactive error pages are great to engage users and it also can turn a bad experience into a delightful one. So here are 40 Informative and Fun CSS 404 Error Pages Examples that you can use as inspiration to design a user-friendly error page.…

36 CSS Link Style & Hover Effect Examples

Posted on by Henri Wijaya Posted in Coding Tagged ,

Links are the most basic interactive component between a user and a web page. They are so important, yet easily get lost in the midst of newer and shinier UI elements. Using nice CSS link style and hover effect will help to communicate to the user in a visual and meaningful way that this text is actionable. It makes it more enjoyable to click. So here are 36 CSS Link Styles & Hover Effects that you can use for inspiration to enhance the user experience of navigating your website or app.…