8 ms·
New TypeScript Website
- joobus 6y agoI'm fascinated by the oscillation between straight corners and rounded corners every so often. One is popular for a while, then the trend goes the other way, and back again.
- Analemma_ 6y agoI have this theory that it's because of the "A/B-ification" of all web development. Our brains like novelty, and so when we see a different shape from what was there yesterday we instinctively prefer it, and so the A/B test dutifully reports that the new one performs better. And then two years later the same test tells you that people prefer the old shape, which is now new again.
- hombre_fatal 6y agoThe pendulum swing of the cool thing becoming lame and the old thing becoming cool describes all sorts of human trends. Being a human endeavor, it always existed in web design as well. There was no -ification. Even the themes of early PHP software oscillated like this.
- jbboehr 6y ago> Our brains like novelty, and so when we see a different shape from what was there yesterday we instinctively prefer it How do you reconcile this with people complaining about redesigns? I tend to hate them, personally.
- benrbray 6y agoTo me, the most infuriating trend in web design is adding a crazy amount of padding to everything and increasing the font size! The old TS website packed a ton of information into a single screen, but it seems like I need to scroll quite a bit in the redesign before I see the same amount of information. Zooming out to 75% improves the experience, but honestly I feel like I'm going crazy!
- yodon 6y agoIt's great that the samples are automatically run through the production typescript compiler as part of building the static documentation pages, so all output and error messages are current. It boggles my mind how many places treat technical docs as a write-once effort and then end up damaging their relationship with users as their docs get steadily less and less correct over time.
- gmac 6y agoAbsolutely agree: this is critical (I do the same myself in the documentation for my TS/pg library, https://jawj.github.io/zapatos/ https://jawj.github.io/zapatos/).
- pouting 6y agoMay I suggest changing the name from 'Typescript Playground' to something like 'Typescript Sandbox'? I found myself on a very nsfw website at work after clicking on a link shown in the results of a search using the strings 'TS' and 'Playground'.
- arxanas 6y agoThis has happened to me multiple times as well.
- sbergot 6y agoTry going to python.com to see what happens :p
- stared 6y agoNothing beats LaTeX. Image searches for symbols destroyed many innocent mathematicians.
- johnhenry 6y agoTry searching "LaTeΧ". (That's a "Chi" not an "Ex")
- giancarlostoro 6y agoAre their web services powered by Python at least? I am more surprised I never accidentally went to this site honestly.
- zellyn 6y agoI couldn't get this to happen with Google — every result was for typescript. I tried using duckduckgo and every result but one was porn. Guess I can put off that decision to switch to ddg a bit longer…
- 52-6F-62 6y agoI tried "typescript playground" and thought you were full of it because all of the results were relevant. Then I tried "ts playground". Woof. That is a big no-go! I definitely recommend being specific and explicit (in your phrasing...) with ddg still.
- valuearb 6y agoOh Microsoft marketing. “The new version of the website was built out of a desire to make the documentation for TypeScript feel as expansive as its type-system, ” I don’t know if I would call it “expansive”. I’d call it modern, powerful, efficient. I say this thinking that most web developers view type systems as constraining, the opposite of expansive.
- hombre_fatal 6y agoBy picking on such an inconsequential bullet point, it almost seems like you picked the first thing that you could use, no matter how tenuous, to trojan-horse in the age-old dynamic- vs static-typing debate. ;)
- valuearb 6y agoIt’s the classic war of eternity. But seriously, marketing is about using the exact right words, and this seemed sloppy. Still, excited about the new site.
- valuearb 6y agoBTW: ironically I’m in the middle of porting a Node/React project to Typescript and wishing fervently that I had started before I created so much crappy code to convert.
- sbergot 6y agohttps://www.typescriptlang.org/docs/handbook/react-&-webpack.html https://www.typescriptlang.org/docs/handbook/react-&-webpack... now redirects to https://webpack.js.org/guides/typescript/ https://webpack.js.org/guides/typescript/. It is a shame because this page was really well written. Typescript is still one of the few languages where the official website is the best place to learn about it.
- protomyth 6y agoIs there a link to download the documentation because I missed it?
- sbergot 6y agoRight at the end of the first sentence of the article.
- protomyth 6y agoI totally missed it on mobile.
- orta 6y agoFor the handbook specifically (the part where we expect you to read from start to finish) I created both an epub and pdf in the publishing process, you can see the links here: https://www.typescriptlang.org/docs https://www.typescriptlang.org/docs The PDF one isn't stunning, bit of a WIP, but the epub one is good.
- iamwpj 6y agoI enjoy Microsoft blogs where the screenshots are from MacOS and not Windows. I have no social commentary, it's just a tee-hee :D
- owl57 6y agoAnd the screenshot on VSCode page shows Linux version. Emphasis on non-Windows applications may be intentional.
- uranusjr 6y agoIn this case I believe it’s up to the blog author. Orta is a Mac user (was involved in a package manager, Homebrew? I forgot). The VSCode goes as far as detecting the OS you’re on and shows the most relevent screenshot, so you get Windows on Windows, Mac on Mac and iPhone, etc. But yeah, even just the fact they don’t force all of their websites use Windows screenshots is saying a lot by itself.
- orta 6y agoHa, yeah, I did consider getting my windows machine out for some the screenshots, then I could do light/dark win/mac. In the end, I figured the same framing was better because I mainly wanted to highlight the light/dark theming support, and "cross-OS" isn't really a feature you need to show for a website
- rainworld 6y ago>Angela Davis Microsoft casually promoting an unrepentant communist[0] who helped murder a judge.[1] Very cool! [0]: Read how she felt about the Berlin Wall and political prisoners: https://en.wikipedia.org/wiki/Angela_Davis#Other_activities_in_the_1970s https://en.wikipedia.org/wiki/Angela_Davis#Other_activities_... [1]: She bought the guns used in the Marin County Civic Center attacks, including the shotgun pointed at the judge’s head seen here: https://pbs.twimg.com/media/Ec4s2LjVAAE_mtD?format=png https://pbs.twimg.com/media/Ec4s2LjVAAE_mtD?format=png
- recursive 6y agoYou might be responding to the wrong post. "Angela Davis" is nowhere on this post. It's about typescript.
- boromi 6y agoWhat kind of stack have they used to create the new site?
- textread 6y ago"The main website for TypeScript, a Gatsby website which is statically deployed" https://github.com/microsoft/TypeScript-Website https://github.com/microsoft/TypeScript-Website
- orta 6y agoI gave a write-up on my motivations for choosing Gatsby on their blog too: https://www.gatsbyjs.org/blog/2020-01-23-why-typescript-chose-gatsby/ https://www.gatsbyjs.org/blog/2020-01-23-why-typescript-chos...
- octernion 6y agoa great improvement in my opinion! typescript has grown on me tremendously over the years (coming from a long-time coffeescript advocate, which has been out of fashion and out of date for a long time, typescript while orthogonal has filled that niche).
- nikolay 6y agoNot sure why Microsoft shies away from offering compilation to MSIL. Maybe they don't want C# competition, but having TypeScript not require Node.js/Deno would actually be a good thing. Away from the transpilation part, it is shaping to be a great programming language!
- orta 6y agoIt's a good question ( I have a YouTube video on some of the reasonings, https://www.youtube.com/watch?v=8qm49TyMUPI https://www.youtube.com/watch?v=8qm49TyMUPI ) but the TLDR is that TS really wants to only be a type layer above JS - turning into something like MSIL means breaking JS runtime semantics or re-creating that in MSIL ourselves. The idea has been tried a little differently by MS research though, https://www.microsoft.com/en-us/research/publication/static-typescript/ https://www.microsoft.com/en-us/research/publication/static-...
- eitland 6y ago> To give a sense of the support matrix, here's what we account for with each page: > > - JavaScript being disabled > - Keyboard-only navigation > - Text-to-Speech users > - Cookies/Local Storage being denied > - A focused mobile navigation design > - Light and Dark OS mode support, with a user-preference switcher Now we are talking. @every_web_developer_and_website_owner : this is the new trend, just trust me. Start preparing now and you'll be ahead of the curve when this Javascript everywhere fad finally goes away early next year ;-)
- tashoecraft 6y agoYou really think Javascript is somehow going to die next year? Percent of users with JS turned off is usually under 1%.
- deleted 6y ago[deleted]
- eitland 6y agoIt was a joke on my wishful thinking.
- jordache 6y agoi see their release timeline visualization is just divs with width hard coded in css. Sigh, I had assumed they would implement a programmatic visualization that's bound to actual release data.
- orta 6y agoIt is bound to actual release data! https://github.com/microsoft/TypeScript-Website/blob/v2/packages/typescriptlang-org/src/lib/release-plan.json https://github.com/microsoft/TypeScript-Website/blob/v2/pack... The divs are updated every time the website is re-deployed, and it deploys often. This means we don't need to run JS to give you the right date info.
- jordache 6y agothanks for the info and that link to the source. Edit: Isn't this where the 55%, 28%, 17% widths derived from? Looks like a hard coded values? https://github.com/microsoft/TypeScript-Website/blob/d4c638ffb113ad0b91f0614569b7e2b6882ad803/packages/typescriptlang-org/src/components/index/UpcomingReleaseMeta.tsx#L54 https://github.com/microsoft/TypeScript-Website/blob/d4c638f...
- orta 6y agoAh, yeah that's what you mean - so the first time I built this graph I used the real dates and their difference from release to give accurate %s. This turned out to not work, because there wasn't enough space to fit the text underneath. I then explored making the graph vertical with accurate %s, but it still felt heavily one-sided at end with the beta/rc/release. all clumped at the bottom. The third iteration is this, I moved the release date up into a sentence above, then had a mostly representational but kinda accurate overview of the three release stages. I think it gets the idea of the phases across, works in all browser sizes etc and doesn't take up too much visual space
- jgilias 6y agoPutting Deno project on the Typescript website frontpage is the most prominent advertising for it that I've seen. Nice! It does look really promising. Has anyone tried doing anything substantial with it?
- thelazydogsback 6y agoI would love for MS to get behind Deno as a sponsor to foster growth in a mainstream Node-alternative. (Though I wish Deno would offer shared-mem concurrency, possibly w/green threads as a performant option to workers or clusters.)
- SOLAR_FIELDS 6y agoI am currently working on porting some sound libraries from Node at the moment. The builtins like deno fmt and bundling make it a joy to code in. Some of the tooling is not yet complete though, for example deno lint is still missing quite a few rules.