Posts Tagged web

Eighteen

Adactio Go to the source

On Twitter the other day, Justin Hall wrote : hah! 18 years ago today, I posted my home page on the public web; here’s a 27 January 1994 version bit.ly/AraMW0 Eighteen years! That’s quite something. For reference, Justin’s site links.net is generally acknowledged to be the web’s first blog, before John Barger coined the term “weblog” (or Peter coined the more common contraction). If you go right back to the start of links.net, Justin explains that he was inspired to start publishing online by a 1993 article in the New York Times —he has kept a copy on his site . What’s fascinating about the article is that, although it’s talking about the growth of the World Wide Web, it focuses on the rising popularity of Mosaic: A new software program available free to companies and individuals is helping even novice computer users find their way around the global Internet, the network of networks that is rich in information but can be baffling to navigate. From a journalistic point of view, this makes a lot of sense: focusing on the interface to the web, rather than trying to explain the more abstract nature of the web itself is a good human-centric approach. When the author does get around to writing about the web, there’s a lot that must be explained for the audience of the time: With hypertext, highlighted key words and images are employed to point a user to related sources of information. … Read the rest here

Web Design Disciplines Explained Through the Medium of Dungeons & Dragons

Andy Budd Go to the source

First off let me apologise for the laboured metaphor I’m about to inflict on you, but I thought it could be entertaining to try and describe the web design industry using a medium I’m sure you’re all familiar with—Dungeons & Dragons. However I should point out that I’m no D&D expert, having played it last when I was 13. So please don’t leave comments to the line of “you got that all wrong as those character classes were changed in AD&D 2nd Edition, Unearthed Arcana.” or I’ll pull out my +2 broadsword and go Berserker on your ass. In the world of Dungeons & Dragons, characters could have a variety of professions such as Fighter, Thief or Magic-User. These professions were loosely related to a characters natural abilities. So if you were intelligent you’d be well suited to becoming a magic-user, whereas if you were dexterous, becoming a thief was a good option. … Read the rest here

Vigilance and Victory

Eric Meyer Go to the source

After the blackout on Wednesday, it seems that the political tides are shifting against SOPA and the PROTECT IP Act—as of this writing, there are now more members of Congress in opposition to the bills than in favor. That’s good news. I wil reiterate something I said on Twitter, though: the members of tech community, particularly those who are intimately familiar with the basic protocols of the Internet, need to keep working on ways to counteract SOPA/PIPA. What form that would take, I’m not sure. Maybe a truly distributed DNS system, one that can’t be selectively filtered by any one government or other entity. I’m not an expert in the area, so I don’t actually know if that’s feasible… Read the rest here

A List Apart: Issue 342

Jason Santa Maria Go to the source

The latest issue of A List Apart is one of my favorites in recent memory, and has three articles you can’t miss. In “ An Important Time for Design ”, Cameron Koczon challenges designers to be all that they can be: The web is going to increasingly shape our world and consequently our daily lives. We can either sit on the sidelines and submissively assist those who are doing the shaping or we can take a more active role in creating the future we want. This year, thanks to a spike in demand, designers have a chance to actively nudge the world in any direction they like. It’s a huge opportunity with a tiny window. Let’s not let it pass by. … Read the rest here

Of Mice and Markets

Cameron Moll Go to the source

Of Mice and Markets : Zeldman: In the short run it’s going to be hell, just as the browser wars and their lack of support for common standards were hell. But it is the short run…. When I see fragmentation, I remind myself that it is unsustainable by its very nature, and that standards always emerge, whether through community action, market struggle, or some combination of the two. This is a frustrating time to be a web designer, but it’s also the most exciting time in ten years. We are on the edge of something very new. … Read the rest here

The Tyranny of the Minimum Viable Product

Andy Budd Go to the source

