{"id":27686,"date":"2017-06-14T11:48:19","date_gmt":"2017-06-14T09:48:19","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=27686"},"modified":"2017-06-14T11:48:19","modified_gmt":"2017-06-14T09:48:19","slug":"spellbook-of-modern-web-dev","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/","title":{"rendered":"Spellbook of Modern Web Dev"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/cover.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"27687\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/cover\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/cover.png?fit=512%2C500&amp;ssl=1\" data-orig-size=\"512,500\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cover\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/cover.png?fit=512%2C500&amp;ssl=1\" class=\"aligncenter size-medium wp-image-27687\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/cover-500x488.png?resize=500%2C488&#038;ssl=1\" alt=\"\" width=\"500\" height=\"488\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/cover.png?resize=500%2C488&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/cover.png?w=512&amp;ssl=1 512w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/github.com\/dexteryy\/spellbook-of-modern-webdev\">Spellbook of Modern Web Dev<\/a> is a collection of 2,000+ carefully selected links to resources on anything web development related. \u00a0It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development environments, containers, and ChatOps.<\/p>\n<blockquote>\n<ul>\n<li>This document originated from a bunch of\u00a0<strong>most commonly used links and learning resources<\/strong>\u00a0I sent to every new web developer on our full-stack web development team.<\/li>\n<li>For each problem domain and each technology, I try my best to pick only\u00a0<strong>one or a few<\/strong>\u00a0links that are\u00a0<strong>most important, typical, common or popular<\/strong>\u00a0and\u00a0<strong>not outdated<\/strong>, base on the\u00a0<strong>clear trends<\/strong>,\u00a0<strong>public data<\/strong>\u00a0and\u00a0<strong>empirical observation<\/strong>.<\/li>\n<li>Prefer\u00a0<strong>fine-grained classifications and deep hierarchies<\/strong>\u00a0over\u00a0<strong>featureless descriptions and distractive comments<\/strong>.<\/li>\n<li>Ideally,\u00a0<strong>each line is a unique category<\/strong>. The\u00a0<strong>&#8221; \/ &#8220;<\/strong>\u00a0symbol between the links means they are replaceable. The\u00a0<strong>&#8220;, &#8220;<\/strong>symbol between the links means they are complementary.<\/li>\n<li>I wish this document could be closer to a kind of\u00a0<strong>knowledge graph<\/strong>\u00a0or\u00a0<strong>skill tree<\/strong>\u00a0than a list or a collection.<\/li>\n<li>It currently contains\u00a0<strong>2000+<\/strong>\u00a0links (projects, tools, plugins, services, articles, books, sites, etc.)<\/li>\n<\/ul>\n<\/blockquote>\n<p>On one hand, this is one of the best single resources on the topic of web development that I&#8217;ve seen in a very long time. \u00a0On the other hand, it re-confirms my belief in &#8220;there is no such thing as a full-stack web developer&#8221;. \u00a0There&#8217;s just too many levels, and there&#8217;s too much depth to each level for a single individual to be an expert at. \u00a0But you get bonus points for trying.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>Spellbook of Modern Web Dev is a collection of 2,000+ carefully selected links to resources on anything web development related. \u00a0It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development &hellip; <a href=\"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Spellbook of Modern Web Dev<\/span><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Spellbook of Modern Web Dev #WebDev #HTTP #HTML #CSS #JavaScript","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[1,18,133,62,1334],"tags":[20,3421,1517,3420,1955,1190,3225,1139,3209,1057,200,3104,1330,2289],"keyring_services":[],"class_list":["post-27686","post","type-post","status-publish","format-standard","hentry","category-general","category-programming","category-sysadmin","category-technology","category-web-work","tag-browsers","tag-containers","tag-css","tag-docker","tag-google-chrome","tag-html","tag-http","tag-javascript","tag-nodejs","tag-performance","tag-security","tag-virtualization","tag-web-development","tag-web-hosting"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"Spellbook of Modern Web Dev is a collection of 2,000+ carefully selected links to resources on anything web development related. It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Leonid Mamchenkov\"\/>\n\t<meta name=\"google-site-verification\" content=\"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Leonid Mamchenkov - Life, universe, and everything else\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Spellbook of Modern Web Dev - Leonid Mamchenkov\" \/>\n\t\t<meta property=\"og:description\" content=\"Spellbook of Modern Web Dev is a collection of 2,000+ carefully selected links to resources on anything web development related. It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2017-06-14T09:48:19+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2017-06-14T09:48:19+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MamchenkovBlog\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Spellbook of Modern Web Dev - Leonid Mamchenkov\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Spellbook of Modern Web Dev is a collection of 2,000+ carefully selected links to resources on anything web development related. It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#blogposting\",\"name\":\"Spellbook of Modern Web Dev - Leonid Mamchenkov\",\"headline\":\"Spellbook of Modern Web Dev\",\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/cover-500x488.png\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#articleImage\"},\"datePublished\":\"2017-06-14T11:48:19+02:00\",\"dateModified\":\"2017-06-14T11:48:19+02:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#webpage\"},\"articleSection\":\"All, Programming, Sysadmin, Technology, Web work, browsers, containers, CSS, Docker, Google Chrome, HTML, HTTP, JavaScript, NodeJS, performance, security, virtualization, web development, web hosting\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/programming\\\/#listItem\",\"name\":\"Programming\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/programming\\\/#listItem\",\"position\":3,\"name\":\"Programming\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/programming\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#listItem\",\"name\":\"Spellbook of Modern Web Dev\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#listItem\",\"position\":4,\"name\":\"Spellbook of Modern Web Dev\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/programming\\\/#listItem\",\"name\":\"Programming\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#webpage\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/\",\"name\":\"Spellbook of Modern Web Dev - Leonid Mamchenkov\",\"description\":\"Spellbook of Modern Web Dev is a collection of 2,000+ carefully selected links to resources on anything web development related. It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2017\\\/06\\\/14\\\/spellbook-of-modern-web-dev\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"datePublished\":\"2017-06-14T11:48:19+02:00\",\"dateModified\":\"2017-06-14T11:48:19+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/\",\"name\":\"Blog of Leonid Mamchenkov\",\"description\":\"Life, universe, and everything else\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Spellbook of Modern Web Dev - Leonid Mamchenkov","description":"Spellbook of Modern Web Dev is a collection of 2,000+ carefully selected links to resources on anything web development related. It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development","canonical_url":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#blogposting","name":"Spellbook of Modern Web Dev - Leonid Mamchenkov","headline":"Spellbook of Modern Web Dev","author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/cover-500x488.png","@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#articleImage"},"datePublished":"2017-06-14T11:48:19+02:00","dateModified":"2017-06-14T11:48:19+02:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#webpage"},"isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#webpage"},"articleSection":"All, Programming, Sysadmin, Technology, Web work, browsers, containers, CSS, Docker, Google Chrome, HTML, HTTP, JavaScript, NodeJS, performance, security, virtualization, web development, web hosting"},{"@type":"BreadcrumbList","@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/mamchenkov.net\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/#listItem","name":"Programming"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/#listItem","position":3,"name":"Programming","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#listItem","name":"Spellbook of Modern Web Dev"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#listItem","position":4,"name":"Spellbook of Modern Web Dev","previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/#listItem","name":"Programming"}}]},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/#person","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author","url":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"WebPage","@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#webpage","url":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/","name":"Spellbook of Modern Web Dev - Leonid Mamchenkov","description":"Spellbook of Modern Web Dev is a collection of 2,000+ carefully selected links to resources on anything web development related. It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/#breadcrumblist"},"author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"creator":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"datePublished":"2017-06-14T11:48:19+02:00","dateModified":"2017-06-14T11:48:19+02:00"},{"@type":"WebSite","@id":"https:\/\/mamchenkov.net\/wordpress\/#website","url":"https:\/\/mamchenkov.net\/wordpress\/","name":"Blog of Leonid Mamchenkov","description":"Life, universe, and everything else","inLanguage":"en-US","publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"}}]},"og:locale":"en_US","og:site_name":"Leonid Mamchenkov - Life, universe, and everything else","og:type":"article","og:title":"Spellbook of Modern Web Dev - Leonid Mamchenkov","og:description":"Spellbook of Modern Web Dev is a collection of 2,000+ carefully selected links to resources on anything web development related. It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development","og:url":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/","og:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:secure_url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:width":1024,"og:image:height":1024,"article:published_time":"2017-06-14T09:48:19+00:00","article:modified_time":"2017-06-14T09:48:19+00:00","article:publisher":"https:\/\/www.facebook.com\/MamchenkovBlog","twitter:card":"summary_large_image","twitter:site":"@mamchenkov","twitter:title":"Spellbook of Modern Web Dev - Leonid Mamchenkov","twitter:description":"Spellbook of Modern Web Dev is a collection of 2,000+ carefully selected links to resources on anything web development related. It covers subjects from Internet history and basics of HTML, CSS, and Javascript, all the way to tools, libraries and advanced usage of web technologies, and more; from network protocols and browser compatibility to development","twitter:creator":"@mamchenkov","twitter:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg"},"aioseo_meta_data":{"post_id":"27686","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-07-20 04:43:41","updated":"2026-01-15 13:01:46","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/\" title=\"Programming\">Programming<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tSpellbook of Modern Web Dev\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/mamchenkov.net\/wordpress"},{"label":"Technology","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/"},{"label":"Programming","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/"},{"label":"Spellbook of Modern Web Dev","link":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/14\/spellbook-of-modern-web-dev\/"}],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":22050,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/06\/23\/front-end-development-bookmarks\/","url_meta":{"origin":27686,"position":0},"title":"Front-end development bookmarks","author":"Leonid Mamchenkov","date":"June 23, 2014","format":"link","excerpt":"Front-end development bookmarks - a huge list of frontend development resources Dmitriy Navrotskyy has collected. Sorted from general knowledge at the top to concrete problems at the bottom.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":26370,"url":"https:\/\/mamchenkov.net\/wordpress\/2016\/08\/24\/web-developer-tools-from-browserling\/","url_meta":{"origin":27686,"position":1},"title":"Web Developer Tools from Browserling","author":"Leonid Mamchenkov","date":"August 24, 2016","format":false,"excerpt":"Browserling - an awesome cross-browser testing service, has a collection of Web Developer Tools, which are as simple to use as possible. \u00a0There are now more than 80 (!!!) tools, according to this Peteris Krumins blog post, that provide immediate help with things like converting dates and times, formats like\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"browserling-effortless-cross-browser-testing","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2016\/08\/browserling-effortless-cross-browser-testing.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":9681,"url":"https:\/\/mamchenkov.net\/wordpress\/2005\/11\/17\/daily-del-icio-us-bookmarks\/","url_meta":{"origin":27686,"position":2},"title":"Daily del.icio.us bookmarks","author":"Leonid Mamchenkov","date":"November 17, 2005","format":false,"excerpt":"Shared bookmarks for del.icio.us user tvset on 2005-11-16 trendalicious! -- Excellent dynamics for del.icio.us Tagged as: ajax blogging cool del.icio.us links lists services social software tools web \u00d0\u00ad\u00d0\u00bd\u00d1\u2020\u00d0\u00b8\u00d0\u00ba\u00d0\u00bb\u00d0\u00be\u00d0\u00bf\u00d0\u00b5\u00d0\u00b4\u00d0\u00b8\u00d1\u008f \u00d0\u00ba\u00d0\u00b8\u00d0\u00bd\u00d0\u00be\u00d1\u02c6\u00d0\u00b0\u00d0\u00b1\u00d0\u00bb\u00d0\u00be\u00d0\u00bd\u00d0\u00be\u00d0\u00b2 Tagged as: cliche dictionary forums lists movies russian An Overview of Cryptography Tagged as: algorithms article book code computers documentation hacking\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27713,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/21\/grab-front-end-guide\/","url_meta":{"origin":27686,"position":3},"title":"Grab Front End Guide","author":"Leonid Mamchenkov","date":"June 21, 2017","format":false,"excerpt":"Grab Front End Guide is a front end development guide for the large engineering teams. \u00a0It focuses primarily around the JavaScript stack, with HTML and CSS, and covers coding, testing, linking, and deploying.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/desk-500x333.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28341,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/01\/22\/micron-js-a-micro-interaction-css-javascript-library\/","url_meta":{"origin":27686,"position":4},"title":"micron.js &#8211; a micro-interaction CSS\/JavaScript library","author":"Leonid Mamchenkov","date":"January 22, 2018","format":false,"excerpt":"micron.js: a [\u03bc] microInteraction library built with CSS Animations and controlled by JavaScript Power It won't change your life, but it will help with adding a little human touch to your web application.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22412,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/20\/modernizr-avascript-library-that-detects-html5-and-css3-features-in-the-browser\/","url_meta":{"origin":27686,"position":5},"title":"Modernizr &#8211; JavaScript library that detects HTML5 and CSS3 features in the browser","author":"Leonid Mamchenkov","date":"August 20, 2014","format":"link","excerpt":"Modernizr - JavaScript library that detects HTML5 and CSS3 features in the browser.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/27686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=27686"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/27686\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=27686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=27686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=27686"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=27686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}