Seenublog Blog

how-to-animate-text-using-Animejs-easy

How to animate text using Anime.js easy

Anime.js is another one in an already impressive row of frameworks for animations. It does not allow for the animation via CSS attributes, but we can also alter SVG and HTML attributes with animations....

icons in Adobe XD

How To Create Icons In Adobe XD

Adobe XD (Experience Design) is a new all-in-one tool that lets you design and prototype websites and mobile apps released in March 2016. It provides various tools for drawing and working with basic and complex shapes. If...

How to Masonry Layout Made From Pure HTML and CSS

One popular content layout style is “masonry”. Masonry style layouts aren’t something new.  CSS Grid Layout is supported natively. Opera Mini is an exception. In the Internet Explorer, the prefix ms is required. The same applies...

Sass is a CSS preprocessor

What is Sass ? how to use it and compile ?

What is Sass ? Sass stands for Syntactically Awesome Style Sheets. It is a CSS preprocessor. The syntax is .scss (example style.scss) and output file can be style.css. It is an extension of CSS...

how to create an animated, closable side navigation menu.

Left and Right Sidenav with angularjs

A sidenav component that can be opened and closed by coding. In every css framework we can see many javascript components. In which sidenav component is provided where just need to plug and play....

UX Design within Pokémon Go and What It Means For Future Mobile Apps

UX Design within Pokémon Go

UX design is different comparatively to other mobile apps. While Pokémon has been around for decades, having recently celebrated its 20th anniversary this year, there has never been anything quite like Pokémon Go game. It launched...