tmcw/big

presentations for busy messy hackers

enable-web-developer-extensions

Instructions for how to enable developer extensions in a variety of browsers - currently Chrome, Firefox, Safari, IE, Opera, Mobile Safari. Please contribute more!

Public Domain or whatever license.

big's Issues

1.0.0

Do a branch, do a first tagged release. The tires have been thoroughly kicked.

Image-bg slides are untappable on phones

http://isaacjg.github.io/intro_to_python/python_presentation/python_presentation.html#3

clicking on an `a` tag also skips to the next slide

thanks for big <3

Use getAttribute instead of dataset object

One thing I noticed, this slide deck doesn't load properly in IE10 (build 10.0.9200.17148). Debugging big.js in IE gives this message "SCRIPT5007: Unable to get property 'timeToNext' of undefined or null reference big.js, line 7 character 32"
Would that cause this IE issue?

Add markdown presenter notes handler for `compose`

@tmcw Do you have a preference for what as-yet-unreserved-by-markdown character combo could be recompiled into <notes> tags in a manner similar to this?

My suggestions are +++ or ===, but I defer to you. Will send a PR when ready.

Publish to npm?

That way biggie (and other tools) can depend on the latest script?

Filter out div elements which are not direct descendents of the body element

HTML theme

Print stylesheet

Seems chill and doable.

Decrease font size by percentage

See magic over at weenote jed/weenote@a66c03b

time-to-next should be data-time-to-next

Just to be picky, custom attributes should be prefixed with data-. It works fine as is of course.

vertically center content

@maxogden and I both used big for our talks at NodeDublin.

I'm in the back row and a slide with a long line, one line of code in a pre block, is way at the top, alone, and the projector sticks out of the ceiling and obscures the line from my view way in the back. really wish is was vertically centered.

Improve advancing/link-clicking UX

A link to big-gist in README.md isn't working

Big cookbook

I have quite a few tricks I tend to re-use, should document them to go with big 1.0

• https://github.com/tmcw/big/blob/gh-pages/COOKBOOK.md

Anything else to add to this?

• Tweaking padding (optionally per-slide)
• Background image tiling vs cover vs 100%
• Speakers notes (once support is merged)

use KeyboardEvent.key instead of .which

I'm deciding between setting the minimum browser at IE9 or IE10 - but regardless, I should switch the current usage of .which, which is deprecated, with .key, which isn't.

Display text over an image

The following code should display a the text "Hello World" over the image. Only the image is displayed.

I apologize if this is the intended behaviour, I'm not trying to disguise a feature request. I think it's the expected behaviour, however if it is in conflict with the mission statement that's fine.

---

Hello World 

![](http://farm3.staticflickr.com/2608/3801835477_b87502a888.jpg)

---

Using Big: Intro to Python

I did a really long presentation with big, to introduce programming and python.

Documentation

@tmcw Would you be open to me writing up some basic instructions for junior hackers like me? Just stuff that's probably obvious to most people, but tips for building out a presentation: where/how to add images, tweaking styles in line, etc.

Notes get included in <title>

You can see this on the demo: http://www.macwright.org/big/demo.html#1

I tried to work on a PR but didn't get very far. For my presentation I've just removed this line of code to have a static title:

document.title = e.textContent || e.innerText;

PS. I really enjoy big, thanks for making it :)

Center images

I wish there was a way to center an image on screen. I'm not using it as a background, I just wanted it centered. Any suggestions?

Add support for markdown composition

á la biggie.

Presenter remote controlling

One of Big's appeals is that it's so small, and does one thing quite well. However, I did two presentations earlier this week in Big and I couldn't get either of the two remotes I had available to me to work (this also ties in with #36 ). It would be awesome if there was a lightweight way to offer support for presenter remotes without compromising Big's defining characteristics.

Reveal.js has a plugin for remotes.io which could be an option. I'm not a fan though of enforcing an internet connection just for this. But it could be an add-on option though. Here's the remotes plugin which is used by Reveal:

https://github.com/hakimel/reveal.js/blob/master/plugin/remotes/remotes.js

a talk i did with big

http://maxogden.github.com/slides/empirejs/index.html

woowoo

Unresponsive Script at Line #21 returns for some slides

Within my presentation - http://skorasaurus.github.io/hotatnacis2013
there are a couple occasions when the slide does not load after waiting for over a minute.

I haven't found anything in common among the slides besides that they all are images.
It does not hang on all images, only on some - specifically http://skorasaurus.github.io/hotatnacis2013#3 ; http://skorasaurus.github.io/hotatnacis2013#25 ; which are at: https://github.com/skorasaurus/hotatnacis2013/blob/gh-pages/index.html#L18 and https://github.com/skorasaurus/hotatnacis2013/blob/gh-pages/index.html#L67

I'll receive an error within firefox (24, ubuntu 12.04, 64bit) that says big.js is unresponsive, at line 21.
https://github.com/tmcw/big/blob/gh-pages/big.js#L21

The problem images are not the largest images either. I had no problems loading a 1.8mb gif, but a 1.3mb jpg and 600kb png are the troublesome images.

I've also tried chromium 28.0.1500.71-0ubuntu1.12.04.1 and have same problems.
I've also checked the console in the dev tools while loading these problem slides - no information appears there.

