Month: December 2020

  • Using tableLayout CSS property with TypeScript

    Using table-layout property with React and TypeScript was giving a type error like below: ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx [tsl] ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx(79,25) TS2322: Type ‘{ padding: number; width: string; margin: string; tableLayout: string; }’ is not assignable to type ‘CSSProperties’. Types of property ‘tableLayout’ are incompatible. Type ‘string’ is not assignable to type ‘TableLayout’. This was…

  • CSS Flip Animation for Font Awesome Icons

    CSS Flip Animation for Font Awesome Icons

    This flip animation will be a perfect use-case for enable/disable UI actions. We’ll be using rotateY transform function to achieve this flip animation. Here is a simple HTML page with a few font awesome icons in both enabled and disabled states (we’ll be adding CSS for these states later) and jquery included for click actions.…

  • Flutter – Local push notifications

    Create a Flutter project To create a new project in Flutter execute the following command line in the terminal. We are using tryoutflutter as the project name. It will create a folder with the name of the project. Inside the project, the files structure should like this: Let’s look at the folders and files in…