RSS
 

Posts Tagged ‘Channels’

7 Great JavaScript Resources

03 Jul


As browsers and server-side platforms advance, and libraries new and old grow and mature, JavaScript evolves as well. Staying at the top of your game is important. As a JavaScript developer, you’ll need to keep up with the latest news and learn new skills.

We’ve put together a list of seven of our favorite JavaScript resources to help save you time and energy along the way. Whether you’re a beginner or a seasoned pro, we think you’ll find the sites below both informative and beneficial. If you know of other great resources, feel free to share them in the comments.


1. Mozilla Developer Network




The MDN has become the de facto resource for JavaScript documentation, and is an excellent resource for beginners and seasoned developers alike. Here you'll find the official and complete JavaScript reference, as well as useful guides, tutorials and articles covering everything from the basics of how JavaScript works to its best practices and design patterns. The MDN also has a thorough DOM reference, which we highly recommend checking out as well.


2. JQAPI




JQAPI is an alternative to the official jQuery.com API documentation. If you're a client-side JavaScript developer, chances are you probably have used, or at some point will use, jQuery in at least one of your projects. Whether your use is occasional or daily, you'll want to keep up with the latest development and new features in JavaScript's most popular library. Each new release improves security and performance via a slick, responsive and intuitive interface for quick browsing and searching of jQuery documentation. The UI here really is top-notch, and as a bonus, there's an offline version available for download.


3. JS Fiddle




JS Fiddle is a JavaScript pastebin on steroids. Create, share, execute and test your JavaScript right in the browser. This is a great tool for collaborative debugging or for sharing code snippets. It's also a fun way to perform quick experiments and test out new ideas. Simply combine your JavaScript, HTML and CSS, then click the "Run" button to see the results. You can also validate your JavaScript code against JSLint and save your Fiddle for use later, or share with others. JS Fiddle provides a number of useful features, like the ability to load up common frameworks automatically (to test your jQuery or MooTools code, for example) and as-you-type syntax highlighting, just like you'd get by writing code in your favorite IDE.


4. Eloquent JavaScript




This free ebook is an introduction to programming and the JavaScript language, written by developer and tech writer Marjin Haverbeke. The book reads much like a tutorial, and introduces a number of concepts and real-world applications in a clean, concise style. Interactive examples are also available, which means you can read about various techniques. You'll also get a chance to see them in action, and tinker with the code yourself. We found a lot of positive reviews for this book, so if you're new to JavaScript, this is definitely a book worth checking out.


5. Douglas Crockford's JavaScript Videos




An undisputed expert in JavaScript, Douglas Crockford is Yahoo's JavaScript architect and is one of the individuals instrumental in the planning, development and future growth of the language. The videos and transcripts on the YUI blog derive from a series of talks given by Mr. Crockford about the history of JavaScript, its future and its use today. Though the series is now about a year and a half old, we still think you'll find the videos informative. We certainly recommend watching them for a better understanding of the language, where it's been, how it works and where it's going.


6. How To Node




Not all JavaScript development takes place in the browser. NodeJS is one of the web's most popular server-side JavaScript frameworks. Whether you're a seasoned Node developer or someone who's looking to add server-side JavaScript to his repertoire, How To Node offers a great collection of articles on NodeJS development. This community-driven site offers an excellent repository of Node tutorials that's proven itself useful on a number of occasions. No Node developer toolkit would be complete without it.


7. DailyJS




We've looked at some great tools and reference material, covered tutorials from our favorite libraries and frameworks and touched on both client and server-side JavaScript development. However, we're always searching for something new. DailyJS is a popular JavaScript-focused blog that brings you the latest and greatest JavaScript news, offers tips and techniques, and reviews libraries, plug-ins and services for JavaScript developers. If you're just itching for your daily dose of JavaScript goodness, DailyJS has you covered.

More About: design, dev, features, javascript, List, Lists, web design, Web Development

For more Dev & Design coverage:

 
 

How Schema.org Will Change Your Search Results & What it Means for Marketers

30 Jun

search image

Jeff Ente is the director of Who’s Blogging What, a weekly e-newsletter that tracks over 1,100 social media, web marketing and user experience blogs to keep readers informed about key developments in their field and highlight useful but hard to find posts. Mashable readers can subscribe for free here.

