Code

8 posts in category of Categories

in Code

React Native WSL2 setup without Android Studio in Windows

Setting up a project’s foundation can be demanding. A well-structured environment leads to a much more productive development process. Many Android Studio projects built for other operating systems encounter issues when running on Windows. This often necessitates the installation of Node.js and Git on the Windows machine.

Read post
in Code

Cloudflare fast-google-fonts service worker with google amp-custom style tag

The service worker template on Cloudflare’s Workers for loading google fonts fater, injects the HTML with font CSS before the page loads. The CSS is embedded in a <style> tag. AMP however does not allow ‘style’ tags. It says: “Only amp-boilerplate and amp-custom ‘style’ tags are allowed, and only in the document head.”. Moreover, only one amp-custom ‘style’ tag is permissable.

Read post
in Code

Show remaining characters in textarea using amp-bind

AMP is awesome! Look at this. So easy to code. It reminds me of Vue.

Read post
in Code

Using Hugo htmlUnescape function to solve "selector expected" errors

I have been getting this error in VS Code for using <style> and then not following it up with a valid CSS.

Read post
in Code

Lambda function on Netlify as endpoint for Google AMP form

I recently converted this site to be AMP valid. Everything went easy except when it came to setting up the contact form to use amp-form. I was previously using Netlify’s own Forms integration which is super straight forward compared to this mess.

Read post
in Code

Creating Google Sheets web app for catching Netlify webhooks

Zapier is great. But I wanted to try and use the Netlify’s outgoing webhooks and manually (using the Google Apps Script) record data I receive into Google Sheets.

Read post
in Code

Enable term 'jQuery' in Vue CLI 3 scaffolded project

I have been trying for way too long to figure out how to enable the term ‘jQuery’ to be used in my Vue CLI 3 scaffolded project. In my case I am using Semantic UI for creating the interface which requires jQuery.

Read post
in Code

Hugo + Tachyons (src) without gulp or webpack

Tachyons is a pretty epic css toolkit. The first and common way to use it is to link the minified css into your html.

Read post