はてなブックマーク

These days you can easily create an online resume or portfolio using just some HTML templates. With a little CSS and JS you can style your text, add interactive charts or display your previous works in a professional way. Here’s a list I put together of some of the best HTML resume & portfolio templates I was able to find on CodePen. FCC Projects – Personal Portfolio Template Personal portfolio te

A neat collection of various CSS arrows using different styles. See the Pen CSS Arrow by andgatjens (@andgatjens) on CodePen. Animated – ‘Back To Top’ Arrows Two ‘Back To Top’ CSS arrows that look great animated. See the Pen Animated – ‘Back To Top’ Arrows by EricPorter (@EricPorter) on CodePen. Animated CSS Arrows An animated hard left arrow done with only CSS animations. See the Pen Animated CSS

I’m always amazed at the things you can make with CSS3. One of CSS3’s killer feature was adding the ability to create gradients in a simple way. But some creative coders have taken CSS gradients to a new level by using them to generate background patterns. So I thought it would be a good idea to make a list of some of the best CSS background patterns found on CodePen. CSS Pattern Examples Using Gr

Making a CSS timeline, with the emergence of social media, has started to become popular and can be used in other type of websites, such as blogs, portfolios, news portals, weather apps and many more. With the help of CSS & JS besides creating stunning timeline examples that can be used in your current and future projects you can also make tables, menus, sliders, loaders etc. That’s why I decided

The latest free Adobe XD templates, XD UI kits and resources for the brand new UI/UX prototyping solution by Adobe also known as Adobe XD CC. Google Analytics Date Range Widget Here is the date range widget from Google Analytics V4 recreated entirely using Adobe XD. Business Consultancy Website Template A business consultancy website template with a professional and dynamic look and feel ideal for

An HTML & CSS checkbox or radio button is an essential part of most forms used in your websites or apps. So it’s important to get them right. By sprinkling a bit of CSS or JS over them, you can really get surprising and delighting results. ✅ So here’s a list of some of the best CSS checkboxes I found on CodePen that will look great in your forms. Life Paradox | CSS Checkboxes Saw this and thought

Here’s a list of Sketch templates for anyone who’s just getting started with UX design. I hope you’ll find them useful and that they improve your workflow. Responsive Grids Bootstrap 4 Grid A useful Bootstrap 4 grid template by Jeremy Elder. Responsive Grid for Sketch Responsive grid for web, tablet and mobile by Tomas Skarba User Flows User Flow Diagram Template Create with ease beautiful diagram