Algorithms aren’t going away anytime soon now that websites have a better way to directly describe their content to major search engines. Earlier this month, Google, Bing and Yahoo came together to announce support for Schema.org, a semantic markup protocol with its own vocabulary that could provide websites with valuable search exposure. Nothing will change overnight, but Schema.org is important enough to bring the three search giants together. Websites would be wise to study the basics and come up with a plan to give the engines what they want.

Schema.org attempts to close a loophole in the information transfer from website data to presentation as search results. As they note on their homepage: “Many sites are generated from structured data, which is often stored in databases. When this data is formatted into HTML, it becomes very difficult to recover the original structured data.”

Simply put, Schema.org hopes to create a uniform method of putting the structure back into the HTML where the spiders can read it. The implications go beyond just knowing if a keyword like “bass” refers to a fish, a musical instrument or a brand of shoes. The real value is that websites can provide supporting data that will be valuable to the end user, and they can do so in a way that most search engines can read and pass along.


How Schema.org Works


Schema.org was born out of conflict between competing standards. Resource Description Framework (RDF) is the semantic standard accepted by The World Wide Web Consortium (W3C). The Facebook Open Graph is based on a variant of RDF which was one reason that RDF seemed poised to emerge as the dominant standard.

Until this month. Schema.org went with a competing standard called microdata which is part of HTML5.

Microdata, true to its name, embeds itself deeply into the HTML. Simplicity was a key attribute used by the search engines to explain their preference for microdata, but simplicity is a relative term. Here is a basic example of how microdata works:

<div itemscope itemtype="http://data-vocabulary.org/Person">
<span itemprop="name">Abraham Lincoln</span> was born on

<span itemprop="birthDate">Feb. 12, 1809</span>.

He became known as <span itemprop="nickname">Honest Abe</span> and later served as <span itemprop="jobTitle">President of the United States</span>.

Tragically, he was assassinated and died on <span itemprop="deathDate">April 15, 1865</span>.

</div>

A machine fluent in Microdata would rely on three main attributes to understand the content:

  • Itemscope delineates the content that is being described.
  • Itemtype classifies the type of “thing” being described, in this case a person.
  • Itemprop provides details about the person, in this case birth date, nickname, job title and date of death.

Meanwhile, a person would only see:

“Abraham Lincoln was born on Feb. 12, 1809. He became known as Honest Abe and later served as President of the United States. Tragically, he was assassinated and died on April 15, 1865.”

Fast forward to the web economy of 2011 and restaurants can use the same technology to specify item properties such as acceptsReservations, menu, openingHours, priceRange, address and telephone.

A user can compare menus from nearby inexpensive Japanese restaurants that accept reservations and are open late. Schema.org’s vocabulary already describes a large number of businesses, from dentists to tattoo parlors to auto parts stores.


Examples of Structured Data Already in Use


Structured data in search results is not new. The significance of Schema.org is that it is now going to be available on a mass scale. In other words, semantic markup in HTML pages is going prime time.

Google has so far led the way with structured data presentation in the form of “rich snippets,” which certain sites have been using to enhance their search listings with things like ratings, reviews and pricing. Google began the program in May 2009 and added support for microdata in March 2010.

A well known example of a customized structured search presentation is Google Recipe View. Do you want to make your own mango ice cream, under 100 calories, in 15 minutes? Recipe View can tell you how.


The Scary Side of Schema.org


Google, Bing and Yahoo have reassured everyone that they will continue to support the other standards besides microdata, but Schema.org still feels like an imposed solution. Some semantic specialists are asking why the engines are telling websites to adapt to specific standards when perhaps it should be the other way around.

Another concern is that since Schema.org can be abused, it will be abused. That translates into some added work and expense as content management systems move to adapt.

Schema.org might also tempt search engines to directly answer questions on the results page. This will eliminate the need to actually visit the site that helped to provide the information. Publishing the local weather or currency conversion rate on a travel site won’t drive much traffic because search engines provide those answers directly. Schema.org means that this practice will only expand.

Not everyone is overly concerned about this change. “If websites feel ‘robbed’ of traffic because basic information is provided directly in the search results, one has to ask just how valuable those websites were to begin with,” notes Aaron Bradley who has blogged about Schema.org as the SEO Skeptic.

“The websites with the most to lose are those which capitalize on long-tail search traffic with very precise but very thin content,” Bradley says. “Websites with accessible, well-presented information and — critically — mechanisms that allow conversations between marketers and consumers to take place will continue to fare well in search.”


