gotoAndLearn() - Free video tutorials from Lee Brimelow on Adobe Flash Scrolling Research Report V2.0 – Part 1: Visibility and Scroll Reach In our previous report entitled “Unfolding the Foldâ€, we analyzed web visitors’ scrolling behavior and determined the effect of the so-called “fold†on browsing activity. One year later we are excited to publish much more detailed research, revealing new information and providing you with a whole new set of best practices and recommendations. This research is based on a sample of a data that was collected by the ClickTale service from thousands of websites and over 80,000 page views chosen at random between June 15th and July 15th, 2007. What did we learn last time? 91% of the page views were long enough to contain scroll-bar. Visitors are equally likely to scan the entire page no matter the page size. The fold is not a single location, but a broadly dispersed distribution with three peaks located at roughly 430, 600 and 860 pixels. Research Methodology Page views were aggregated into 9 page height groups that vary from 2,000 to 10,000 pixels. Insights Conclusions
Using CSS and HTML in Email Newsletters — Groundwire West Coast firm transfers clients to experts in Plone hosting UPDATE Mar. 12th, 2013: The board at Groundwire asked us to share this official press release (PDF) to help explain what has happened. INDIANAPOLIS, Feb. 1, 2013 - Six Feet Up has acquired 110 Plone hosting clients from a partner in Seattle. Groundwire.org, an agency that helps non-profit organizations with their web strategy and development needs, has decided to exit the hosting business. “This is a significant expansion of Plone hosting clients that we serve.” said Six Feet Up CTO, Calvin Hendryx-Parker. Six Feet Up operates two data centers for Python-based web applications, like Plone, and specializes in developing and hosting sophisticated web applications. In July 2012 the company acquired 35 Plone hosting clients from another web agency, NPower Northwest. Plone is an open source enterprise web content management system. To learn more about Six Feet Up visit About Six Feet Up, Inc.
Unfolding the Fold Note: Since posting the data in this article, we have collected and analyzed much more detailed information regarding scrolling behavior of visitors. The research below reveals information about the location of the fold as well as some basic information about visitors’ scrolling behavior. For more advanced research about statistical models for page scrolling behavior and visitor attention at each point in the page, please see the more recent research we have published in 2007 (ClickTale Scrolling Research Report V2.0 - part 1 and part 2). Web designers and usability professionals have debated the topic of web page scrolling since 1994. Nowadays, scrolling has become a natural practice in surfing the web. In this post, we will demonstrate with charts and real data several behavioral patterns related to scrolling. The Data As always, this research is based on data that we collect with our service (ClickTale). Global Statistics Do Visitors Scroll to the Bottom of the Page? Recommendations
Eine neue Webseite entsteht (Teil 2): Die Layout-Vorlage (Mockup) Im ersten Teil des Tutorials haben wir bereits jede Menge Inspirationen und Material für die neue Webseite gesammelt. Jetzt beginnt endlich die richtige Schweißarbeit, eine Layout-Vorlage auch Mockup genannt, muss erstellt werden. In diesem visuellen Konzept wird geklärt, wie viele Seiten eine Webseite haben soll und wo die einzelnen Seitenelemente angelegt werden. Los geht’s, machen wir uns an die Arbeit! 1. Als erstes muss man natürlich klären, wie viele Seiten und Unterseiten die Webseite haben soll. Natürlich kannst du dir eine Sitemap einfach von Hand skizzieren. Bei Cacoo kannst dir ein kostenloses Account einrichten und deine Diagramme online speichern oder mit anderen teilen. Eine hilfreiche Sitemap mit Cacoo erstellen und online teilen. 2. Für meine Café-Webseite werde ich erst einmal nur vier Seiten (die Home-Seite, Über Uns, News und Kontakt) anlegen. 3. Das 960 Grid System mit 12-Spalten. 4. Im Menü »Pages« kannst du alle Seiten deiner Webseite anlegen.
Script Junkie | Building Cross-Platform Apps Using jQuery Mobile jQuery Mobile introduces a cross-platform and cross-device framework for developing mobile applications. It supports a wide variety of mobile browsers and delivers a unified user interface to the devices. It has simplified working with mobile browsers by abstracting away inconsistences between the vendors. Just as jQuery changed the way we wrote JavaScript , jQuery Mobile will change the way we build mobile web applications. I recently used jQuery Mobile to build an application and was stunned at how smoothly the development process went. As a web developer, jQuery Mobile is instantly rewarding because there isn’t much of a learning curve. Page Structure and Components We are going to build a to-do application. For this application there is only going to be one physical page, index.html. Aside from referencing the latest version of jQuery, we also reference jquery.mobile-1.0a4.1.min.css and jquery.mobile-1.0a4.1.min.js via CDN. Let’s fill out our create page. Conclusion About the Author
How to Become an SEO Freelancer in 48 Hours EmailShare 376EmailShare I’d like to state up front that this is the longest post I’ve ever written here at Location 180. It’s more representative of the direction I’d like to take the site in the future, and is the culmination of the last year I’ve spent becoming an seo freelancer.If you take a weekend, read the resources provided, practice with your own site(s), you’ll have enough knowledge to lay the ground work of a location independent business. I’ve been getting a lot of emails lately from people who are looking to start working for themselves. Along with questions about building a business, I’m asked frequently what business I run. If we’re going to start getting real about creating a location independent income, I’m going to have to build a little bit of credibilty. So here’s what I do: I’m an SEO Freelancer (for lack of a better term). For those of you who don’t know what SEO means, it stands for Search Engine Optimization. This is false. SEO Basics Keyword Research. Keyword Research
Interaction Design Pattern Library - Welie.com Suggest a pattern Have you seen new examples of patterns out there that have not been described on this site? Send me a link to an example and I'll add it to my to-do list. Suggest a pattern Latest comments Form (Lucas Gwadana) Sometimes the ERROR handling is not explicit enough because when a user makes an... Map Navigator (Marcus) For print pages etc static maps are still relevant. Accordion (dellmre) Ajax accordion samples with source code Autocomplete (Zorg) I believe the name of this pattern to be misleading. Slideshow (Joshua) Slideshows on Homepages can be very beneficial.
Beautiful Background Image Navigation with jQuery In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in […] View demoDownload source In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. On top of that we will have sub-menus that appear with their semi-transparent background sliding in. Note: There is a new version which let’s you customize things better:Sliding Background Image Menu with jQuery We will be using the amazing Background-Position Animation Plugin by Alexander Farkas. The photos that we will be using are from Pat’s beautiful B&W collection on Flickr. We tried to make this one cross-browser compatible and voilà! The Markup The CSS
Submit URLs to Google with Fetch as Googlebot Webmaster Level: All The Fetch as Googlebot feature in Webmaster Tools now provides a way to submit new and updated URLs to Google for indexing. After you fetch a URL as Googlebot, if the fetch is successful, you’ll now see the option to submit that URL to our index. When you submit a URL in this way Googlebot will crawl the URL, usually within a day. We’ll then consider it for inclusion in our index. Note that we don’t guarantee that every URL submitted in this way will be indexed; we’ll still use our regular processes—the same ones we use on URLs discovered in any other way—to evaluate whether a URL belongs in our index. This new functionality may help you in several situations: if you’ve just launched a new site, or added some key new pages, you can ask Googlebot to find and crawl them immediately rather than waiting for us to discover them naturally. How to submit a URL First, use Diagnostics > Fetch As Googlebot to fetch the URL you want to submit to Google.
30+ Search Engine Optimization Techniques You Cannot Miss You completed a web site for your business about three months ago, but you are still not seeing very many people visiting your web site. You do a little research and find that your web site is buried about ten pages deep on all of the major search engines. It seems that you have created a very nice web site, but it is not optimized for search engines, so your page rank is very low. Search engine optimization has become a very large field for many different consultants all over the internet. 1. Many people do a good job putting a good description and group of keywords in their meta tags, but they do not use these same keywords throughout the rest of their web site. 2. Many search engines will try to index your site’s pages by following links to all of the different pages. 3. Flash is a very neat technology and it has its place on the web. 4. One of the best things that you can do for search engine optimization is to get inbound links to your web site. 5. 6. www or not www 7. 8. 9. 10.
Suchmaschinenoptimierung (SEO) - Webmaster-Tools-Hilfe SEO ist ein Akronym für "Search Engine Optimization" (Suchmaschinenoptimierung) oder für "Search Engine Optimizer" (Suchmaschinenoptimierer). Die Entscheidung für einen SEO bedarf einer sorgfältigen Prüfung. Potenziell können Sie damit zwar Ihre Website verbessern, aber es besteht auch die Möglichkeit, dass der Website und Ihrem guten Ruf Schaden zugefügt wird. Informieren Sie sich sowohl über die potenziellen Vorteile als auch über die Nachteile, die sich durch einen nicht verantwortungsvoll handelnden SEO für Ihre Website ergeben können. Viele SEOs wie auch andere Agenturen und Berater bieten praktische Services für Website-Eigentümer: Bedenken Sie, dass die Google-Suchergebnisseite neben organischen Suchergebnissen auch oftmals bezahlte Werbung enthält, die als "Anzeige" oder "Werbung" gekennzeichnet ist. Bevor Sie mit der Suche nach einem SEO beginnen, sollten Sie sich eingehend informieren und sich mit der Funktionsweise von Suchmaschinen vertraut machen.