\r\n);\r\n\r\nexport const TableRow = ({ children }) =>
{children}
;\r\n\r\nexport const TableCell = ({ children }) =>
{children}
;\r\n","import { Fragment } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport {\r\n ProjectBackground,\r\n ProjectContainer,\r\n ProjectHeader,\r\n ProjectSection,\r\n ProjectSectionContent,\r\n ProjectSectionHeading,\r\n ProjectSectionText,\r\n ProjectTextRow,\r\n} from 'components/ProjectLayout';\r\nimport Link from 'components/Link';\r\nimport usesBackground from 'assets/uses-background.mp4';\r\nimport usesBackgroundPlaceholder from 'assets/uses-background-placeholder.jpg';\r\nimport prerender from 'utils/prerender';\r\nimport { useScrollRestore } from 'hooks';\r\nimport Footer from 'components/Footer';\r\nimport './index.css';\r\nimport { Table, TableCell, TableRow } from 'components/Table';\r\n\r\nconst Uses = () => {\r\n useScrollRestore();\r\n\r\n return (\r\n \r\n \r\n Uses | Burhan Jawed\r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n More Information Soon...\r\n \r\n \r\n */}\r\n\r\n {/* \r\n \r\n \r\n Design\r\n \r\n
\r\n
\r\n Figma is my primary tool for\r\n UI design these days. Made the switch from Sketch in 2020 and haven't\r\n looked back. I've also created{' '}\r\n a few plugins that\r\n you can install.\r\n
\r\n
\r\n Any motion graphics I create are created in Adobe After Effects. So\r\n far I haven't found a non-Adobe product that's as good. If anyone has\r\n suggestions please message me.\r\n
\r\n
\r\n For any 3D models I use{' '}\r\n Blender. Since 2.8 it's\r\n become way simpler to use and in a lot of ways better than expensive\r\n paid tools like 3DS Max or Maya.\r\n
\r\n I use{' '}\r\n Visual Studio Code{' '}\r\n as my text editor, with the Atom One Dark theme and Operator Mono as\r\n my typeface of choice.\r\n
\r\n
\r\n Firefox is my main browser for both development and general use.\r\n
\r\n
\r\n React is my front end\r\n Javascript library of choice. The component-centric mental model is\r\n the first thing that truly made sense to me as a designer.\r\n
\r\n
\r\n For 3D effects and image shaders I use{' '}\r\n three.js. It has a bit of a\r\n learning curve but you can do some really powerful stuff with it.\r\n
\r\n
\r\n For CSS I've used a myriad pre-processors and css-in-js solutions like\r\n styled-components, but these days I'm using vanilla CSS with{' '}\r\n PostCSS to get upcoming CSS\r\n features today.\r\n
\r\n
\r\n For Javascript animations I use{' '}\r\n Popmotion Pure 8, it's a\r\n great way to add spring animations to three.js. All other animations\r\n are CSS with{' '}\r\n \r\n React Transition Group\r\n {' '}\r\n for enter/exit transitions.\r\n
\r\n
\r\n For building and testing UI components in isolation I use{' '}\r\n Storybook. Check out the{' '}\r\n \r\n storybook for this website\r\n \r\n .\r\n
\r\n
\r\n \r\n \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n Main Skills\r\n