Three Things To Do Right Now


  • Audit the data that you store about the things that you sell. Do you have the main sales attributes readily available in machine readable form? Make sure you have the size, color, price, previous feedback, awards, etc. easily readable.
  • Review the data type hierarchy currently supported by Schema.org to see where your business fits in and the types of data that you should be collecting.
  • Check your content management and web authoring systems to see if they support microdata or if they are at least planning for it. Microdata is not just a few lines of code that go into the heading of each page. It needs to be written into the HTML at a very detailed level. For some site administrators it will be a nightmare, but for others who have done proper planning and have selected the right tools, it could become an automatic path to greater search exposure.

Image courtesy of iStockphoto, claudiobaba

More About: bing, business, Google, MARKETING, Schema, schema.org, Search, SEM, SEO, Yahoo

For more Dev & Design coverage:


 
 

WordPress.com Drops Support for IE6

19 May

WordPress Dashboard

As the Internet Explorer 6 Deathwatch continues, another web service — WordPress.com — has announced that it is ending support of the nearly decade-old web browser.

Citing “increasingly complex code trickery to make the WordPress dashboard work,” the company announced an end to IE6 support.

The dashboard will still load for IE6 users, it just won’t function very well. IE6 users will be alerted that their browser is outdated and given direct links to browser updates or to download an alternative browser via the Browse Happy website.

In addition to dropping IE6 support, WordPress.com has also rolled out some new features, including a revamped and redesigned dashboard and a new distraction-free writing mode.

These features — as well as the end-of-life for IE6 support — will make their way to self-hosted WordPress installs with WordPress 3.2. The beta version of WordPress 3.2 is available for download now and the final version is expected to land sometime in June.

WordPress.com, which hosts millions of websites, joins a long list of providers that have officially decided that enough is enough in regards to IE6. In March, Microsoft launched its own global campaign calling for the end of the browser.

More About: IE6, internet explorer, WordPress.com

For more Dev & Design coverage:


 
 

What Marketers Need to Know About Facebook’s Switch to iFrames

24 Feb


Jeff Ente is the director of Who’s Blogging What, a weekly e-newsletter that tracks over 1,100 social media, web marketing and user experience blogs to keep readers informed about key developments in their field and highlight useful but hard to find posts. Mashable readers can subscribe for free here.

Facebook has recently announced a lengthy list of significant design and feature changes for Pages.

One particular item is emerging with perhaps the greatest challenge and the highest potential for Page owners — there is a new way to present custom content on Facebook Pages. Tabs and FBML are going away. Get ready to friend iFrames. Here’s a basic rundown and some tips on how to make the switch.


Background: Starting With a Clean Canvas


frame image

iFrames are not new. An iFrame is a standard HTML tag that allows one page to be inserted into another. It would seem like a pretty obvious way for Facebook Page owners to customize content, and Facebook did experiment with it a while ago before discovering security issues. But as of February 10, iFrames are back. Facebook Markup Language (FBML), which has been the primary custom content creation tool, is being deprecated.

FBML is a subset of HTML that has additional Facebook specific functions. For example, the FBML tag <fb:visible-to-connection> requires a user to “Like” a page in order to see certain content. Existing FBML Pages will still be supported, but new ones cannot be created as of March 11. There is no immediate need to worry about existing FBML based Pages. In the software world, the time horizon for “deprecated” is often measured in years, if not decades. Still, you’ll want to continually delight your Facebook visitors, which means that there are iFrames in your future.


Learning to Love iFrames


iframe chart image

The switch to iFrames means that developers can create dynamic web apps using their standard tools (HTML, CSS, PHP, ASP, JavaScript, Flash, etc.), register them as a Facebook “Canvas” app and then embed the app on a custom Page via the iFrame. Some limited info about the Facebook user is available through the API.

This all sounds much more complicated than it really is, and in fact it is probably simpler than the old process. Most developers are celebrating. “iFrames allow marketers the creativity and flexibility similar to that afforded by webpages, while developers can streamline integration with one process for Facebook canvas apps, Facebook Connect website widgets, and now Facebook custom Pages,” says Vikas Jain, director of business development for Wildfire Interactive. If you can create something for the web, respect Facebook’s ToS, and (preferably) hold it to 520 pixels in width, you can now present it as custom Facebook Page content.

Great content is only the start. Page owners can now have a more direct relationship with their Facebook visitors. “Right now the implications are countless,” says Patrick Stokes, chief product officer for Buddy Media. “Conversion tracking is probably the first thing that marketers should be focusing on. iFrames mean that you will be able to recognize the visitor, track their source and note their IP address in order to present a customized response. These capabilities are much stronger through iFrames than they are in FBML”.

