Category: Web Application Techologies

Web Frameworks: React vs Vue

Posted on by c-smile

Practical investigation on effectiveness of Virtual DOM (React) updates versus direct DOM updates (Vue). Clearly React takes significantly more CPU time for the task of updating 100 items list. That proves once again that there is no silver bullet in Web Front End design. Each task has its own optimal framework/architecture. “Ideal framework” should allow…

Maintainable CSS

Posted on by c-smile

I have found Maintainable CSS site exceptionally useful for designing maintainable CSS systems. Modular and encapsulated: Styles don’t bleed or cascade without your permission. Any design requirements: Completely flexible to your needs. No tooling required: But you can use tooling if you want to. Easy to learn: Read the guides and see. Any size project:…

Russian Roulette game, .JS style.

Posted on by c-smile

Disclaimer: the game is quite dangerous and may lead to alcoholism of participants even after first game. Play responsibly! Idea of the game: Players, in their turn, name random English word. To this word they add “JS” or “.JS” suffix and go google for it. If google will give JS library or framework with that…

::mark(…) feature is comming

Posted on by c-smile

Please consider these tasks: Find all words in text on HTML page and highlight them Syntax highlighting: parse text of <pre> and mark all keywords by changing their color Find all misspelled words in <textarea> highlight them specifically. Currently you can do #1 and #2 by wrapping each text found into <span>s with specific classes…

display:none is considered harmful

Posted on by c-smile

Quite often in HTML/CSS based UIs we need to hide/show some elements in runtime. Probably the most widespread (and the worst) solution is to set display:none CSS property programmatically. That sounds quite easy at the first glance but solves only half of the problem – it hides – removes the element from rendering tree. But…