I first came across the term Minimum Viable Product when I dropped into a talk by Eric Reis at the Web 2.0 Expo in New Year a few year’s back. As a company that has always worked on variable scope projects, defining a MVP seemed like a great way of managing client expectations. Rather than clients worrying whether your team would deliver something useful, you’d work together to define the smallest thing you could release and it still be a success. You would then guarantee that the client would meet their core business needs, and everything else you manage to deliver in that time was a bonus. … Read the rest here

Bulletproof Web Design, Third Edition

SimpleBits Go to the source

Yesterday, a copy of my latest book arrived in the mail, the Third Edition of Bulletproof Web Design . The first edition came out back in 2005, and I’ve been revising it every few years. This latest edit was a bit larger than the 2nd because so much has changed. HTML5, CSS3, Responsive Web Design—all of these things dovetail nicely into the core bulletproof concepts from the original book. If you have the 2nd edition, the new version is likely not a necessary upgrade (New Riders probably loves me for saying that). Meaning, the guidelines for building flexible websites are still there, but a lot of the code and some of the examples have been brought up to speed. … Read the rest here

Displaying Icons with Fonts and Data- Attributes

Hicksdesign Go to the source

Todays 24ways article is Displaying Icons with Fonts and Data- Attributes , taken partly from Chapter 6 of the upcoming Icon Handbook , but rewritten to fit to the 24ways format. Instead of using the traditional route of PNG s, web fonts offer a scalable and resolution independent solution. Combined with HTML5 data attributes, you can create one CSS rule to style them all in one go. This article covers both the advantages and disadvantages of the technique. Thanks must go to Drew Wilson who helped me understand how to use data attributes. He created Pictos the excellent icon font used in the article, and his experience in making Pictos was a valuable source of research… Read the rest here

Shelve Your Opinions

Jason Santa Maria Go to the source

Does our definition of what a book is need to change? Barbara deWilde has been seeking to answer just that as part of her project “What the Book” in my SVA IxD class that also doubles as an installation at the AIGA 50 Books/50 Covers exhibition going up later this week at the AIGA headquarters in NYC. This on the heels of the near cancellation of the competition last year which drew the ire of many designers. Part of the project is a short survey online that asks you to agree or disagree with such statements as “I would never give an ebook as a gift” and “Decorating with books is perverse”. Those same questions are asked at the exhibit too as an installation that allows viewers to physically shelve books as votes (as seen in the photo above). … Read the rest here

Little Printer from BERG

Jason Santa Maria Go to the source

Wow, Little Printer from BERG is such a stellar little example of making something simple and fun. Little Printer lives in your front room and scours the Web on your behalf, assembling the content you care about into designed deliveries a couple of times a day. You configure Little Printer from your phone, and there’s some great content to choose from — it’s what Little Printer delivers that makes it really special. We have an incredible group of launch partners, and in the run-up to shipping we’re working with them all on custom publications. It makes mini personal newspapers! Count me in. Just watch the video and tell me you couldn’t see using one of these things… Read the rest here

The Survey, 2011

Eric Meyer Go to the source

Back on Tuesday, A List Apart opened the 2011 edition of The Survey for People Who Make Web Sites , the fifth annual effort to learn more about the people who work in the web industry. If you haven’t taken it yet, please do so! It should take about ten minutes I’m proud to have been a part of this effort since its inaugural launch back in 2007. It’s a major undertaking, mostly in analyzing the data and turning that into a detailed report, but it’s more than worth the time and effort. Before the Survey, we really didn’t know very much about who we were as a field of practice, and without it we wouldn’t have as clear a picture of who we are today. There have been growing pains, of course, chief among them UCCASS , the survey software we’ve been using since the outset. Its limitations and lack of updates finally pushed us to find another platform, and we chose to move over to Polldaddy . … Read the rest here

Presentation: Fake it ’til you make it

Snook Go to the source

From my presentation at StarTech , here are my slides. Fake it ’til you make it shows some code and examples on how to make a web app look more like a native mobile application. This can provide a way to build quick prototypes or to build using familiar technologies. … Read the rest here

Instapaper 4

Jason Santa Maria Go to the source