Mark Spangler, director of client services at Stuzo|Dachis Group is also expecting “exciting personalization options which should now appear seamless to the user: Customized landing views based on user location or referral source, dynamically updating the view for specific content, loading of Flash elements and interactive front-end features which formerly could not initially load on custom Pages.”

But don’t expect things to change overnight. This is a change that lies firmly in a divide between the aspirations of the marketing department and the freshly fueled capabilities of web developers. Companies that can bridge that gap wisely will likely see the best and fastest results. Involver’s VP of marketing Jascha Kaykas-Wolff is advising marketers to proceed slowly and plan carefully for the best results. “The switch from FBML to iFrames is not earth-shattering right now. However, in the future — and as Facebook evolves their ToS — iFrames will allow for a much more immersive experience consistent with your brand’s corporate experience. The evolution of Facebook becoming the replacement for the branded micro-site is well on its way.”


Using Facebook


frame image

The best and simplest news for Facebook marketers is that they may not have to try and pull someone away from Facebook to get them onto their site. There are now better options for accomplishing their sales or branding goals entirely within Facebook. “We’ve found, in doing Facebook ad testing, that Facebook ad respondents tend to convert better when they land on a page within Facebook,” observes Search Mojo CEO Janet Miller. “iFrames now opens up a whole new world of possibilities for what can be delivered, including e-commerce, directly through a Facebook Page.”

Some of the selling may first have to occur internally as social media initiatives frequently need to fight for budget. Linda Bustos, director of e-commerce research with Elastic Path Software, notes, “Any new web development poses a challenge for social media. C-level execs want to see ROI from social initiatives — something that has historically been hard to prove.” In this case, she points to the improved tracking capabilities and the ability to monitor activity via Google Analytics as a unique opportunity to measure social media costs versus benefits. Additionally, businesses should find it easier to convert existing web apps for Facebook use with iFrames.


The Endgame for iFrames?


The concept of businesses investing money to keep users on Facebook may seem like part of Facebook’s master plan. It probably is. Will Facebook Pages evolve into self-contained store fronts? “It will be interesting to see how Facebook handles this. One possibility is that they will require that all transactions be transacted in Credits, which is how they would get their cut,” speculates Buddy Media’s Patrick Stokes.

iFrames for Pages may be a win-win for all sides but it will require planning and some investment. As always with Facebook, you can’t ignore the huge user base, and you have to be open to new opportunities to interact. iFrames is very much a work in progress that warrants serious attention.

Disclosure: Buddy Media is a Mashable sponsor.


More Business Resources from Mashable:


- How 5 Companies Are Using the iPad to Increase Productivity
- How The iPad Is Helping Businesses Go Green
- How Facebook Deals Are Helping One NBA Team Connect With Fans
- 4 Small Business Mobile Predictions for 2011
- How Brands Can Make the Most of Facebook’s New Pages

More About: business, facebook, facebook pages, iframes, MARKETING

For more Business & Marketing coverage:

 
 

IBM Researcher Explains What Makes Watson Tick [VIDEO]

18 Feb


Humanity took a beating from the machines this week. The world’s best Jeopardy player is no longer from the human race.

This week, IBM’s Watson supercomputer defeated Jeopardy‘s greatest champions, and it wasn’t even close. When all was said and done, Watson won $77,147, far more than Brad Rutter ($21,600) or 74-time champion Ken Jennings ($24,000). Its ability to dissect complex human language and return correct responses in a matter of seconds was simply too much for humanity’s best players.

A few years ago though, Watson couldn’t even answer 20% of the questions it was given correctly. And it took hours, not seconds, for Watson to process a question.

At an intimate event in San Francisco, John Prager, one of the researchers developing Watson’s ability to answer complex questions, gave a presentation detailing the work he and his colleagues did to turn Watson into a Jeopardy champion. During his presentation and a Q&A afterwards, Prager and fellow researcher Burn Lewis revealed some key nuggets of information, such as why Watson made those odd, uneven bets during Daily Doubles (an IBM researcher thought it would be boring if Watson’s bets ended with zeros, so he added random dollar amounts for kicks) or which programming languages the researchers used to build Watson (Java and C++).

So what’s next for Watson? Prager says that the next frontier is health care; he hopes that Watson’s technology can help diagnose ailments by analyzing vast quantities of data against patient symptoms and queries.

