SVG Stroke Animation, Single Page Application (SPA) SEO, Parallax Animation codepen, Learn from CodeMyUI, LOLCOLORS, Paaatterns, Rookie Design Magazine

Table of content

— Frontend Talks

  • SVG Stroke Animation
  • Single Page Application (SPA) SEO
  • Parallax Animation
  • Learn from CodeMyUI

— Design Talks

  • LOLCOLORS
  • Paaatterns
  • Rookie Design Magazine

SVG Stroke Animation

Everybody might have seen before that little trick where the SVG path is animated to look like it is drawing itself. It seems super cool. Sandesh Sapkota shared about how SVG stroke can be animated in CSS with stroke-dasharray and stroke-dashoffset property. The stroke-dasharray property in CSS is for creating dashes in a stroke of SVG shapes. The higher the number the more space in between the dashes in stroke. The stroke-dasharray property can accept any length, including unit-less…


In this tutorial, we are going to build a portfolio showcase with interactive thumbnail preview as well as a live preview of the web projects. We can also preview for different devices as well.

This demo should give you some idea on what we are trying to develop.

So, lets get started

HTML Structure

<div class=”container”>
<div class=”row”>
<div class="portfolio-item">
<div class="portfolio-item__wrapper" data-demo="link to live site" data-title="Title for this item">
<div class="portfolio-item__demo">
<img src="thumbnail url">
<span class="quick-view">
<span class="quick-demo">Preview</span>
</span>
</div>
<div class="portfolio-item__title">
<h2>Title for this item</h2>
</div>
</div>
</div>
</div> //.row
</div> //.container

Nothing really fancy here. Just some html…


“It’s not about how much we lost, it’s about how much we have left.”
- Tony Stark

An exciting week with the release of Avengers: End Game, hoping you guys are hyped as much as we are at YoungInnovations. Other exciting things that happened this week are:

Yuwa Aaja! Hackathon 2019

Last Saturday, Yuwa Aaja! Hackathon 2019 was conducted successfully at King’s College with more than 25 participants comprising of students and professionals. There were 8 teams that worked the whole day on developing technology-based solutions for issues pertaining to youth employment in Nepal. On the same day, Team Khukuri, Team Blizzard, Team Mahila…


“The most dangerous poison is the feeling of achievement. The antidote is to, every evening, think what can be done better tomorrow.” — Ingvar Kamprad

YoungInnovations’ Singles Table Tennis Tournament 2018

With the exciting and competitive matches in the group stage, here are the fixtures for the round of 16.

Jenish Shrestha

EAT.LIFT.WORK.SLEEP.REPEAT

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store