Posts

Showing posts from February, 2022

fullPage.js — fullscreen scrolling website with Paroller.js

Image
  F ullscreen scrolling website is popular nowadays for one-page showcase projects, such as the product showcase or portfolio and so on. One step is to apply it with fullPage.js, you are all set. Official Github document Step1: import the library with npm or CDN npm install fullpage.js or <script src=” https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js " integrity=”sha512-gSf3NCgs6wWEdztl1e6vUqtRP884ONnCNzCpomdoQ0xXsk06lrxJsR7jX5yM/qAGkPGsps+4bLV5IEjhOZX+gg==” crossorigin=”anonymous” referrerpolicy=”no-referrer”></script> CSS: <link rel=”stylesheet” href=” https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.css " integrity=”sha512-TD/aL30dNLN0VaHVoh9voFlNi7ZuWQYtV4bkIJv2ulZ8mEEkZJ7IyGvDthMKvIUwzLmPONnjQlAi55HTERVXpw==” crossorigin=”anonymous” referrerpolicy=”no-referrer” /> step2: HTML sections should be inside the “fullpage”, and the slide is under the section for slider effect. “.active” is the one showing now. step3: CS

Fancyapps — easily build overlay windows with carousel

Image
  I used to play around with these gallery boxes with old versions. Now the Fancybox is the 4th version with more functions, including plugins, events, options. They even provided how to use React easily demo. I remember when I was learning Javascript, the fancy project is building a carousel, it took some time and logical understanding, but it’s a good way to learn the logic JS though. But for now, I will be grasping the eyeball by this fancy Javascript library. Since it’s a fast-developing world, the result should be precise, accurate, and fast, right? Fanyapps includes  Fancybox, Carousel, and Panzoom . Fancybox is a flex gallery container, which is touch and mobile optimized with swipe, drag, and pinch-to-zoom gestures. Carousel is a display place with smooth animations and more functions inside. Panzoom is a customized zooming function. They combined smoothly and more functionally. Official site Playaround the demo here Step1: import the library with npm or using CDN I like CDN fo

How to become Javascript developer from Zero to Master 2022

Image
  Mike Alche Is Javascript dead in the future? According to developer analyst RedMonk’s Q1 2021 language popularity rankings,  JavaScript is the most popular language today , followed by Python and Java. And Stack overflow’s 2021 Developer Survey, it’s the most commonly used programming language in 2021. Now it’s still there. In my opinion, Javascript is the first step you getting into the Web development world. It’s the basic programming language to learn, with classic programming logic and phrases. I think as you get it, it means the others are similar grasp. As a self-taught front-end developer, I’ve taken so much time on it, searching and learning, sometimes I feel like I am stuck in the  Javascript learning hell . Nowadays, with a bunch of resources broadcasting on the internet, you gotta choose what’s the best for you(actually the popular one). There is always the right path for newbies to become masters. I will gather some resources I think are good for beginners. Javascript  is

A free hand-drawn illustration library — Open Peeps

Image
  So exciting for sharing this free illustration library here. Most of the front-end developers need to know something about web design-related stuff, so do I. I’ve been browsing and learning all the time. Sometimes when I do the demo, such as login and portfolio, etc. I need to use an avast ASAP! This is a good place to grab and go. Totally free, with no license headache. official site Mix the Peeps with 584,688 kinds of combinations. Three modes choices, bust, standing, and sitting.PNG &SVG available. Download the library with your email. for Sketch, Figma,Studio and XD. there are covid-19 illustrations added.