Tag Archives: html

by

Switching to Atom for Web Coding

As a web developer I am in many ways a creature of habit: I started making websites back when the “blink” tag was still cool, under construction GIFs were all the rage, and every site declared with images whether it was designed to land on the Internet Explorer or Netscape Navigator side of the browser wars. At the time, there weren’t many options of great tools for working with HTML and JavaScript: WYSIWYG, or “what you see is what you get” editors, produced convoluted and messy code if used f…

by

Making History Accessible: SlaveryStories.org

SlaveryStories_screenshot

Sometimes, an interesting project gets started unexpectedly. That’s what happened with SlaveryStories.org, a new, collaborative digital project that launched February 3, just as Black History Month began.

So what is SlaveryStories.org? It’s an online home for stories about slavery, told from the perspective of the slaves themselves.

The project got its start shortly after Rob Walsh, one of Scholastica’s* founders, went to see Twelve Years a Slave. He decided to read Solomon Northup’s memoir, …

by

Open Thread: How Do You Teach Web Skills?

ku-bigpicAs a literature professor, I’m very used to designing classes to teach students to analyze literary texts, theory, and to improve writing. Teaching students how to use software or applications, however, is not something I’m used to. Next semester I’ll be teaching an introduction to digital humanities course, and am planning to incorporate a little HTML and CSS (markup languages that power webpages) training in my course. This will be the first time I’ve ever taught such skills, and I’m…

by

Getting Started with Responsive Web Design

Last week, I talked about how to update your website and mentioned the importance of considering responsive web design. The concept of responsive web design is relatively new, and it can have implications for any web project you or your students are working on. Why? This morning alone, I have checked websites on my iPad, iPhone, laptop and computer. I’ve opened four windows on one screen and narrowed them down to all display at once so I have the references I need for writing this post. Responsi…

by

Updating Your Web Site

During the summer, I try to get caught up on many projects that are never finished. One of the most daunting is revising my web site.  I use my site as a hub for linking all my scholarship, teaching, and other projects. While I usually post a few blog posts each semester, it’s easy to fall behind on the rest of the updates.

As we’ve talked about here on ProfHacker, maintaining your own site can be a great way to make your work visible. Miriam Posner has a primer on creating a web presence, and J…

by

Sabbatical Diary: Frustration and Learning

FrustratedWe’ve all had those days. Nothing goes right. A project we’re working on takes far longer than we thought it would — in large part because nothing’s going right. The code we thought would work doesn’t. We thought we knew how to proceed with the project, but we don’t. We feel like we’re in over our heads, and we’re ready to pull our hair out.

It’s enormously frustrating. Yet, two experiences this year with course assignments suggest (at least to me) that frustration isn’t necessarily a bad thing….

by

Drive Notepad: A Browser-Based Text Editor for Google Docs

On Monday, I showed you how to host a website on Google Drive, which is a free and easy hosting solution. What if you want to edit the content you’ve uploaded to your website? Well, in a helpful comment, ProfHacker reader Chris Clark points us to a Google Drive app called Drive Notepad, which turns out to be a pretty darned impressive text editor: “View and edit all kinds of text documents in your browser. Includes syntax highlighting for many scripting and programming languages.”

This app is no…

by

A Beginner’s Guide to HTML, part 1

If you don’t already understand the markup language known as HTML, there’s not necessarily a compelling reason for you to learn. However, if you’d like a better idea of how web pages work, then it’s worth taking some time to understand the underlying concepts. In today’s post, and the ones that follow in this series, I’m going to introduce the basics of how to create HTML documents.

Of course, here at ProfHacker, we’ve published on topics related to this. Julie offered “a pleasant little chat ab…

by

Learning HTML with Mozilla Thimble

MThimble

A little over two years ago, I wrote a post about why one might want to write HTML. In that post, I pointed readers to a few HTML editors they might consider using, if they decided HTML was something they wanted to learn.

Last week, Mozilla released a new, online editor designed to make it easy for novices to create web pages using HTML and CSS. The editor, called Thimble, is part of Mozilla’s Webmaker project.

The project’s Get Started page offers two options: Start from scratch, which brings …

by

Using Lynx to Test Modern Web Sites for Accessibility

Lynx Browser ScreenshotIf someone were to tell you that you could test a modern, standards-compliant website for accessibility using 20-year old web browser technology, you might think they were crazy. This crazy idea is something that I thought up a few weeks ago when I was sleep deprived, but as it turns out, I might actually be on to something.

See, when you strip away the modern website complexities of things like CSS 3, JavaScript, or Flash, you end up with the same old technology that websites “back in the day” …