Hack India: Hyderabad — It’s a Wrap!

Hack India: Hyderabad — It’s a Wrap!

The energy at the 6th edition of Yahoo! Hack in India was electrifying as we counted down to the close of hacking at Yahoo! Hack Hyderabad, 2013. Over…

Internal Hackday Produces Record-Breaking 300 Hacks

Internal Hackday Produces Record-Breaking 300 Hacks

Yahoo! has been hosting internal Hackdays since 2005, and the traditio…

Demand is High for Yahoo! Hack India: Hyderabad

Demand is High for Yahoo! Hack India: Hyderabad

Photo credit to Reid Burke Since 2007, YDN has been hosting amazing Ha…

  • science_fingerprintAs close as five years ago, many of the identity products on the web were built off of proprietary, one-use systems that fit the needs of the site or service that was implementing them but nothing else. The main purpose of these products was simply to be able to log a person in and associate actions and configuration settings to that given user.

    Much changed over the years since then. The concept of basic auth, passing a username and password through an HTTP request became a very popular methodology for a company to extend its identity influence to application integrators off of its own platform; Twitter was a very popular service that implemented this system for its authentication. From this basic premise, services that abstracted out the authentication credentials of a user became more popular, like OpenID. At the same time authorization systems (allowing a user to give an application permission to access their details and do things on their behalf) also started targeting major

    Read More »from The History and Current Trends in the Identity Industry
  • Form Labels: Visible And Hidden

    This post originally appeared on the Yahoo! Accessibility blog.

    What are form labels

    Each input on your form needs a label. Yes, that includes radio buttons, check boxes, and file uploads. Labels tell people what an input expects. They also provide larger targets for those with less motor control.

    Connecting the label and input

    Fortunately labels are easy to use. There are two ways to connect the label to an input: Belt and Buckle.

    The belt method (implicit association) wraps the input in a label.

    The buckle method (explicit associtation) connects the label via the input's id value

    While the belt method is simpler, it doesn't provide as much flexibility with layout. It also fails to set focus on the input in Internet Explorer 6 and may not work with all versions of Window Eyes screen readers. It's also possible to combine the methods.

    Read More »from Form Labels: Visible And Hidden
  • Journaling is a common technique to implement durability while keeping performance high with servers that use magnetic disks. Databases (e.g., Postgres and HBase WAL) and file systems (e.g., Linux ext3, HDFS Namenode, ZooKeeper) have used this technique to guarantee that changes are durable and enable recovery when machines crash. An additional example, quite important for our properties but not traditionally considered an example for journaling, is messaging systems. With messaging systems, we have clients that publish messages and clients that consume published messages. For such systems, it is quite often desirable to guarantee that messages are delivered despite crashes, slow processes, or slow network.

    One key property of journaling is that it induces sequential writes. All modifications are appended to the journal and there are no modifications to random parts of the journal. This property enables writing efficiently to magnetic disks, avoiding disk seeks that could degrade

    Read More »from BookKeeper – Durability at Scale
  • Yahoo Agency Hack - IndiaYahoo Agency Hack - IndiaHack days are a tradition at Yahoo! and come in many popular variants. Like Open Hack, which sees huge participation from the developer community in India. This year’s event in Bangalore drew over 700 developers from 20 Indian states, and surfaced an amazing 171 hacks!

    Moving to a different part of the country and a different segment, we recently held Agency Hack at Gurgaon. This was our first-ever hackathon in India open exclusively to advertising agencies.

    With digital advertising coming of age in the region, some of the country’s biggest ad agencies like Ogilvy, Webchutney and Digitas were represented at the event. What makes the Agency Hack format unique is that it draws participation not just from developers, but also designers, user-experience specialists, digital strategists, media planners and copy writers. Their combined perspective led to some well-rounded, considered solutions, as teams came up with smart digital hacks andother ideas to solve real-life problems.

    Read More »from Our First-Ever Agency Hack in India
  • Every Thursday is Tech Thursday where we share a random assortment of technical links we found and liked. techthurs-2nd

    Read More »from Continuous Integration, A tcpdump Tutorial and more
  • This post originally appeared on the Yahoo! Accessibility blog.

    accessibility-205x85There are times you would like to disable the CSS on a web page. For instance, you may want to confirm the reading order of content. The following tips will help you disable CSS in various browsers.

    Firefox (Win and Mac)

    • Via the menu toolbar, choose: "View" > "Page Style" > "No Style"
    • Via the Web Developer Toolbar, choose: "CSS" > "Disable Styles" > "All
    • If the Web Dev Toolbar is installed, people can use this keyboard shortcuts:
      • Command + Shift + S (Mac)
      • Control + Shift + S (Win)

    Safari (Mac)

    • Via the menu toolbar, choose "Develop" > "Disable Styles"

    Opera (Win)

    • Via the menu, choose "Page" > "Style" > "User Mode"

    Chrome (Win)

    • Via the gear icon, choose the "CSS" tab > "Disable All Styles"

    Internet Explorer 8

    • Via the menu toolbar, choose "View" > "Style" > "No Style"

    Internet Explorer 7

    Internet Explorer 6

    • Via the Web Accessibility Toolbar, choose "CSS" > "Disable
    Read More »from How to Temporarily Disable CSS for Testing
  • This post originally appeared on the Yahoo! Accessibility blog.

    Designing a good reading order makes sites more efficient for users of screen readers. The reading order is controlled by the actual physical order of elements in the DOM, rather than the visual presentation.

    Screenshot of Yahoo! home page showing the order of modulesThe order of elements in a page

    Test the reading order of your page by turning off CSS. As a general rule, place more important content higher in the DOM order so it can be quickly accessed by users of screen readers. You can use the Web Developer Toolbar to quickly enable/disable CSS.

    Use the Web Developer to turn of CSSdisable CSS with Web Developer Toolbar

    Use ARIA to modify the page flow

    Use aria-flowto to define what part of a page a screen reader should visit. The following example would skip div#tv and continue to div#stock.

    How aria-flowto works

    Aria-flowto establishes the recommended reading order of content, so that the an assistive may overriding the default of reading in document order to its user. Aria-flowto could be used to control the reading order

    Read More »from ARIA Flowto Controls The Reading Order Of A Page
  • Sebastian Spier is a software engineer for Meltwater Group. At work he spends a lot of time designing and analyzing APIs. Since 2010 he is actively contributing to the YQL Open Data Tables. He blogs at spier.hu.

    YQL is the Swiss Army Knife of Web ServicesYQL is the Swiss Army Knife of Web ServicesPhoto by Jinho.Jung

    The Yahoo Query Language (YQL) has been around since October 2008, and since then received a lot of positive coverage from inside and outside of Yahoo. While there are a couple of obvious purposes for which YQL can be used, there are others that are a bit more subtle.

    This article assumes that you already know what YQL is and how to use it. (If not, the YQL Guide is a great start). Instead we focus on the areas in which YQL shines, although the technology might not always have been meant to be used for these purposes.

    Less common YQL use cases

    1. Data Format Conversion
    2. Out of the box, YQL offers two data formats for each API that you interact with: XML and JSON. It does not matter if the host API really offers both formats, YQL will just do the conversion for

    Read More »from YQL – The Swiss army knife of web services
  • techthurs-2ndEvery Thursday is Tech Thursday where we share a random assortment of technical links we found and liked.

    Read More »from Tech Thursday: Powerful Command Line Tools, Responsive Design and more
  • Use ARIA Region For Modules

    This post originally appeared on the Yahoo! Accessibility blog.

    As web pages become more interactive, there is a need for adding semantic information about our content. ARIA landmarks let us define the sections of our web page and their purpose.

    screenshot with ARIA landmarks outlinedARIA landmarks

    The Yahoo! home page with possible pre-defined ARIA landmarks

    There are several benefits to using ARIA:

    • Enhances document semantics and browsing
    • High-level document structure/layout will be perceived by users of screen readers
    • Screen readers provide keyboard shortcut for moving between landmarks

    There is already a long list of pre-defined ARIA landmarks that you can begin using on your web site. If you want to define a module on your page that does not fit into a pre-existing role you can use the generic role="region". This article discusses how to use the region landmark role.

    Standard module format

    The Yahoo! User Interface Library uses a standard module format. This common pattern for divs and classes make it easier to move modules

    Read More »from Use ARIA Region For Modules


(1,579 Stories)