bloomberggraphics / whatiscode Goto Github PK

There's a gap, then the video appears behind the placeholder image. Looks like the responsive wrapper is being confused by the advert, it goes div.videoWrapper div.videoWrapper2 div.bvp-google-ads-container div div.video-js video, and the fourth div there is lacking a height:100% so the video has height 0, maybe? Plus double 56% top/bottom padding I think causing the gap? Not sure, sorry.

Copyright [yyyy] [name of copyright owner]
https://github.com/BloombergMedia/whatiscode/blob/master/LICENSE#L190

According to the wikipedia article, PHP was originally released as 'Personal Home Page Tools' and now stands for 'PHP: Hypertext Processor'.

"If it takes a second to make a page, that’s still too slow—there are only 2.6 million seconds in a month. So you need to figure out how to serve about 10 pages per second. "
Point 1: A second to make a page is too slow for usability and user retention reasons, but not for the timing reasons outlined in the articles. During most of that second, the thread "making" the page is blocked (and sleeping) waiting on database I/O, file I/O, etc..., allowing other threads to do work. You could have a hundred threads each taking one second to make a page, as long as the CPU time consumed by each thread is less than 10ms, you would be fine (and on a 4 core hyper-threaded CPU, that time constraint climbs to less than 80ms of CPU time, an eternity in computer time. in fact with a good database, good file I/O and ample memory for caching, 80ms should accommodate both CPU time and User time, i.e. total clock time, for the majority of requests).
Point 2: You should be able to serve 10 concurrent pages a second on a $300 Atom powered computer from Walmart. If not, you need to seriously look at your code and choice of technology.

Isn't PHP short for PHP: Hypertext Preprocessor and not "Personal Home Page/Forms Interpreter" ?

http://php.net/manual/en/faq.general.php#faq.general.acronym

Although we've moved to Python at the dev shop I run, PHP is one of my favorite examples of a recursive acronym.

• http://webaim.org/techniques/alttext/
• http://accessibility.psu.edu/images/

If I open the URL in Safari, the bandwidth maxes out my little 4MB internet connection. If I close the tab then iStat menus network indicator shows it going back to zero. Open tab and leave it for more than an hour, and Safari is still maxing out my internet connection an hour later. Close this article, Safari consumption goes to zero.

When viewed on an iPad or a narrow screen, the email form/HTML in section 5 is not present. This leads footnote 23 to display beneath the orange chatter emote image. Some of the text of the footnote cannot be read. Screenshot:

As per the FAQ.

This sort of thing really happens, and part of the job is remembering that 4 + 20 is 24 and 4 + “20” is “420.”<<

Should be >>"420".<< at the end, surely?

I'd really like to share pieces of this with others, but there's no way to do:

http://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/index.html#section6-5

Or if there is I haven't figured it out.

• h2s
• h3s
• paragraphs
• interactives
• other assets

Aaand maybe...

• Do something with :target pseudo-class?

& clarify use

as fun as it is to see people's totally baffled candid photos on twitter

• CSS
  • Use opacity for blinking cursor
  • Render above-the-fold first (cf.)
  • Reduce crufty, unused, inefficient CSS
  • Roll up in build step
  • Use 3D transforms to hide banner (cf.)
  • Transform the background canvas? (cf.)
  • CSS fluid type opener (cf.)
• Photos
  • Lazy loading
  • Sizing
  • Alt text
  • ballmer.gif single-handedly adds ~1.13 seconds to load...
• JS
  • Roll up in build step

The article (which, overall, is great) states:

Because each commit gets a random, unique identifier…

From what I can tell (see How is git commit sha1 formed and the bottom of Git Internals - Git Objects), git commit hashes are not random.

• On small screens
• Fix histogram overflow
• Anchor tags
• Listen for hashchange, record page discontinuity
• Table of Figures

See also Page Visibility API, probably not worthwhile.

"Programming, despite the hype and the self-serving fantasies of programmers the world over, isn’t the most intellectually demanding task imaginable.

Which leads one to the inescapable conclusion: The problem with women in technology isn’t the women."

The very premise to this reasoning seems to be that women are less smart than men.
You're saying that coding shouldn't be inaccessible to women because it's not an especially intellectually demanding task, WTF.
You're talking about sexism in the programming community and you make the most possible sexist comment ever.

Note: I'm not a woman and I'm usually skeptical towards taking any gender-related comment as sexist or discriminating, but this rang a bell even to me.

OK, my problem is not isolated to whatiscode alone, but I found no other way to report to you guys, so might as well file an issue here:

Whenever I try to visit Bloomberg site, be it news article or http://www.bloomberg.com/whatiscode, I got redirected to http://www.bloomberg.com/company/. Thing is, it only happen when my request go through Microsoft Azure (using VPN or ssh tunnel).

This is a problem for people based in China, like me, because Bloomberg is blocked here and if our proxy also failed to reach Bloomberg, then we have no method to access it.

