* * *

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

Phil

  • Hero Member
  • *****
  • Posts: 2749
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: 2825
    • Home
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: 520
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 1.8.4 64b on MX Linux "Horizon"

 

Recent

Get Lazarus at SourceForge.net. Fast, secure and Free Open Source software downloads Open Hub project report for Lazarus