My first FireFox build and modification on CSS

The below image is my first modification on Firefox browser's home page css.  It's a extremely simple change which is just changing the background colour of the homepage, but during the process of building and making those changes I ran into tons of problems. Most of them are environment related.
After modification
I was building on a Mac pro with OS setting : 10.12.2. During my first build, the error "could not find stdio.h" kept showing in console. After some research on this issue, I found out that this error is due to the mis-configuration of the environment variable in Xcode, so I tried this command "sudo xcode-select -switch /Applications/Xcode.app/ " and it worked.

Although I'm still confusing about how the environment is being set up, I'm guessing the command above will basically reset the path for stdio.h file and the build tool can find it. 

I'm happy that I made this work and will definitely keep playing around with the source code of firefox!  

Comments

Post a Comment

Popular posts from this blog

Image
Augmented Reality in Industrial Safety Augmented Reality is already improving worker performance  This is a interesting article talking about how AR improves industrial workers' performance, variousexamples are used to demonstrate  how AR technologies can be applied in industrial activities  https://hbr.org/2017/03/augmented-reality-is-already-improving-worker-performance 4 Applications in 2018 for augmented reality in construction Augmented Reality is a emerging technology being used in many domain areas, construction is one of the field that may be influenced by AR in the future.  https://esub.com/4-applications-in-2018-for-augmented-reality-in-construction/ Ontario ministry of labour- health and safety Many Health and safety related records can be found here. This site contains reports about the injures or fatalities recorded each year in Ontario labour force.  https://www.labour.gov.on.ca/english/hs/index.php Augmented Real...
Read more

Second release on thimble

Image
This week I was working on my second bug on the thimble repo. This one is a feature request. Here is the link to the issue https://github.com/mozilla/thimble.mozilla.org/issues/2506. I basically need to add a inline editor for editing the Border-radius css rule. Something like this: I already made it partially working. But some of the UI style still need to be fixed. As you can see right now the background color is all read which does not really meet the production level standard. At the first glance of the issue. I didn't think this should be taking too long, because there are already some existing inline editors code example. I thought I can just do bunch of copy-paste to make it work. However, when I really sit down and starting working on it, it was totally different than what I thought. You need to have different files to handle different behaviours of the editor. To figure that out I started by reading the existing code over and over again. That took me a long time to g...
Read more

Documentation in opensource

Image
Documentation in opensource Importance It is obvious that with detailed and well-explained documentation, contributor will definitely have a easier time with the environment set up and a good overview about how the project is structured which is really saving a lot of time. Commenting Besides documentation, code with clear comment also help developers reuse some of the existing code easily. I believe that no programmers love to read 10 thousand lines of code just to figure out where a variable is being defined. Following good commenting standard makes your code so clear to others about what the code is about, what does it do and how it is being used. For instance, giving description of the parameters and return values of a function is considered a good commenting standard, especially in open-source projects. Working with thimble  Currently I am working on the thimble project from github. The feature I was trying to add is a inline-border-radius editor. The docu...
Read more