DEV Community: Nicole Yang

I finally launched my portfolio! 🥳

Nicole Yang — Fri, 30 Sep 2022 02:40:36 +0000

After planning for a long time, I decided to go with a simple one first and add more content step by step in the future.

Let me know what you think. Any advice is welcomed! 🤗
nicoleyry.com

How to customize FB messenger on the website

Nicole Yang — Wed, 26 Aug 2020 06:11:13 +0000

I have been trying to hide the customer chat plugin's greeting dialog on the initial page load. I've set greeting_dialog_display="hide" and it works, but only works the first time the page is loaded.

Since I also need to customize the position of the messenger, I add a customized class name on it by using javascript.

But if I let the dialog show (open the messenger) and refresh the page or open on a new tab, the dialog won't hide after the page load. And the customized class name won't be added, either.

window.fbAsyncInit = function() {
    FB.init({
        appId: "MY_APPID",
        autoLogAppEvents: true,
        xfbml: true,
        version: "v6.0",
    });

    FB.CustomerChat.hideDialog();
};

(function(d, s, id) {
    var js,
        fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "https://connect.facebook.net/en-US/sdk/xfbml.customerchat.js";
    fjs.parentNode.insertBefore(js, fjs);     
})(document, "script", "facebook-jssdk");

<div class="fb-customerchat" 
    page_id="<PAGE_ID>" 
    minimized="true"
    greeting_dialog_display="hide">
</div>

I've tried putting FB.CustomerChat.hideDialog(); after FB initiated, but it still doesn't work.

I also tried using window.addEventListener('load', function() {}), but it works delay since the internet speed.

BTW, I also post this question on Stack Overflow, but I still haven't got the answer. 😥

Which MacBook is better for web development?

Nicole Yang — Sat, 16 May 2020 16:27:27 +0000

I’m thinking of buying a new MacBook.
Any idea of which one is better for web development? 🤔
(If buying Mac Air, I’ll upgrade the core and RAM. )

Air, 1.2GHz 10th-generation i7, 16G RAM
Pro, 1.4GHz 8th-generation i5, 8G RAM

By the way,
could anyone explain to me what’s the difference between 1.2GHz and 1.4GHz? Thanks! 😅

Will you design before you start to make a website?

Nicole Yang — Sat, 18 Apr 2020 14:46:28 +0000

Quick question:
Let's say you are more a developer than a designer (just like me), will you design before you start to make a website?

Any suggestions for the project idea?

Nicole Yang — Sat, 28 Mar 2020 04:53:54 +0000

Hi, I started doing front end work two years ago. I have used Vue for about one year now, and also have learned a little bit about React. Now I'm about to be unemployed (Geez...😬), but that also means I will have more free time to improve my skills.
I want to make a portfolio site, but I need to have some projects of my own first. I would love to improve React more. Any suggestion about what kind of project can I try?