Toggle buttons are these amazing UI components that provide functionality to switch between states, like pause and play, on and off, active and inactive. It allows the user to change a setting between two or more states. Most common toggle button is used as On/Off button in preferences. So here are 45 amazing and fun toggle switch buttons using CSS and Javascript I found on CodePen.…
Tags: css
40 Free HTML CSS Portfolio Web Design Templates
A portfolio is arguably the most crucial asset for any designer. Having an online portfolio should be one of your main priorities. Even though your resume is absolutely important and will be the first thing that employers will look at, your portfolio will be your secret weapon to stand out and show the complexity of the projects you have worked on. Using a template is smart! Too many designers overthink their portfolio and it creates unnecessary stress. Your portfolio is the true value of your job, so make it look fantastic with these free portfolio website design templates!…
15 Free SVG & CSS Background Pattern Resources
Background patterns can be used in website design or any other form of work which includes designing. But designing custom SVG and CSS from scratch is no easy task. So here are 15 SVG & CSS Background Pattern Resources that will allow you to generate and download SVG images to use in CSS backgrounds for website and graphic design. …
20 Useful Tools That Generate CSS Gradients
Here are 20 useful tools that generate CSS gradients and save you a lot of time that you would normally spend on manually writing CSS.…
20 Best CSS & Javascript File Upload Examples
File upload is a common feature in mobile and web development that almost every app needs. File upload capability enables your users to place their files on your site. These files might be images, videos, PDFs, or files of any other type. Collecting files directly through a form on your site is great for acquiring documents such as resume, portfolios or images and videos such as screenshots and screen-captures through customer support forms. So in this post I’ve gathered 20 best CSS & Javascript File Upload Examples for inspiration to improve file upload UI and UX design.…
25 Pure CSS Parallax Scrolling Examples
The parallax effect is created when the user is scrolling through a website and multiple backgrounds or images are moving at different speeds. It creates a sense of depth and overall it’s a fun experience. Pure CSS parallax is also easier to implement than Javascript, and is often more performant. When building single-page sites, generally you rely on javascript plugins to create effects for images and animations. So here is collection of cool CodePens featuring Parallax animation effects in pure CSS for inspiration to use in an upcoming project or learning a new trick in the quest to do more with front end.…