tex: enhance frontend section
This commit is contained in:
parent
53ffbb8bbf
commit
770141d01d
@ -356,14 +356,18 @@ JavaScript.
|
|||||||
\n{2}{Frontend}
|
\n{2}{Frontend}
|
||||||
|
|
||||||
Frontend-side, the application was styled using TailwindCSS, which promotes
|
Frontend-side, the application was styled using TailwindCSS, which promotes
|
||||||
using of flexible \emph{utility-first} classes in the markup (HTML) instead of
|
usage of flexible \emph{utility-first} classes in the markup (HTML) instead of
|
||||||
separating out the specific styles out into all-encompasing classes. The author
|
separating out the specific styles out into all-encompasing classes. The author
|
||||||
understands this is somewhat of a preference issue and does not hold hard
|
understands this is somewhat of a preference issue and does not hold hard
|
||||||
opinions in either direction, Tailwind simply looked nice, especially with its
|
opinions in either direction, however, a note has to be made that this approach
|
||||||
built-in support for dark/light mode. The templates containing the CSS classes
|
empirically allows for a rather quick UI prototyping. Tailwind was chosen
|
||||||
need to be parsed by Tailwind in order to construct its final stylesheet and
|
partially also because it \emph{looked} nice, had a reasonably detailed
|
||||||
there is also an original CLI tool for that called \texttt{tailwindcss}.
|
documentation and offered built-in support for dark/light mode. The templates
|
||||||
Overall, simple and accessible layouts had preference over convoluted ones.
|
containing the CSS classes need to be parsed by Tailwind in order to construct
|
||||||
|
its final stylesheet. Upstream provides the original CLI tool for that action
|
||||||
|
called \texttt{tailwindcss}. Overall, simple and accessible layouts had
|
||||||
|
preference over convoluted ones and data-backed effort was made to create
|
||||||
|
contrasting pages.
|
||||||
|
|
||||||
\n{3}{Frontend experiments}
|
\n{3}{Frontend experiments}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user