Check out the video to get a deeper dive into the technology behind Watson. Check it out in HD if you want to read the slides.

More About: IBM, IBM Watson, Jeopardy, video, watson, youtube

For more Tech & Gadgets coverage:

 

10 Free Online Resources for Science Teachers

16 Dec


One of the greatest ways technology can empower teachers is by helping them demonstrate concepts and by making it easier for students to learn through their own exploration and experimentation.

Because science teachers are often called upon to teach topics that are too large, too small, happen too fast, happen too slowly, require equipment that is too expensive, or has the potential to blow up a laboratory, the Internet can be particularly helpful in assisting them convey a concept.

Universities, non-profit organizations and scientists with free time have put an overwhelming number of resources for teaching science on the web. These are nine of our favorites.


1. The Periodic Table of Videos


A group of scientists based at the University of Nottingham added some character to the static periodic table of elements by creating a short video for each one.

Hydrogen, for instance, seems much more exciting after you’ve seen what happens when you hold a match to a balloon that is filled with it, and it’s easier to remember the name Darmstadtium after you have seen Darmstadt.

The group also puts out a non-YouTube version of the site for schools that have blocked the site.


2. Teach the Earth


SERC

The Science Education Resource Center at Carleton College has compiled just about every fathomable resource for geoscience educators. By serving as the portal to helpful web pages from dozens of independent project websites, the site provides visuals, classroom activities and course descriptions for everything from oceanography to “red tide and harmful algal blooms.”


3. Stellarium


Stellatarium

Stellarium is a planetarium for your computer. Just input your location and explore the sky outside or the view from any other location. The program offers up information on stars, nebulae, planets and constellations according to 12 different cultures.

In addition to being ideal for classroom astronomy lessons, Stellarium’s open source software is also used to light up the screens of a number of real planetariums.

Even though Google Sky won’t give you a view from a specific location, it will direct you to specific galaxies, planets and stars or to a map of the moon that notes where each of the six Apollo missions landed.


4. YouTube


“What happens when you put Cesium in water?” is a question that in some cases is best answered by YouTube. YouTube’s archive of demonstrations have the advantage of being safe, clean and unlikely to catch on fire.

You’ll find experiments for most concepts just by using the search bar. But if you’re in a browsing mood, check out this list of the 100 coolest science experiments on YouTube.

Most schools that block YouTube allow access to educational alternatives like TeacherTube and School Tube.


5. NASA Education


NASA

NASA has lesson plans, videos and classroom activities for science subjects ranging from Kindergarten to university levels. The best part of this resource gold mine is that it’s easy to search by keyword or to browse by grade level, type of material or subject.

Check out the Be a Martian Game, the interactive timeline and the NASA Space Place for some smart fun.


6. Learn.Genetics


Learn.Genetics

These resources for learning about genetics by the University of Utah’s Genetic Science Learning Center include interactive visualizations, 3D animations and activities. Student activities include taking a “tour” of DNA, a chromosome or a protein, building a DNA molecule, or exploring the inside of a cell.

The university is also building a sister site, Teach.Genetics, with print-and-go lesson plans and supplemental materials for some channels on the Learn.Genetics site.


7. The Concord Consortium


Concord

The Concord Consortium is a non-profit organization that helps develop technologies for math, science and engineering education. Their free, open source software is available for teachers to download to use in their classes. They include visualizations and models for a broad range of topics.

Some examples include: The Molecular Workbench, a free tool that creates interactive simulations for everything from cellular respiration to chemical bonding. Geniquest introduces students to cutting-edge genetics using dragons as their model organisms; Evolution Readiness is a project designed to teach fourth graders about evolution concepts using simulations; and The ITSI-SU Project provides lab-based activities involving probes, models and simulations.

To search for classroom activities across all projects, teachers can use the site’s Activity Finder to browse by subject, grade level or keyword.


8. The ChemCollective


ChemCollective

The ChemCollective, a project that is funded by the National Science Foundation, allows students to design and carry out their own experiments in a virtual laboratory and provides virtual lab problems, real-world scenarios, concept tests, simulations, tutorials and course modules for learning basic chemistry.

The project recently won a Science Prize for Online Resources in Education from Science Magazine.


9. Scitable


Scitable

Scitable is both the Nature Publishing Group’s free science library and a social network. Teachers can create a “classroom” with a customized reading list, threaded discussions, news feeds and research tools. There’s also an option to use the material on the site to create a customized e-book for free that can include any of the more than 500 videos, podcasts or articles on the site.

