717 Matching Annotations
  1. Dec 2019
    1. Now, which kind of phone is used more?

      These are operating systems, not kinds of phones. Also, this isn't the strongest dataset for this story. Market share for operating systems isn't really adding any interest or value to the piece. A better choice, for example, would be a line chart showing the rise in smartphone ownership over the last 25 years.

    2. Wacth the film*

      And watch your typos.

    3. People waited in lines for minutes on end without entertainment. They truly were dark times.

      Bryant, You plagiarized this from the Science Node article. I won't turn you in for an honor code violation, since it's only two sentences, but I will deduct points.

    4. Click here to learn more*

      Instead of 'click to learn more,' just make the first use of the word Simon link to the wiki page

    1. Harry Potter and the Deathly Hallows: Part 2

      Film titles go in quotes (AP style)

    2. CLICK

      Why the caps?

    3. The Harry Potter series is one of the most succe

      Move this to the left so the text isn't butting up against the right side of the screen.

    4. Wizarding World of Harry Potter - Movie Gross Tota

      This isn't really a story tile, more like a chart title. Perhaps just, 'The Lucrative World of Harry Potter.'

    5. This looks nice. Smart choice, going with the black background.

    1. Snow White and the Seven Dwarves

      Film titles go in quotes (AP style)

    2. hen compared to competing studios, Disney did not produce the highest-grossing film up until this decad

      Interesting fact. Nice catch

    1. Like the 1960s, there was Jaws, the highest-grossing movie which made $260 million in the decade of the 197

      This sentence is confusing.

    2. r from 2005 through 2019.

      according to what audience ratings? Rotten tomatoes? And what does the percentage mean? (I presume it's percent fresh, if it's RT). Don't force visitors to click on Sources to find out. You need to specify your data source in the chart legend, otherwise it's vague and confusing.

    3. cane

      can

    4. 1980

      1982! And given that Steven Spielberg created Jaws, ET and several of the other highest-grossing films of the 1970s and 1980s, you should mention him...

    5. Jaws and Star War

      Film titles go in quotes (AP style)

    6. was produced in color by a studio in Hollywo

      Ahem...what about The Wizard of Oz and Gone with The Wind?? They came out in 1939, not the 1940s.

    7. first-ever film with sound.

      No, the first talkie was in 1927!

    1. Click the buttons to

      A more effective way to present this timeline would be to use the images as the click points, instead of plain dots, and reveal the text on click.

    2. Data Points

      This is a vague and confusing section title.

    3. Click here to view sources!

      You need to customize the HTML button to fit your design.

    4. alcohol, lawn services, clothes, gifts, etc.

      Whoah there! Some studies showed that overall alcohol sales actually increased during the recession. True, sales of premium brands decreased, but that's an important distinction. And don't use etc. in a phrase like this. You need to be specific when discussing data.

    1. The chart is okay, but you need to put 2016 before 2017 chronologically in the X axis, and mention your data source. I can't tell where this data comes from, just by looking at your Sources. Most importantly, you must ask yourself if this chart really tells the story -- the power of a brand. Perhaps a pie chart would do a better job of that. Users would quickly see that the top 10 brands make the lion's share of money in the fashion industry. Or you could make a line chart showing that the brands being promoted by influencers have increased sales compared to brands without influencers.

    2. The Power of a Brand

      The visual design is great, but I would move your logo to the top left and put the sources link in the top right corner, because they are essentially menu items, and that would make it more consistent with your portfolio.

    3. This looks great, but some of the interactive feature feel arbitrary because they're lacking in crucial details. Users, for example, will expect the information in the second modal to pertain somehow to Danielle's outfit in that photo, but it simply mentions the economic impact of influencers. In the first modal, you should explain that GANNI designed that skirt (which I presume they did?). The purse modal should say something, "Shown here is one of Lee's 2018 purse designs."

    4. wh

      delete

    5. 51,442

      $51.4 billion

    6. en

      10 (AP style)

    7. $461 billion in one month?!

    1. I would try to make this all viewable in a single screen. Just put the upper half of the content (the title, illustration and intro) in the empty space above the albums. Then toggle it's display in the same function that shows the modals.

    2. Overall, this is fantastic. The seating chart, however, is a bit confusing/misleading. I only deducted two points because it was my idea to create the seating chart in the first place, and you may have misunderstood the concept. If each dot represents 10,000 people, then you're showing millions of fans in a single area -- an absurd idea, of course. What you mean to show is the *average concert attendance on each tour. So for example, in 2009, Swift had 5,000 fans per show, and now it's up to 50,000. Just change the value of each dot to match this dataset and explain accordingly in the text. And you might want to mention and/or show the rise in ticket prices. That's a big factor in this story.

    1. Overall, this is great. It's an interesting topic with a fun interactive feature and eye-opening chart. I would keep working on the visual design. It's not bad, but it is a bit cluttered at the top, with the background image and text. Try other title fonts; I think there are other fonts that would work better with this story and design. You don't need the animation on your portfolio logo. It doesn't add any value to the piece.

    2. Search Frequency

      N-Gram doesn't show Google search frequency. It shows the frequency of a word's appearance in Google Books, i.e. the digitized repository of nearly every book published since the 1800s. This is a big mistake, because it misleads visitors. Make sure you change this before you put it in your portfolio.

    1. Overall, this is great. It's an interesting topic, with a fun, appropriate interactive feature.

    2. Nice animation on the dancers. It fits the story.

    3. Put film titles in quotes (AP style)

    4. The Evolution of Bollywood

      Move your logo to the top left corner, put the story title in the top center, and give it a lot more contrast (bolder, different font from the body text, etc.)

    5. multimillion film industry.

      multimillion-dollar film industries

    1. This chart raises some interesting questions: why does Dare County spend nearly twice the amount than Mecklenburg, the home of our largest and arguably wealthiest city, Charlotte? You should add information about that in the tooltips, or even better, in the text outside the chart.

    2. spending

      Left-align the text

    3. 4244245,0255

      This legend should read, 'dollars per pupil'

    4. High wealth

      Wealthy

    5. Click here

      Instead of 'click here' within a sentence, just use a single word, Sources, as your link. Remember CSS.

  2. Oct 2019
    1. he hours

      Again, add an image in this section to be consistent and create visual interest.

    2. s a boy, I was fascinate

      Add an image inside this section to break up the text and establish consistency with the other accordion sections.

    3. Great job on the accordion.

    4. I love this photo, but it doesn't quite fit this particular story (Speed), and users unfamiliar with Oliver Sacks will not realize it's a photo of him. If you want to keep this as your main image, at least add a caption.

    1. Wow, I wasn't expecting you to build the New Yorker's website, just one for your story. Nice job matching the New Yorker's style.

    1. INTRO EVEREST GILKEY

      Use align-items: center to vertically center the text. And the Outside logo should link to the magazine.

    2. Twitter

      This is the default HTML link color and style. Need to change it. Better yet, use the social media icons, get rid of 'Social Media' title, and align the icons horizontally with Flex.

    3. Jill, This is a great start, but it's unfinished -- the interior pages are empty, save for pasted text, and the code needs work. Remember: leave yourself time to debug!

    1. OON I STUMBLED across the hum

      The menus don't work on the interior pages because the articles are sliding on top of them, blocking access to the menu links. Change the z-index to fix that.

    2. The interior pages are clearly unfinished. You need more than pasted text, without paragraph breaks. You only have one image (video) and it's misaligned.

    1. The Summer's Night Speed & Photography As A Neurologist Time & Movemoent About Us

      The New Yorker logo should link to the magazine, not the start of this particular story.

    2. ocks a little higher, the roses more entwined around their trellis, but, however patient I was, I could never catch them moving.

      Why are some paragraphs in bold, but others are not? Are they supposed to be pull quotes? If so, you need to create a lot more contrast to make them stand out and look like pull quotes. Alternating bold and regular font makes the code look broken.

    3. SPEED: A NEUROLOGIST'S NOTEBOOK

      Keep experimenting with title fonts. This doesn't quite work for the story.

    4. THIS WEEK IN FICTION

      This article isn't fiction.

    5. Overall, this looks really good on desktop. Great job matching the style of the New Yorker.

    1. VIDEO OF SPEED

      This video is about amphetamines, a/k/a 'speed,' not the perception of time as discussed in Sacks' article.

  3. willlowder.net willlowder.net
    1. s moved slowly

      This ticker scroll is broken on mobile; it stops after the first few words.

    2. saw the su

      Create even more contrast on your pull quotes, so they really look like pull quotes.

    3. pable of takin

      You really need captions on your photos to explain what they are and why they're on the page.

    4. The LA Times logo should link to the newspaper.

    5. A single-page app is fine, but you still need a menu so users can navigate through the piece without getting buried in a long, long scroll.

    1. Great job on the CSS animation (Star Wars, nice). But I'm not sure the color scheme on this landing page quite fits the story, and while 'click before it's too late' is funny, you still need to allow users to enter the site if they don't click in 60 seconds. And add overflow:hidden to the intro section so there isn't a repeated series of empty gradients when you scroll down during the animation.

    1. Slaves and the

      These captions need more contrast; they're too hard to read. And place the photos vertically above each other full width, on mobile. They're distorted right now.

    2. She hopes t

      I would consider removing the clip art of the boat. You don't need it, and it doesn't really fit with the style of the rest of your site.

    1. Eva, Overall, this looks good, and most of the code works. I'm not sure that showing the intro text on hover is the best choice for the desktop homepage. Users will likely miss it because they won't know that the text is there in the first place (hence, they won't hover over it). And try to find a better GIF. This looks like a beach, not a river. Make sure your content is relevant to the story.

    2. Marry Lee's Vision The Road to Freedom A Change of Heart A Community of Survivors Confronting the Future

      The blur on the menu items makes them hard to read. Remember: usability is the most important aspect of web design. And the LA Times logo should link to the newspaper.

    3. Crossing Over By J.R. MOEHRINGER AUG. 22, 1999 " This fall, the Los Angeles Times is presenting a series of interactive experiences based on classic stories from our archives. This piece was first published in (Aug. 22, 1999)."

      Why do you have the external link icon in the top right corner? It doesn't go anywhere.

    4. based on classic stories from

      Keep experimenting with the title font. This feels a bit too whimsical and 'fun' for this story.

    1. You need Previous and Next Chapter buttons at the bottom of the page so users can go both ways.

    1. You can't use .mov in CSS background-image, only GIFs. Bummer, because I can't tell what your homepage is supposed to look like (gonna guess: awesome). Based on what I can see, you need to add a subtle pop of color (maybe on the chapter titles) to break up the monotony of the black-and-white scheme and create a sense of cohesive narrative throughout the piece. But maybe the video was color...?

      PS the LA Times logo should link to the newspaper, not the start of this particular story.

    1. Reduce the file size for this photo. It took a long time to load on desktop, and completely froze my phone.

    1. ‘Some people ha

      Add captions to your photos

    2. ig House.

      Float the image so the text wraps around it and fills the negative space. And it's super easy to embed the actual Google Map. It's just an iframe, like a YT video.

    3. CHAPTER ONE /

      If you're going to stagger the alignment between the menu and the text below, then create more contrast/clearer proximity with a border or color on the menu.

    1. Bummer. I can see that you meant this to be a background video, but it doesn't work, so I can't tell what the homepage really looks like. You can't use .mov in background-image. If you want to use video in CSS background image, you must make a GIF and use that (it's a lot smaller file, too).

    1. Overall, nice job. I know you worked hard on this, and it shows. There are some glitches and design flaws, but they're easy fixes (refer to the other annotations here and in the interior pages)

    2. ART 3 PART 4 PART 5 PART 6

      The Outside logo should link to the magazine.

    1. FROZEN OSSUARY

      You have some alignment and padding issues on the mobile versions of these section titles.

    2. e summer of 2002 had been unusually warm, so t

      Consider using large, set-off pull quotes to add some visual interest, break up the text, and engage the audience. There are a lot of great lines you could use in this story.

    3. lothing.

      Float this image left so the text wraps around it and fills the negative space.

    1. HE AFTERNOON I STUMBLED across the human leg bone at the bottom of K2, it was one of those flawless days you almost never see in the Karakoram. The light was radiant, the wind was calm, and the air at 16,000 feet—sharp and clear as etched glass—seemed to lift and intensify the hulking black mass of the world's second-highest mountain, which erupts in a single, unbroken thrust to its ice-armore

      You have way too much padding on the article text on mobile. The gutter is so large, the column of text only allows three or four words per line, and it's really hard to read.

    2. « Previous Section Next Section »

      Keep working on the design for these buttons. Since they're Previous and Next, make it more obvious by spreading them out like nav arrows on the edges of the screen.

  4. michael-d-robertson.info michael-d-robertson.info
    1. Overall, nice work. I like the quilt mosaic design on desktop, and you were smart to use a different layout on mobile. I'm not sure, however, that the quilt motif is the right choice for this particular story. Yes, the quilts are famous in Gee's Bend and they're mentioned in this story -- but only in passing. As visuals, they look good, but are they really integral to the themes of this piece (death, struggle, acceptance)?

    2. Chapters Home Chapter 1 Chapter 2 Home C

      The LA Times logo should link to the newspaper, not the start of this particular story.

    3. This fall, The Los Angeles Times is presenting a series of int

      You don't need quite this much line height

  5. michael-d-robertson.info michael-d-robertson.info
    1. She hop

      Float this image left so the text wraps around it. And don't forget captions on your photos.

    1. Add more padding on the desktop text; it shouldn't go all the way to the edge.

    2. Mary Lee'sVision The Roadto Freedom Confronting theFuture Sometimes YouCan't Cross Back

      Nice job creating a separate menu for mobile and using the horizontal space on desktop.

    1. Los Angeles Times

      Definitely use the condensed logo here

    2. Nhi, Overall, this looks good and most of the code works. I would try to improve the visual hierarchy on the homepage, though. The LA Times logo and story title are too similar in size and style (and proximity). Consider using the condensed version of the logo and move it to the left corner, so it doesn't compete with the story title. Also, you might want to add a subtle color on the interior pages, not just to give a little pop to the black and white scheme, but to create a sense of narrative cohesion to the piece.

    1. Anissa,

      Nice work. Overall, this looks good and everything works. You main problem -- especially on the homepage -- is the lack of visual hierarchy. The three font sizes and styes (logo, story title, and chapter titles) are too similar, and you have some alignment and proximity problems on mobile.

    2. Over

      Add transition:0.2s on the hover states and use less of a size increase so they aren't so jarring.

    3. HOME 1 2 3 4

      On mobile, use the condensed version of the LA Times logo.

    1. You need previous AND next chapter buttons so users can navigate both ways!

    1. o Gerogia Museum)

      Consider making the photos smaller on desktop and floating the text around them.

    2. en the time comes to cross your river, you don’t ask questions. You cross.

      If this is meant to be a pull quote, it needs to really look like one: large, set off from the rest of the text, contrasting font or color.

    3. Add more padding to your desktop interior pages

  6. www.wendyjin.com www.wendyjin.com
    1. There's no Home button in the main menu! Once users enter the site, they can't go back to the homepage. And this is what they call a landing page, or splash page. Users will expect this to be the entry point to the story, and they'll think that they should click on the tiger photo or other items on the page to enter the story. Also, this page isn't quite responsive. On mobile, the text is too small and inconsistent -- it needs to be the same size as the interior pages -- and there is too much empty space below the box. Consider using background-image for the photo and put the text on top.

    2. Speed

      Remember visual hierarchy. The title needs to look like a title; you need a lot more contrast between this text and the body text. Make it larger, use different font, color., etc. Or put the title over the photo and make the photo full-screen. Right now, there's too much white space.

  7. www.wendyjin.com www.wendyjin.com
    1. About Photo Gallery The Story

      Make this a sticky nav and/or repeat it at the bottom. This is a long article, and right now, you're forcing users to scroll all the way back to the top after they've read it.

    2. I experimented w

      This is a great start, with the first two GIFs, but then you stop and there's a long, long stretch of text without images. Break it up with more images.

    3. er catch them moving.

      Add captions to the GIFs to explain what we're looking at and why they're on the page.

  8. www.wendyjin.com www.wendyjin.com
    1. This looks great, but users will expect it to be interactive, since it's separated into its own section in the menu. I showed you one way to make the images interactive in class: create text that appears in each grid area on hover. That would really improve this section. And don't forget, you need the main menu on every page of the site!!

  9. www.wendyjin.com www.wendyjin.com
    1. This looks unfinished. You need to add at least one photo on this page to be consistent with the other pages.

  10. theashleigh.com theashleigh.com
    1. The photo of Sacks is an odd choice for the homepage. You need to announce the story not the author. And this story calls for an image that really jumps off the page. And it needs a title font to match; think movie poster. "Speed" should be large, bold, and with lots of contrast to the body text. There's too much negative space around the photo, too. I'd consider using a full-screen photo with the title on top.

  11. theashleigh.com theashleigh.com
    1. This page has way too much gutter on mobile. Just change the body padding in the media query (80px fine for desktop, but not mobile).

  12. juliarjohnson.com juliarjohnson.com
    1. g mind.’

      Float this image left so the text wraps around it and fills the big gap on desktop.

    2. apter 1 - Chapter 2 - Chapter 3 - Chapter 4

      This menu is a bit confusing because it's so jarring. Users won't realize that this is a single-page scrolling section when they click on a chapter in the menu; it looks like the chapter is opening as a new page, but midway through the chapter by mistake. There are ways to make it scroll down smoothly with just CSS.

    1. Overall, excellent work. The LAT logo should link to the newspaper, not the start of this story.

    1. During 2007-2008, ten large murals each containing a painting of one of the quilts from the U. S. Postage Stamp Collect

      Make this look like a caption; contrast it with the article text (italics, font size)

    2. 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10

      This menu is glitchy; the numbers don't quite take you to the correct quilt box. You'll be able to build a better version of this once you know JavaScript.

    3. This section is excellent. Nice work.

    1. Overall, this is a solid design and the coding is strong. I'm not sure the color scheme and font quite fit the themes/mood of the story, though. Keep working on the visual design and CSS options; there are a lot of ways to evoke the themes and engage the audience visually

    2. THE MOUNTAIN THE HISTORY THE MAGIC THE AMERICANS

      On your mobile menu, you need a close button and/or code to make the menu go away when users click on Beginning and they're already on that page.

    3. THE BEGINNING THE MOUNTAIN THE HISTORY THE MAGIC THE AMERICANS

      The Outside logo should link to the magazine, not the start of this particular story.

    4. The summer

      Break up the long stretch of text with another photo

    5. adn

      watch out for typos

    1. f them reached the summit.

      As you can see, there is way too much negative space left of the photo because of the paragraph break. The simple solution is to wrap this section in a div and use Flex on it. Then the photo and text will sit perfectly horizontal and you can control spacing, border, etc.

    2. Your bottom nav needs previous AND next buttons, so users can navigate back and forth! Or use a sticky nav at the top.

    1. On most mountain

      Nice job with the pull quote border and placement. Go ahead and make the font larger.

    2. The Mountain of Mountains

      Remember visual hierarchy. This really needs to stand out and look like a title. Think movie poster. Consider putting it on top of the photo, in the sky.

    1. I love the idea of the background photo and parallax, but the photo competes too much with the text. Remember: contrast, legibility. I think you increased the font size and added the drop shadow on the text because you instinctively realized this problem; but when you find yourself doing that sort of thing, reconsider using the background photo in the first place. Right now, the large body copy is (ironically) hard to read. And you added the border on the photos to avoid the photo-on-photo problem, but it's still there, largely because some of the images are duplicative (at one point, you have an photo of a mountain on top of a photo of a mountain). Again, reconsider using this particular background image in the first place if it's causing so much trouble with the design.

    2. his fal

      You need to contrast the intro text with the rest of the story, with font size, italics, etc. It needs to look like a separate intro section, not part of the original story.

    3. The Mountain of Mountains

      The title really needs to jump off the page. Remember visual hierarchy. Think movie poster. Use the negative space in the sky and maybe change the font and color. The title needs to be much larger than the body text.

    4. Outside

      Kudos on your attempt to actually create the Outside logo with code (font color, etc.). But it broke the menu on mobile. Just use an image of the Outside logo and adjust the max width, etc.

    1. ozen tears."

      Adjust the width and height of your photos to keep the aspect ratio (otherwise it looks squished and/or stretched).

  13. annaroberts.net annaroberts.net
    1. I love this landing page photo and the dark color scheme. But keep working on the visual design for this story; there are a lot of ways to evoke the themes and engage the audience visually.  For example, the geography of Gee's Bend is such an important aspect of this story -- users will want to see a map.

    2. This fall, the Los Angeles Times is presenting a series of interactive experiences based on classic stories from our archives. This piece was first published in 1999.

      The story title is missing. You need display:block in your media query, not display:static. This will really confuse users, because they won't know what they're looking at. And go ahead and put the LA TImes intro text and button over the photo, too. Right now, users might miss the text because they have to scroll past the viewport. And you can just put the UNC project info in a small footer.

    1. The LA Times logo should link to the newspaper.

    2. ‘Some people have a good life,’ she says. ‘But I had a rough life. But I thank God that he helped me come through, and I ain’t dead.’

      Really set your pull quotes apart from the body copy. Again, take advantage of the horizontal space on desktop -- move them out to the sides, with a border bar or other visual element to make them stand out as separate blocks.

    3. Crossing Over

      Title needs more contrast from the rest of the text to establish visual hierarchy.

    4. This is too much gutter (padding) on desktop. The LA Times uses a wide gutter, but they have to include ads. Take advantage of the horizontal space in your desktop layout.

  14. annaroberts.net annaroberts.net
    1. This fall, the Los Angel

      Great landing page photo. But users might miss the text because it's way below the viewport on desktop. And users need to know what they're looking at immediately. I'm not sure the project about text -- without the story title -- is the best choice for the landing page. The LA Times intro text is fine, but it needs to be juxtaposed with the story title, preferably on top of the background image, with the Read More button nearby too. And you can put the UNC about info in a small footer.

    1. Crossing Ov

      On mobile, users have to scroll down the page past the two photos before they see the title and realize what they're looking at. Try using just one photo and placing the title over it.

    2. Nice job capturing the LA Times brand. Keep working on the visual design for this particular story, though; there are a lot of ways to evoke the themes and engage the audience visually. For example, the geography of Gee's Bend is such an important aspect of this story -- users will want to see a map.

    3. The sounds of the

      Move this to the top so users can hear it as the read, not discover it at the bottom of the page. You'll have a lot more creative options for using HTML5 audio once you know some JavaScript.

    1. "When the time comes to cross your river, you don’t ask questions. You cross."

      Be consistent in your pull quote styles. Use the gray background box like you did in Chapter 5

    1. Kendal, Great job capturing the LA Times brand.

    2. black.’

      You need Previous and Next buttons (e.g., Chapter 1 on the left, Chapter 3 on the right) at the bottom so users can navigate back and forth.

    1. *This fall, the Los Angeles Times is presenting a series of interactive experiences based on classic stories from our archives.

      This needs more contrast to set it apart from the copy below. Try italics, color, etc.

    1. The Mountain of Mountains

      The title needs to be much higher in the visual hierarchy, like a movie poster. Try different, larger fonts and maybe put it on top of the image.

    2. hallenge.

      There's too much negative space around the photo; try floating the image and wrapping the text.

    3. "As new climbers wade over the remains of so many who came before them, they ar

      Pull quotes really need to look like pull quotes -- big, set apart from the body text, more illustrated, more contrast.

    4. The afternoon I stu

      You need more padding around the entire desktop layout.

    1. limbers in This Sto

      This is a good idea, but it feels unfinished. Users will expect the avatars to be interactive -- and with CSS, you can do that. For example, you could use Grid and have text that appears on hover. Also, the alignment is off on this gallery because the boxes are different sizes. Set a max-width and height on the boxes so all of them are the same size.

    2. emyslaw Piasec

      Argh. Broken image link. Probably a typo in the html

    1. About This Projec

      There's too much negative space on this page. Maybe align the text and photo horizontally.

  15. May 2019
    1. Make the chart larger, align it with the edge of the infographic, and add some brief explanatory text to the side. Is this adjusted for inflation? You need to mention that. The chart also needs a Y axis. And users will wonder why you stopped at 1985. There is probably an interesting trend to show in recent years: revenue has increased but so has overhead, so profit margins may be less than before. Add more recent movies to the chart; you should have the data.

    2. rials to go home.

      awkward phrasing. And the sentence about the second Indiana Jones movie is confusing. I think you mean that the second one didn't reach blockbuster status because audiences found it too gory, but the franchise bounced back with the Last Crusade.

    3. Summer Block

      lowercase

    4. Guaridans of the Galaxy

      Why is all of the Guardians text italicized?

    5. Anothe

      Broken image link (403 error). Try re-uploading the image to your server. If that doesn't work, go through these steps: https://www.hostinger.com/tutorials/what-is-403-forbidden-error-and-how-to-fix-it

    6. If you're going to remove the Iron Man modal window, remove the target area in the code, too.

    7. his role as the web-slinging w

      web-slinging hero?

    8. Jaws

      Quote marks

    9. V-A

      Need a space here. It looks like IV-A (or 'four A).

    10. X

      Move the close button to the top right and use an icon. This looks a bit unfinished.

    11. Great White Shark t

      lowercase

    12. V commercials and movie trailers accredit a large portion of Jaws’ success

      I'm not sure what you're trying to say here. They account for a large portion of the succes?

    13. I love the visual design. It looks like a move poster, and that's the perfect way to illustrate this story.

    1. 1950s.

      Isn't this supposed to be a photo from the 1940s?

    2. heer dress.

      I think she's wearing pants, no?

    3. hese women are seen wea

      Change the width and height of the image to preserve the correct aspect ratio

    4. Technology was evolving as the Industrial Age kicked into high gear and this was a time of

      Left-align the text and reduce the line height

    5. US Annual Expenditures Entering the 20th Century

      What's the story in this data? The cost of apparel fluctuated while other goods showed clear upward or downward trends? If so, a line chart would be a better choice to tell that story. And since your overall story is about fashion trends -- not the cost of apparel -- perhaps a chart showing sales of various iconic styles of clothing over time, e.g., high heels, blue jeans, etc.

    6. Ashley, I like the overall look of this app; the background photo is great. But users may miss the content below the viewport. I would try putting the timeline vertically and to the left or right, with transparent background and a different color text. And incorporate the chart into the timeline, so it's not sitting on the page over the photo on page load.

    7. Women's

      Consider using a different color for the title to make it pop against the sepia photo.

    8. Here's

      Here are

    9. Although fashion trends and styles seem to rotate in and out as time passes, women's fashion trends developed over the 1900s with reason

      This phrasing is awkward.

  16. Apr 2019
    1. weighted vest

      Wow. This is your lede. "Imagine doing 32 box jumps per minute for 20 minutes. With a weighted vest. Now do that twice a day, six days a week. Welcome to collegiate rowing."

    2. rage VO2 Max Scores for Coll

      Center the chart and make it larger so the labels aren't scrunched. You need a label on the Y axis and units for the numbers in the tooltips. Even with the detailed explanation, this chart will still confuse some viewers. I would include the average VO2 max for a non-athlete in the data, for comparison; then we'd really see how much fitter rowers are than the typical student.

    3. line first.

      How do you decide who gets to be the coxswain? Do you rotate that position?

    4. ingle word post-burst

      Jeez.

    5. rowers

      at UNC

    6. Monday mornings practice ta

      Add a blur filter to the background and/or darken it when the modal windows open.

    7. Lydia, I love the way you organized this topic as a to-do list. But the piece needs a stronger visual. Consider using a background photo or video. I'm sure you can find a great photo of a boat on the water, with enough clean space (sky, water) to lay the text and to-do list on top.

    8. m

      capitalize

    9. pre-hab

      What's pre-hab? Define unfamiliar terms on first use (AP style).

    10. ollegiate athletes

      Cut the intro text in half and put some of the details inside the relevant modal windows.

  17. www.natalie-huggins.com www.natalie-huggins.com
    1. close

      The close buttons look dated and out-of-place with the rest of the design. You can customize the default HTML buttons, or just use text or an icon.

    2. Natalie, This looks cool and the illustrations must have taken a long time. You're a good digital artist.

    3. TVNews WebsiteRadioSocial MediaPrintNewspaper18-2930-4950-6465+020406080100Age RangePercentage of each age group who often getnews on each platform

      Your data viz is essentially a republishing of the same chart in the Pew article. I was hoping you would try to build an original data visualization for this story.

    4. News Sources for Americans

      What year does the data represent? 2017? You need to mention that in Y axis label or chart title.

    5. the primary way that America’s younger generation consumes media and receives news.

      You seem to contradict this statement with the Pew data in the next sentence. 36 percent is not even a majority, let alone a high enough number to suggest that it's the 'primary way' younger generations consume news. After looking at the chart, I understand what you're trying to say -- younger generations use social media as their news source more than any other platform -- but the way that you've phrased it here makes the 36 percent sound like a contradiction.

    6. early 1980s

      technically, it was invented in 1969

    7. s

      comma

    8. s

      networks'

    9. 1926, Th

      In 1926, the... The copy in this entire section needs polishing. I know the written content wasn't the focus on this class, but for the purposes of your portfolio, keep working on it.

    10. s

      comma

    11. apart of this time

      I'm not sure what you're trying to say in this phrase.

    12. -f

      add space between the dash and the word next to it

    13. Common Sense

      Put in quotes

    14. he merchant class,

      None of the other classes read the paper?

    15. uring the time in print

      This phrasing is awkward.

    16. ted Re

      circulated throughout Renaissance Europe?