Tag: Element

How to Use Animation in Angular 6

In this tutorial, you’ll learn about the importance of animations in improving the user experience. I’ll show you how to incorporate animations in Angular 6 applications with the help of animation components and Bootstrap. The Role of Animations in User Design Most web users are visual creatures and therefore respond to visual objects. This means… Continue reading How to Use Animation in Angular 6

Element: A desktop component UI library

Element is a complete and minimal framework including many useful UI components to quickly build websites and apps. The toolkit is based on Vue.js and provides all the basic elements you may need when creating a complex product (grid system, forms, navigation, notices, dialogs and more). Project page   View on Github

Create a Simple Subscription Web Element in Adobe Illustrator

What You’ll Be Creating This piece focuses mainly on the Appearance panel, so you will only need four rectangles and a tiny circle to create the background, the main shape, the subscribe button, the text field and the tiny x button. You will learn how to create pixel perfect shapes using the Snap to Grid… Continue reading Create a Simple Subscription Web Element in Adobe Illustrator

20+ HTML Forms Best Practices for Beginners

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Working with HTML forms can be somewhat daunting. They not only use some niche HTML elements, but also blur the line between static content and user interaction. Let’s review some things to remember when creating your next form. Good HTML forms require attention on at least four… Continue reading 20+ HTML Forms Best Practices for Beginners

50+ Pricing Table UI Element PSD Templates

50+ Pricing Table UI Element PSD Templates, these Pricing Table UI Element are all high quality PSD files which will help inspire you and help you learn how to edit and create your own Pricing Table UI Element PSD Files. These Pricing Plan Boxes are especially designed for the websites which are indeed of web… Continue reading 50+ Pricing Table UI Element PSD Templates

Building Icons With a Single HTML Element

With the arrival of ultra high definition screens (think Retina) new design challenges have arisen; we need to find ways to accomodate all devices. Take displaying icons for example. We could lean on serving images at 200%,or using SVG,but it’s also possible to build a surprising amount of graphics with CSS alone. Let’s build an… Continue reading Building Icons With a Single HTML Element