Topic rooms combine articles, discussions and groups related to one key concept in science and make it easy to find material that is relevant to your class and connect with people who are also passionate about the subject.

What resources did you find most helpful, or what great science tools did we miss? Let us know in the comments below.


10. Impact: Earth!


Impact

Want to see how a particular projectile from space would affect the Earth? With this tool that was developed for Purdue University, your students can enter the projectile parameters, angle and velocity to calculate what would happen if the object were to actually hit Earth. You can also get the details on the projectiles that caused famous craters.


More Education Resources from Mashable:


- 8 Ways Technology Is Improving Education
- The Case For Social Media in Schools
- 7 Fantastic Free Social Media Tools for Teachers
- How Online Classrooms Are Helping Haiti Rebuild Its Education System
- 5 Innovative Classroom Management Tools for Teachers

Image courtesy of iStockphoto, rrocio


Reviews: Internet, YouTube, iStockphoto

More About: education, education resources, Kids, List, Lists, resources, school, Science, social media, teachers, tech, visualizations, youtube

For more Tech coverage:

 
 

Google Explores the Human Body With HTML5

16 Dec


Google has just soft-launched its latest browser experiment, the Google Body Browser, which is basically Google Earth for the human body.

Think of it as a three-dimensional, multi-layered browser version of those Visible Man/Woman model kits. Or a virtualized version of Slim Goodbody, if you will.

Google showed off the app at the WebGL Camp. WebGL is a cross-platform low-level 3D graphics API that is designed to bring plugin-free 3D to the web. It uses the HTML5 Canvas element and does not require Flash, Java or other graphical plugins to run.

If you visit bodybrowser.googlelabs.com in a supported web browser, you’ll get a three-dimensional layered model of the human anatomy that you can zoom in on, rotate and search.

WebGL support hasn’t hit mainstream browsers, but the beta versions of Google Chrome, Safari and Firefox all support it.

Once you’ve got a compatible browser, visiting the Body Browser home page shows off the human body. You can adjust the various layers of skin, muscles, tissues and the skeletal system.

What’s really cool is that if you type in an organ or bone or ventricle system, you are taken directly to that area in the anatomy, zoomed in. You can turn labels on or off and the app supports multitouch so users of trackpads (Magic or otherwise) or multi-touch mice can zoom in with ease.

This is a pretty cool display of new web technologies. Presumably the use case is for the healthcare industry, but educators and students can benefit from this kind of demonstration too.

[via PeriVisioN]


Reviews: Firefox, Google, Google Chrome, Safari

More About: google body browser, HTML5, webgl

For more Tech coverage:

 
 

Create Automated Website Tests with Ease

12 Oct


This post is part of Mashable’s Spark of Genius series, which highlights a unique feature of startups. The series is made possible by Microsoft BizSpark.. If you would like to have your startup considered for inclusion, please see the details here.

Name: Fake

Quick Pitch: Fake is a new browser for Mac OS X that makes web automation and testing simple.

Genius Idea: Inspired by Apple’s Automator, Fake is a tool that lets web designers and developers create graphical workflows that can be run again and again, without human interaction. These workflows can be saved, shared and edited at ease.

Fake is the creation of Todd Ditchendorf’s Celestial Teapot Software. Ditchendorf is the guy responsible for Fluid, one of our favorite single-site browsers.

Whereas Fluid is a great tool that can appeal to a wide array of users, Fake’s target audience consists of developers, web designers or people that have to perform the same automated tasks repeatedly. That is to say, if you aren’t doing a lot of website testing, unit tests or debugging, Fake might not be for you.

However, if you are a web designer or developer, Fake is just awesome. I’ve been using this app for the last month or so and I have to say, the ability to create workflows to perform rudimentary tasks like capturing a screenshot or filling out a form or clicking on a link is just really remarkable.

A common workflow I utilize is taking screenshots. Oftentimes when I’m writing a post, I’ll need a screenshot from lots of different sources. Rather than taking each screenshot individually, I can just enter in each URL into Fake and have it repeat the “capture screenshot” action for each site. That way, while I’m writing in the background, my screenshots are being captured and saved to a folder of my choice.

For testing purposes especially, the fact that Fake has assertions, assertion failure handlers and error handlers makes it really powerful. It’s often hard to get a real sense of how a site or web app is going to perform under certain conditions. User testing is great, but it can be expensive and time consuming, especially if you need to test various alternating aspects of a site.

