Meta tags:
description=Edwin Martin about frontend webdevelopment;

Headings (most frequently used words):

frontend, the, about, with, svg, on, web, introduction, to, bitstorm, org, edwin, martin, webdevelopment, vibe, coding, firebase, studio, autofill, autocomplete, attribute, using, icons, creating, an, icon, sprite, stop, shitting, javascript, introducing, blendblastcss, security, for, webdevelopers, intl, ecmascript, internationalization, api, how, can, machine, learning, help, developer, components, game, of, life, links, featured,

Text of the page (most frequently used words):
the (41), and (18), svg (17), with (15), you (13), web (12), this (12), can (11), javascript (10), sprite (10), time (10), icons (9), that (9), are (9), about (7), css (6), #autofill (6), frontend (6), your (6), which (6), have (6), #firebase (5), studio (5), them (5), security (5), 2024 (5), color (5), use (5), developer (4), using (4), autocomplete (4), edwin (4), components (4), machine (4), learning (4), data (4), help (4), developers (4), for (4), they (4), next (4), blendblastcss (4), front (3), end (3), introduction (3), attribute (3), bitstorm (3), org (3), allows (3), adding (3), map (3), tag (3), without (3), framework (3), made (3), dec (3), how (3), not (3), probably (3), backend (3), but (3), file (3), article (3), makes (3), image (3), 2025 (3), more (2), intl (2), ecmascript (2), internationalization (2), api (2), creating (2), icon (2), vibe (2), coding (2), game (2), life (2), martin (2), put (2), create (2), page (2), simple (2), work (2), based (2), like (2), however (2), algorithms (2), automatically (2), improve (2), powerful (2), tools (2), solve (2), there (2), 2022 (2), daylight (2), saving (2), want (2), one (2), from (2), only (2), while (2), very (2), save (2), worry (2), didn (2), all (2), would (2), such (2), path (2), take (2), look (2), see (2), browser (2), may (2), rgb (2), colors (2), system (2), apr (2), tweet (2), theo (2), math (2), posts (2), shitting (2), really (2), bad (2), install (2), npm (2), configuration (2), out (2), oct (2), some (2), scalable (2), will (2), know (2), forms (2), number (2), type (2), name (2), prompts (2), experiences (2), archive, engineer, practical, variables, carbonium, lightweight, library, manipulate, dom, featured, rss, feed, hackster, printables, linkedin, mastodon, github, links, playgameoflife, com, cellular, automaton, invented, cambridge, mathematician, john, conway, living, netherlands, webdeveloper, w3c, standard, simply, own, html, tags, latitude, 3812258, longitude, 9001255, component, way, needing, angular, react, vue, needs, available, come, back, later, according, wikipedia, 2020, subfield, artificial, intelligence, focuses, developing, able, learn, technology, providing, techniques, complex, problems, accelerate, their, several, ways, example, used, analyze, predict, opt, often, complain, when, support, zones, show, differs, hours, sometimes, difference, themselves, knowing, problem, worse, after, summer, winter, change, incorrect, again, solution, always, gmt, zone, offset, should, once, told, handled, did, point, topics, injection, traversal, ddos, attacks, place, owasp, top, application, risks, server, side, vulnerabilities, also, cannot, trusted, someone, computer, been, compromised, webdevelopers, mar, released, today, revolutionary, new, visual, prepare, world, rocked, screens, sizzled, most, electrifying, ever, grace, digital, universe, say, goodbye, boring, old, hex, codes, who, knows, d2691e, 153, 204, exactly, nobody, taking, level, our, mind, bending, eye, popping, jaw, dropping, introducing, browne, 140k, followers, max, true, min, explains, his, was, mistake, still, stands, general, sentiment, terrible, language, social, media, comments, below, let, investigate, analysed, many, claiming, langua, stop, lot, website, better, performance, site, merge, into, package, joschi, kuphal, dev, called, config, json, mode, view, dest, assets, describes, give, monochrome, different, apply, effects, why, ideal, format, stylized, vector, graphics, vectors, small, size, sharp, even, high, resolutions, styling, img, background, mask, registration, completed, others, tedious, process, manually, enter, phone, address, etc, first, fill, form, fields, filling, easier, safer, increases, conversion, rate, turn, setting, input, text, aut, last, april, google, introduced, tool, apps, giving, just, chatgpt, other, vibecoding, bolt, lovable, unlike, limited, tokens, per, day, month, free, versions, share, what, expect, getting, metadata, easy, start, thought, jun, webdevelopment, martins, weblog,

