Recent

Author Topic: Writing a Mobile Web App with Pascal  (Read 7246 times)

Phil

  • Hero Member
  • *****
  • Posts: 2737
Re: Writing a Mobile Web App with Pascal
« Reply #15 on: May 07, 2018, 03:14:35 am »

Although Lazarus is unable to syntax highlight the .scss or .json files that are an important part of a qooxdoo project.


I see that Visual Studio Code can syntax highlight SCSS and JSON files, as well as Pascal and JavaScript.

Interesting highlighting feature for colors: displays a tiny swatch with the color whose value you typed.

See attached screenshot.

lainz

  • Hero Member
  • *****
  • Posts: 4460
    • https://lainz.github.io/
Re: Writing a Mobile Web App with Pascal
« Reply #16 on: May 07, 2018, 04:06:43 am »
I use VS Code for almost everything, except for Pascal since I use Lazarus.
That feature about colors is from the original Visual Studio.

tudi_x

  • Hero Member
  • *****
  • Posts: 532
Re: Writing a Mobile Web App with Pascal
« Reply #17 on: May 07, 2018, 09:51:29 am »
hi,
is there an example of web app using CSS Grid and vanilla JavaScript updating CSS variables?
i could not find anything under the Pas2JS section.
ex.
Code: Javascript  [Select][+][-]
  1. theNav.onmouseover = () => {
  2.             const tabletSize = getComputedStyle(document.documentElement).getPropertyValue("--tablet__size").replace("px", "");
  3.             const bsize = window.innerWidth;
  4.             if (bsize > tabletSize) {
  5.                 theNav.style.gridColumn = "1/1";
  6.                 theMain.style.gridColumn = "2/-1";
  7.                 document.documentElement.style.setProperty("--column1__size", 160);
  8.             }
  9.         }
 

JS frameworks come and go but ECMA is making each year JS better...
Lazarus 2.0.2 64b on Debian LXDE 10

 

TinyPortal © 2005-2018