The great thing about saving workflows is that you can modify or rerun the workflow against other content. So for people doing A/B testing, you can set up the same set of “fake” interactions for each version and compare results.

Fake is $29.95, but you can download a free trial to see how you like the app. The trial doesn’t let you save workflows and limits you to eight actions at a time, but it’s a great way to determine whether you need this kind of app.

Check out this video to see Fake in action:

Designers and developers — what types of tools do you use for unit or automated testing? Let us know.


Sponsored by Microsoft BizSpark


BizSpark is a startup program that gives you three-year access to the latest Microsoft development tools, as well as connecting you to a nationwide network of investors and incubators. There are no upfront costs, so if your business is privately owned, less than three years old, and generates less than U.S.$1 million in annual revenue, you can sign up today.


Reviews: fluid

More About: automator, fake, fluid, mac apps, single-site browser, software, unit testing

For more Dev & Design coverage:


 
 

Google Just Lost a Potential Ally in its Legal Tussle with Oracle

12 Oct


The battle between Oracle and Google over Android’s use of Java just got a lot more interesting. That’s because IBM has announced that it will be collaborating with Oracle to work on the OpenJDK project.

This means that IBM will no longer be part of the Apache Software Foundation’s Project Harmony, the project that provides Android with the components it needs to run Java code. With IBM leaving the project, Harmony is basically dead in the water.

Although Android wasn’t mentioned in the announcement, this is all interrelated to the Oracle lawsuit. Google responded to the lawsuit last week, claiming that Oracle, which got Java out of its purchase of Sun Microsystems, was acting in bad faith.

For the non-Java savvy out there, here’s an abbreviated rundown of how and why all of this stuff matters:

Apache Harmony is an open source implementation of Java. The goal in creating the project was to unite all of the various free software Java implementations together under one banner.

The project had a lot of early support, the only problem was that Sun (and then Oracle) never offered the project with a Technology Compatibility Kit (TCK). The TCK is needed to prove that Harmony is compatible with the Java specification and can be seen as a certified Java independent version of Java. When Sun first open sourced aspects of Java in 2007, it said it would provide the Apache Foundation with the necessary TCK for certification.

Sun never made good on those assurances and when Oracle took over Sun, the new company wasn’t interested in sharing the TCKs, instead wanting to focus all of its efforts on the officially sanctioned open source Java implementation, OpenJDK.

IBM’s Bob Sutor discussed the decision on his blog, writing:

“We think this is the pragmatic choice. It became clear to us that first Sun and then Oracle were never planning to make the important test and certification tests for Java, the Java SE TCK, available to Apache. We disagreed with this choice, but it was not ours to make. So rather than continue to drive Harmony as an unofficial and uncertified Java effort, we decided to shift direction and put our efforts into OpenJDK. Our involvement will not be casual as we plan to hold leadership positions and, with the other members of the community, fully expect to have a strong say in how the project is managed and in which technical direction it goes.”

This is a big blow to the Harmony project and by extension, to the libraries and classes that Android implements from Harmony in Android. Without big backing like IBM behind the project, it’s not likely to survive.

For now, the Harmony implementation of Java is fine. The problem will be when future versions of Java are released and Harmony can’t keep up in terms of features.

In Java, staying compatible is key. Interestingly, InfoWorld notes that Google has more developers working on OpenJDK than Oracle. So why choose Harmony for Android?

We think it’s because Google wanted to do an end-run around Sun’s licensing requirements. In essence, getting to take advantage of Java SE on mobile devices (something that Sun explicitly forbade without a license), but not having to pay for it.

Long before Sun’s sale to Oracle, others pointed out the potential licensing and IP quagmire that Google was entering with Android. The reality was, Sun didn’t have the power, the funds or the industry clout to really do anything about it.

Oracle does. In fact, Oracle’s clout and power is underscored by IBM’s decision to join up. IBM may be making its decisions for pragmatic reasons, but in the decision shows that IBM is not willing to side with Google in this elongated fight.

At this point, Google’s only real recourse is to sensibly settle and pay Oracle, or countersue and drag the fight out even longer. By fighting back, Google risks alienating its Java-base of developers.

While we question how important having a strong base of Java developers really is to Android’s success in the long term, it doesn’t mean it’s worth risking the future developments of the platform on a legal gamble.

Oracle is out for blood and IBM just provided the syringe.


Reviews: Android, Google

More About: android, apache foundation, Google, harmony, IBM, java, lawsuits, legal, oracle

For more Tech coverage:

 
 