Text of the page (random words):
edwin martins weblog bitstorm org bitstorm org edwin martin about frontend webdevelopment 14 jun 2025 vibe coding with firebase studio last april 2025 google introduced firebase studio it is an ai tool that allows you to create web apps by giving prompts just like with chatgpt there are other vibecoding tools such as bolt and lovable but unlike firebase studio they are limited to a number of prompts tokens per day or month in the free versions in this article i share my experiences with firebase studio experiences i didn t really know what to expect getting metadata of an image would be an easy start i thought 12 apr 2025 autofill with the autocomplete attribute you probably know this some registration forms are completed in no time while others are a tedious process in which you have to manually enter your phone number address etc the first type will probably use autofill with the autocomplete attribute autofill allows a browser to automatically fill in form fields using autofill makes filling in forms easier safer and increases the conversion rate you can turn on autofill by setting autocomplete to on input type text name name aut 20 oct 2024 using svg icons on the web this article describes how to give monochrome svg icons different colors with css and how to apply some effects why do you want to use svg icons svg is an ideal format for stylized icons svg scalable vector graphics is made out of vectors which makes them very small as in file size and are scalable which makes them look sharp even at high resolutions styling svg icons you can use svg icons in an img tag or as a background image in this article however we will use mask image which h 20 oct 2024 creating an svg icon sprite if you use a lot of svg icons on your website it is better for the performance of the site to merge them into one file the svg sprite you can do this with the powerful svg sprite package by joschi kuphal see svg sprite install svg sprite with npm npm install save dev svg sprite next we put all configuration data in a configuration file called svg sprite config json path out mode view dest assets icons sprite sprite s 31 may 2024 stop shitting on javascript take this tweet from theo browne with 140k followers math max is true and math min in the next tweet he explains it but his javascript was a mistake still stands it s not about theo but about the general sentiment that javascript is a terrible language if it s not the social media posts about javascript it s the comments below them that are shitting on javascript is javascript really that bad let s investigate this i ve analysed many posts claiming javascript is a bad langua 1 apr 2024 introducing blendblastcss released today blendblastcss the revolutionary new visual css color framework prepare to have your world rocked and your screens sizzled with the most electrifying css color framework to ever grace the digital universe say goodbye to boring old rgb and hex codes who knows which colors d2691e and rgb 153 50 204 are exactly nobody we re taking css color to the next level with our mind bending eye popping jaw dropping css color system blendblastcss blendblastcss s color system is s 11 mar 2024 security for frontend webdevelopers should frontend web developers worry about security a backend developer once told me that as a frontend developer i didn t have to worry about security all security would be handled on the backend he did have a point topics such as injection path traversal and ddos attacks take place on the backend if you look at the owasp top 10 web application security risks you only see server side vulnerabilities and also a browser cannot be trusted someone s computer may have been compromised or 20 dec 2022 introduction to intl the ecmascript internationalization api developers often complain when they have to support time zones or daylight saving time the time they want to show differs by one or more hours from the time in the data sometimes they solve this by adding the difference themselves not knowing that this only made the problem worse and the time after the next summer winter time change is probably incorrect again while the solution is very simple always save time as gmt so without time zone offset and without daylight saving time you can 4 dec 2022 how can machine learning help a frontend developer machine learning is a subfield of artificial intelligence that focuses on developing algorithms that are able to automatically learn and improve based on data this technology can help front end web developers by providing them with powerful tools and techniques to solve complex problems and improve and accelerate their work there are several ways machine learning can help front end developers for example machine learning algorithms can be used to analyze and predict data which can help opt 29 dec 2020 introduction to web components web components is a w3c web standard that allows you simply put to create your own html tags adding a map to your web page can be as simple as adding this tag g map latitude 52 3812258 longitude 4 9001255 g map with web components you can work in a component based way without needing a javascript framework like angular react or vue however the tag needs to be made available on the page using javascript we ll come back to this later according to wikipedia web components about edwin martin is a frontend webdeveloper living in the netherlands game of life the game of life is a cellular automaton invented by cambridge mathematician john conway playgameoflife com links github mastodon linkedin printables hackster io edwin bitstorm org rss feed featured vibe coding with firebase studio autofill with the autocomplete attribute using svg icons on the web creating an svg icon sprite introduction to intl the ecmascript internationalization api carbonium a lightweight library to manipulate the dom practical css variables the javascript engineer and the front end ui developer more in the archive