Lastly, I've also replicated this error locally and in my gh-pages branch - http://skorasaurus.github.io/hotatnacis2013

Call for colors!

I'm looking to update big's default color scheme. The current colors leave me wanting

---

Left to my own devices, my main options are:

• Try to find someone who has good taste in colors / presentations and steal their choices
• Find a nice editor color scheme and steal its choices.

The main picks here are:

• Background color (currently black)
• Foreground color (currently white)
• em color (currently )
• a color (currently )

---

Also open to question is fonts. Right now Big uses the system font stack because

• Webfonts don't always include UTF8, causing awkward mismatches
• Speed
• I don't want to rely on an external service for fonts, because presentations that rely on the internet are doomed.

That said, if we can have a nice webfont default that falls back, or which we can include the fonts for, I'd totally be open for it, but also don't trust my own sense of font-choosing here, I fear @mayagao will laugh at me.

<pre> tags don't big-ify properly

Hey there!

Huge fan of big here - I use it for all my presentations!

A big problem that I have (especially when viewing in small windows or on mobile phones) is that pre tags don't big-ify properly for large entries. This usually means that all of my code snippets get mangled into something unreadable.

For example:

Would be great if this was fixed, then I could share my big presentations without having to hear that they don't work from mobile users..

presentation with big

made a presentation with big at a geo-spatial meet up http://calvinmetcalf.github.io/esri2open/

Image tiling not working

It seems that background-size:100% in CSS is keeping the image-tiling feature from working. Perhaps this was intentional since tiling is described as a 'feature'.

Documentation should give tips on making a big slideshow run faster

This slideshow crashes as soon as I advance to an image. It would be neat if I could figure out why.

Perhaps the slowness could be fixed in the software, but I think documentation on this would be good either way.

If you give me tips for my specific situation, I can write the documentation that I request.

Files empty on init

I followed the instructions in the README and ran big-presentation-init all-about-cats to initialize a new presentation. The files are all created, but are zero bytes.

I expected to see the files inside lib/ as the starter content, but that's not the case.

I'm on Node v10.0.0 and NPM v6.0.0

Issues with bluetooth remote not working

This could completely be the fault of the remote, but when I tried my Kinsington BT remote with the presentation it would not advance slides. On a slide where the image was a bit big, it would scroll, but it wouldn't ever advance to the next slide.

Go opposite way

Note for when I need it: start big, go small. Will fix the condition.

Using big: d3.geo

Big was used at two GeoMeetup talks tonight:

Three.js
http://bdon.org/talk-2013-1-29.html

d3.geo
http://exposedata.com/talk/d3-geo/

Performance optimization

    function resize() {
        var w = window.innerWidth, h = window.innerHeight, e = s[big.current];
        e.style.fontSize = h + 'px';
        function pass(cinch, start) {
          for (var i = start; i > 0 && (e.offsetWidth > w || e.offsetHeight > h); i -= cinch) {
            e.style.fontSize = i + 'px';
          }
          return i + cinch;
        }
        pass(2, pass(5, pass(10, h - 2)));
        e.style.marginTop = (h - e.offsetHeight) / 2 + 'px';
    }

Maybe it's possible to express this in less code? Thx @ajashton for flagging the performance problem, I think this gives us a good almost-10x speedup

support a basic zip download

The node utility approach feels good, but I think it'd be useful for folks to have a click-and-go solution if they know about node servers?

Encode url() string for () characters

@nickidlugash uncovered a neat bug - presentations with directories with ( and ) symbols yield invalid background strings. This is something that big should handle better, and I think something like using encodeURIComponent would do the tricks.

Rational image layouts

Bug in cinch

https://github.com/tmcw/big/blob/gh-pages/big.js#L12

This should set the size to i+cinch after the loop finishes.

Speakers notes

Geospatial implementation talk a did with big on 3rd Sept at OSGIS event in the UK - worked a charm, yay! http://samfranklin.github.io/osgis2014/

CSS theme

More and better themes

tests

why not?

Add thumbnails for stuff made with big

Improve default styling of HTML elements

it seems the protips are pretty outdated now that v3 is out. I can update what i've noticed but it might be easier for you to go over it real fast.

otherwise working in v3 has been pretty nice.

Improve `p` print margin handling

I have fiddled with the print settings in Chrome but am unable to get the slides to consistently stay on one page. Consider an enhancement to improve how the print view works.

Here's an example of how various tweaks to the print settings do not produce a clean result.

Images push text off screen

If I have a slide like

<div><p>Text</p><img src="image.png"/>text</div>

you'd expect to have something similar to

Text
[image]
text

Big will display the text under certain aspect ratios, but sometimes it will make the image too large and then the text will be pushed off the slide. Putting css on the image to control it's size stops this from happening but ... shouldn't this just work?

Add failsafe for font size condition

a i > 0 does a lot of good.

Array of keycodes for fwd/rev

Tom, I just had an idea. On #L37 there's a conditional which checks the keycode and assigns the fwd/rev methods to them:

document.onkeydown = function(e) {
    if (e.which === 39) fwd();
    if (e.which === 37) rev();
};

What if instead of a keycode the user could register an array in their HTML file which would append to 37/39. Since Big is already setting up the listener, it could be a simple matter of allowing the user to tap into code that's already there?