The previous Instapaper icon on the left, and the updated icon on the right. Instapaper 4.0 is out! Instapaper is one of the best iOS app around. It lets you save articles from the web for offline reading, and strips out everything but the article text and images. It’s especially great for a subway commute. … Read the rest here

Searching For Mark Pilgrim

Eric Meyer Go to the source

[[ MARK IS FINE. Please see the update at the end of the post for the resolution. —E. ]] Just yesterday, I took a screenshot of the title page of Dive Into HTML5 to include in a presentation as a highly recommended resource. Now it’s gone. That site, along with all the other “Dive Into…” sites (Accessibility, Python, Greasemonkey, etc.) and addictionis.org, is returning an HTTP “410 Gone” message. … Read the rest here

CSS Modules Throughout History

Eric Meyer Go to the source

For very little reason other than I was curious to see what resulted, I’ve compiled a list of various CSS modules’ version histories, and then used CSS to turn it into a set of timelines . It’s kind of a low-cost way to visualize the life cycle of and energy going into various CSS modules. I’ll warn you up front that as of this writing the user interaction is not ideal, and in some places the presentation suffers from too much content overlap. This happens in timelines where lots of drafts were released in a short period of time. … Read the rest here

Yellow Fade Technique with CSS Animations

Snook Go to the source

I don’t think I’m the first person to come up with this idea but figured I’d document it. If you’re unfamiliar with the Yellow Fade Technique, make your way over to the 37signals article that ushered in the design effect that was all the rage for awhile. This is the same thing but using CSS animations. /** * Quick fade on target to attract user attention */ :target { -webkit-animation: target-fade 3s 1; -moz-animation: target-fade 3s 1; } @-webkit-keyframes target-fade { 0% { background-color: rgba(0,0,0,.1); } 100% { background-color: rgba(0,0,0,0); } } @-moz-keyframes target-fade { 0% { background-color: rgba(0,0,0,.1); } 100% { background-color: rgba(0,0,0,0); } } Just a short and sweet blog post. You can go back to work now. … Read the rest here

Hiring: Head of Web Development at CIMMYT

Cameron Moll Go to the source

Hiring: Head of Web Development at CIMMYT : I find this position intriguing for two reasons: 1) it’s the first position in Mexico ever posted to Authentic Jobs if I’m not mistaken, and 2) it’s for a non-profit group that helps improve the varieties of wheat and maize, thereby improving the livelihood of farmers (more about that on Wikipedia ). It’s sort of like charity: water, but for crops. Also intriguing: full fluency in English is required; Spanish is optional (but desired). … Read the rest here

The X-factorisation of the Web

Andy Budd Go to the source

Over the last few years I’ve noticed a strange and disturbing trend amongst web practitioners. There was a time—not so long ago—when passionate individuals would blog about their work for no other reason than to share their discoveries. The more prolific of these individuals built up an online reputation and became seen as experts. Some of the more articulate ones were asked to write books or present their thoughts at conferences, and received a modicum of success. After years of sharing their knowledge freely, some were able to capitalise on their notoriety by securing jobs at interesting companies or setting up small agencies. A few even managed to make a living off publishing books and speaking at conferences, although how they managed this is anybodies guess… Read the rest here

How To Back Up Your Life Automatically with ifttt

Cameron Moll Go to the source

How To Back Up Your Life Automatically with ifttt : Nice overview of ifttt , including some useful “recipes”. … Read the rest here

Conference Nonsense

Andy Budd Go to the source

There’s a lot of nonsense being written about conferences at the moment; so as a regular speaker, organiser and attendee of both free and paid for events, I thought I’d redress the balance. First off there is a big difference between community driven events and professional conferences. I started a free monthly event called SkillSwap way back in the early naughties and know a stack of people who run similar events now. These FREE events tend to rely on local speakers (who typically don’t charge), community organisers (who work for free), venue donations (usually from companies or community groups) and the occasional spot of sponsorship to pay for beer and pizza. These FREE events have grown from small local happenings into large community events like HackDay , BarCamp and Design Jam … Read the rest here