10 years of FlexBox’ing

10 years ago we, at W3C-style WG mail list, started discussion of giving CSS at least some flexibility. That was the time of semantic Web battles that showed up in “don’t use <table> for layout purposes” witch-hunt among others. The problem was that CSS did not offer any option to vertically align stuff inside browser…

Web Frameworks: React vs Vue

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

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.

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

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…