Mar 12, 2021Introduction to FlexBoxIn the journey of learning the front-end, there is a high chance of encountering various headache problems. For example, you can’t place a button to a specific position, and you may get a headache because of this. When I first started learning front-end development. I also encountered such problems. …Flexbox2 min readFlexbox2 min read
Mar 3, 2021Introduction to CSS GridCSS grid is really interesting, and some interesting page layouts can be implemented with the CSS grid. This is very helpful for front-end development and to prevent unexpected misalignment. This time I’m going to share my tricks and tips in learning CSS Grid. First let us look at the diagram…Front End Development2 min readFront End Development2 min read
Feb 25, 2021Infinite ScrollThe front-end development is very interesting. Developers can design unique functions and features through imagination and different technologies. I love front-end development very much. Therefore, I spend time observing different websites, and they often divide the content into different pages. …Front End Development2 min readFront End Development2 min read
Feb 16, 2021Big-O NotationProgramming is really interesting, you can solve many problems through programming. But how to make your code more efficient and solve problems faster is also a problem faced by many programmers. And this has to be mentioned in Big O asymptomatic analysis. …Big O Notation3 min readBig O Notation3 min read
Feb 11, 2021Navbar and Hamburger MenuNavbar is one of the important elements to make your website more accessible for users and help users to quickly find the information they want to see. Today, I’m going to show you how to create a custom navbar and Hamburger menu. First, we need to create the Navbar component…React3 min readReact3 min read
Feb 4, 2021React Reveal AnimationI recently discovered a fascinating animation library for React. By using this library, you can add some instant visual feedback when users perform some operations. The animation effect would provide a sense for users that their operation is taking effect. …React2 min readReact2 min read
Jan 26, 2021Smooth Page ScrollIf you are a front-end developer, you may want to be able to provide a high-quality front-end user experience, such as when the user clicks a button and triggers a smooth page scroll, and such tiny details can improve your user experience. Recently, I found a convenient tool to help…Smoothscroller3 min readSmoothscroller3 min read
Nov 11, 2020CSS + Javascript = AnimationDo you like animations on web pages? If so, then you must read this article. I think animation can improve the user experience to a greater extent and make the software you develop operate more smoothly. So how to add and where to add animation will be a big problem…JavaScript3 min readJavaScript3 min read
Oct 19, 2020User Interface Flow and Relationship ModelingBefore starting a brand-new web application or a mobile phone software, every developer and designer may invest a small amount of time into the planning phase to collect requirement and brainstorm designs, and then quickly rush to start coding and development. However, The first two stages (requirement & design) are…User Experience3 min readUser Experience3 min read
Sep 28, 2020CSS AnimationCSS is a fun tool to work & play. Its full name is Cascading Style Sheets. If you are interested in front-end development and design, you would like to learn CSS. The most fun part of CSS is animation, in which you can make your web pages more dynamic. …CSS4 min readCSS4 min read
