22 Excellent Web Carousel Design Examples

A carousel is a list of cards that can be shuffled to display different content. Ideally, each card contains a different item that the user can browse from left and right. Carousel is an effective way of displaying images or content cards. They can add visual interest and reduce clutter. Users can scroll through each image or video by swiping on mobile devices or clicking the left-right arrows on desktop. So if you are looking for inspiration to designing beautiful and effective carousel, here are 22 Web Carousel Design Examples.

40 Informative and Fun CSS 404 Error Page Examples

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.

50 Interesting CodePen Demos 2018 To Learn New Tricks

CodePen is a place to write and share front-end code, show off your work, build test cases and find inspiration. So in this post I put together 50 Interesting CodePen Demos 2018 To Learn New Tricks. Some of these pens could be great ideas to use in an upcoming project or learning a new trick in the quest to do more with front end.

25 Great Dribbble Shots Turned Into Codepen

CodePen is the perfect place to share code and play with ideas and concepts in a sandbox and Dribbble is the ultimate sandbox for designers — a place where front-end developer can find examples, and try to implement them in CSS. It`s good practice to go on dribbble, find some interesting design and try to code that. So if need some front-end inspiration, here are some 25 Great Dribbble Shots Turned Into Codepen.

21 Cool CSS Hamburger Menu Animations

A humburger menu is most popular UI element on almost all modern websites. Since it’s first appearance in the official Facebook app, it looks like the hamburger, or mobile icon, is about to claim the title of King of Menus and Ruler of Responsive and Mobile Design Patterns. So if you are looking for new ways to animate those three lines in to a neat X, check out this post.