Serafla
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Serafla
-
-
Hi, I'm a student creating my portfolio website right now. I wanted to use the Flip plugin like in this codepen to be able to filter my projects by category, but the only thing is I want to use an irregular grid with a 2:1 ratio. Basically, one project will be as tall as two projects next to it. I've attached an image to show this.
I was wondering how I might use this grid to display my projects. Not sure if I should make grid areas a variable that I assign to projects after they are filtered, or if there is a better way to do this without grid areas.
The other question I have pertaining this issue is how to make it responsive so that I can have a different grid for small, medium, large, and extra large devices. My intent is to stack the projects vertically on top of each other for small, a 2x6 grid for medium, and the 2:1 ration for large and xl.
Thanks so much.
See the Pen c0311da91ea4d96722eea42384f45712 by GreenSock (@GreenSock) on CodePen
Using JS database and GSAP to show video for portfolio projects
in GSAP
Posted
Hi, I posted recently about the same portfolio website I'm currently developing. I'm using a database in JS to reference data attributes for each project, and wanted to embed an mp4 video for certain projects using an if/then statement. If the project doesn't have a video, I'm using GSAP to set its display to none. However, I'm not sure if my syntax is correct for referencing the video DOM element as it's not displaying, and is causing the rest of my images in the gallery to not show.
See the Pen GRygLmQ by serafla (@serafla) on CodePen