Top 5 Web Font Design Trends to Follow

21 Sep
This series is brought to you by the Intel AppUpâ„  Developer Program, which provides developers with everything they need to create and then sell their applications to millions of Intel Atomâ„¢ processor-based devices. Learn more here.


The world of web fonts and web typography is exploding. After years of struggle, we’re finally at a point where using real fonts on the web is a viable option.

For web designers, this is huge news because it means a greater degree of control over how content is displayed. For end users, it means a richer web experience.

Thanks to web services like Typekit, Fonts.com Web Fonts, Webtype and others, the opportunities to integrate real fonts on the web is getting better all the time.

Let’s look at five of the biggest trends taking place with web font and web typography design.


1. WOFF as a Standard


The Web Open Font Format, or WOFF, is edging ever closer to becoming the de facto standardized format for using fonts on the web.

Backed by Mozilla, Opera and Microsoft, WOFF allows TrueType, OpenType or Open Font Format fonts to be embedded into web pages.

Right now, WOFF support is built into Firefox 3.6 and above, Google Chrome version 5 and above, Internet Explorer 9, and will be supported in upcoming versions of Safari.

Jason Santa Maria and his Friends of Mighty built Lost World’s Fairs as a way to showcase IE 9 and its support of WOFF. This fantastic piece of typographic web art really shows just how great type can be made to look on the web.


2. Big Foundries Jump on Board


When Adobe announced that they were partnering with Typekit back in August, it was a big move. Historically, the biggest font foundries have led the resistance against getting fonts on the web.

Adobe’s decision was followed recently by the new company, Webtype, a partnership of Ascender, Roger Black and Font Bureau. Similar to Typekit, Webtype offers a way for designers or end users to get high quality fonts for use in their own designs.

Last week, Monotype Imaging formally launched Fonts.com Web Fonts and brought many of the most famous Monotype, Linotype and ITC font families to the web.

At this stage, nearly every major foundry is either offering fonts with web usage licenses or is considering making their fonts usable on the web. Eighteen months ago, that wouldn’t have been a reality. Today it is.


3. Better Letter Control with Lettering.js


When creating the Lost World’s Fairs project, Friends of Mighty realized they would need to have a way to better control individual letters and words to offer proper spacing and better kerning.

Thus, Lettering.js was born. Lettering.js is a JavaScript plugin that allows developers and designers to better control individual letters without having tons of messy markup.

As Dan Rubin recently remarked on Twitter, Lettering.js may just end up having a bigger impact on typography on the web than anyone is expecting.


4. Mobile Support


Fonts.com Web Fonts service and Typekit both offer support for multiple mobile browsers. This continues to increase as more and more mobile browser makers support various aspects of @font-face and draft specifications like WOFF.

It’s not just enough for fonts to look good on the desktop, as more and more web usage shifts to the smartphone, having readable, legible and properly spaced typography on mobile devices will be a bigger and bigger area of interest.

Already companies like Monotype and Typekit are working to make sure that fonts look their best on a number of different screen types and sizes.


5. Font Support in Web Apps


One of the most interesting recent advancements in the web font world has been the ability to choose web fonts when customizing an aspect of a web app. Thanks to Typekit and Google’s Web Font Directory, it’s easy for developers to build these tools into their product.

Already many Tumblr themes are coming with Typekit support and new web services like About.me give users the option to customize their typefaces for various aspects of their profile.

This is a great use of typography on the web because it gives end-users direct interaction with fonts and lets them see directly how different fonts look together and at different sizes.

Web typography is on a tear and we’re at the beginning of a new era of a more beautiful, more legible and more customizable web.


Series supported by Intel AppUpâ„  Developer Program

This series is brought to you by the Intel AppUpâ„  Developer Program, which provides developers with everything they need to create and then sell their applications to millions of Intel Atomâ„¢ processor-based devices. Learn more here.


More Dev & Design Resources from Mashable:


- HOW TO: Be a Hybrid Designer/Developer
- 6 New Mac Apps for Designers and Developers
- Flash vs. HTML5: Adobe Weighs In
- 10 Free Web UI Kits and Resources for Designers
- Top 10 Accessories for Typography Nuts [PICS]

Image courtesy of playgrounder.com


Reviews: Firefox, Google, Google Chrome, Opera, Safari, Tumblr, Twitter

More About: fonts, fonts on the web, monotype, typekit, typography, Web Design Trends Series, web fonts, webtype

For more Dev & Design coverage: