Category Archives: Uncategorized

Tailwind CSS

Create a folder in /workspace/tailwind. Then run the command below to initialize tailwind css.

npm init -y
npm i tailwindcss

Create the src/style.css

@tailwind base;
@tailwind components;
@tailwind utilities;

Create ./index.html and dist/style.css

Paste bootstrapping html code into ./index.html

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="/dist/style.css" rel="stylesheet">
</head>
<body>
  <h1 class="text-3xl font-bold underline">
    Hello world!
  </h1>
</body>
</html>

Open package.json and modify the code:

"scripts": {
    "build:css": "tailwind build src/style.css -o dist/style.css"
 },

Use the command below to build the distribution file

npm run build:css

Start a HTTP web server using NPM so you can preview and test in the web browser

npm install --global http-server
http-server

Last, view the project in web browser with URL like http://127.0.0.1:8080/dist/

Migrate from bootstrap

Here are few points you need to know if you are migrating over from bootstrap:

  • Tailwind is not a component library and has no JS dependency
  • Which means you wont get things like datepicker, tab, carousel….
  • You may wanto check out DaisyUI, Flowbite or TailwindUI which cost around RM1,200

Embed Astro Awani Player to your site

All you needs are the following code:    

Normal Map

We asked for normal map to use on 3d coin, but our freelance designer gave us this: 5Cent_LoNormalsMap   This is not normal map, not even quite a bump map. Here is a better explanation: normalMapMiniTut Malaysia colleagues trains many good 3D artist, but mostly for the pre-rendered video use. They should expose more to real-time rendering 3d modelling.  

Unboxing intel nuc

Needed a SFF to test out installation projects & home server. Got my Intel NUC D54250WYKH from mika@lowyat. Only after visited his company website than i realized I have been there like 10 years ago while studying Game Design in MMU: He is one of the earliest Game Developer in Malaysia! image Added 8MB Ram, wireless pcie, 128GB SSD mSata & cable! at RM1770. This model can install additional 2.5″ HDD but i not going to do that for this moment, just in case in future. image Next, I going to install ubuntu desktop onto this machine by following this tutorial. Important: Your ubuntu might failed to run after installation. You will need to update the bios first. Pls note that this machine only have mini-HDMI port (type c). Most cable you have are type A so you might wanto get a converter for it. I will try running processing on it and will keep you guys update on the benchmark.

Completely turnoff UAC on win8 pro

The good looking interface doesn’t seems to work for me as it still keep prompting me action whenever a new app/software to install/uninstall. The better way to turn it off all for once is at control panel -> Administrative Tools -> Local Security Policy On the left pane, browse for Local Policies -> Security Options Scroll to the bottom and you will find a list of User Account Control related settings. Don’t ask me what they do and how it affect when disable/enabled it, you can click the item and read at explanation tab. Yes, it is complicated and it’s just another god damn things that M$ did to makes everyone life miserable. Please take note your metro app will get affected after turning UAC off in this method. http://social.technet.microsoft.com/Forums/windows/en-US/60d3a7af-cd21-4ea4-ac97-ebfab2aa6ed4/apps-not-allowed-when-uac-is-disabled?forum=w8itprogeneral

Malaysia ISP blocked yify-torrents.com

yify-torrents is a popular video torrent sharing website, most of the top movie seed found at piratebay came from them. Today, Malaysia ISP have choose to block this site with an ugrly looking message. Clicking the link for more information will bring you to the next. yifyblocked   yifyblocked2