On the ground that whatiscode is a novel introduction to coding, please help make Bloomberg more reachable and pass along my feedbacks.

Thx :)

From the story: "Already you wander Disneyland with a wristband, and it watches and tracks you; the whole place is a computer."

But Disneyland doesn't have those wristbands, yet. Those wristbands are only available currently at Disney World.

(Loved the story)

http://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/#circuit

• Gate paths are too large on safari
• Background wire paths don't always connect gates
• Toggling states too fast cancels animations

https://github.com/BloombergMedia/whatiscode/blob/master/modules/circuit/circuit.js

Dijkstra distributed a remarkable and challenging set of 18 memos
to the global computer science community, starting in the 1960s and
continuing up until his death in 2002, known as “EWDs,” many of
them handwritten.

He wrote way more than 18 memos : 1318 are listed at http://www.cs.utexas.edu/~EWD/

Footnotes 11 through 13 aren't anywhere in index.html---it skips straight from 10 to 14.

In the fully rendered version, there are footnote widgets in the text for these missing footnotes, but of course no text.

Pocket seems to work fine

http://postimg.org/image/3rf0rjk23/

I was ready to translate the article to spanish (including code) but the license is crystal clear about this.

The international spread of this article is intentionally blocked by the publisher, isn't it?

Thank you, the article is a master work.

/gcd {
{ dup 3 1 roll mod dup 0 eq {pop exit} if
} loop
} def

Totally amazing read so far! Just a small thing that came to my mind:

In chapter 3.3 after the squares.c example it says

That runs the GNU C Compiler

which AFAIK is technically not true for a "normal" Mac. There gcc is an alias for clang.

If you click 'cowboys' twice on the #grabbag bot, the 'reset' button no longer resets all the previous images. This means all your pretty infographics, screenshots, and photographs are now replaced with clipart-era gifs of a cowboy typing at a computer

The cowboy stomping his food and coding is super annoying and distracting from reading.

First off. OMFG thank you for capturing our world.

Now, let's turn this into a TV show so I can get my family to actually sit through the whole thing.

Great work Paul.

Hi. Is it possible do translate this article to other languages? There are texts and interactive content, but... If we could have access to the strings, it could be possible.

Best regards,
Gilvan.

Referring to the paragraphs about women in code, specifically from Fast Company:

The writers of the article are Ciara Byrne and Jay Cassano. Given that Cassano is male I would imagine that those lines belong to Ciara Byrne.

Text from: "In some mysterious way, he outranks you. Not within the company....." is hidden underneath the video above it when seen in chrome on an iPad.

http://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/#text-diff

https://github.com/BloombergMedia/whatiscode/blob/master/modules/text-diff/text-diff.js#L15-L32

This article will be useful for years and years to come. I'd love if there were a simple redirect to make it easier to reference. I'd propose bloomberg.com/code.

I know it's outside the scope of this repo, but I figured my tweet would get lost in the mentions, so giving it a go here :)

Not sure why it won't d/load the soft ware been having problems finding the correct one

typo: Htm5 should say Html5. also, inconsistent capitalization conventions: PHP vs Css.

Programming, despite the hype and the self-serving fantasies of programmers the world over, isn’t the most intellectually demanding task imaginable.

Which leads one to the inescapable conclusion: The problem with women in technology isn’t the women.

This argument immediately reminded me of the Berkeley gender bias case that Wikipedia uses to explain Simpson’s paradox in statistics. More men than women were admitted to Berkeley in 1973. But the cause turns out to be not sexism, but women having applied to the departments that were harder to get admitted to.

Similarly, there is a missing link in your argument. You have shown that the problem with women in technology isn’t the capability of women. But before you say that women have nothing to do with the problem, you need to demonstrate that the problem also isn’t a lack of interest on the part of women.

I don’t personally know whether the statistics show that women are less interested in technology than men. Even if women are less interested, that would probably explain only a portion of the lack of women in the field. But you need to mention those statistics if you want to justify your current conclusion – that women aren’t the problem.

Would be good to link to the freely available document:
http://worrydream.com/refs/Brooks-NoSilverBullet.pdf

In section 3.4, update_address is mentioned as an example function. Later, it is referred to as update address (without the underscore).

Your talking point at the end says:
"Congratulations! You read 31375 words"
But the certificate shortly above says "38,000 words"
That's a seriously large discrepancy

The article just plays a long droning voice... no mute or stop button or way to know where it's coming from.

• https://css-tricks.com/snippets/javascript/lazy-loading-images/
• http://andmag.se/2012/10/responsive-images-lazy-load-and-multiserve-images/
• https://afarkas.github.io/lazysizes/

maybe only do it for semantically non-essential images? or noscript everything

I have Windows 8 and Chrome 43 and when at the end of the article, the web page is asking to access my camera, I get a blue page: System Error Exception etc...and my computer crashes and restarts...not good.

Otherwise, great article.

This is a wonderful read. ❤️ But despite all of these of other interactive features, there is no link to the data source for:

Can you cite and link to the data please?