background preloader

URL Design

URL Design
December 28, 2010 You should take time to design your URL structure. If there’s one thing I hope you remember after reading this article it’s to take time to design your URL structure. Don’t leave it up to your framework. URL Design is a complex subject. But that doesn’t mean there aren’t best practices for creating great URLs. Why you need to be designing your URLs The URL bar has become a main attraction of modern browsers. URLs are universal. Any regular semi-technical user of your site should be able to navigate 90% of your app based off memory of the URL structure. Top level sections are gold The most valuable aspect of any URL is what lies at the top level section. Do I seem dramatic? Another quick tip — whenever you’re building a new site, think about blacklisting a set of vanity URLs (and maybe learn a little bit about bad URL design from Quora’s URLs). Namespacing is a great tool to expand URLs Keep that namespace clean. URLs are for humans.

Representational state transfer Representational State Transfer (REST) is a software architecture style consisting of guidelines and best practices for creating scalable web services.[1][2] REST is a coordinated set of constraints applied to the design of components in a distributed hypermedia system that can lead to a more performant and maintainable architecture.[3] REST has gained widespread acceptance across the Web[citation needed] as a simpler alternative to SOAP and WSDL-based Web services. RESTful systems typically, but not always, communicate over the Hypertext Transfer Protocol with the same HTTP verbs (GET, POST, PUT, DELETE, etc.) used by web browsers to retrieve web pages and send data to remote servers.[3] The REST architectural style was developed by W3C Technical Architecture Group (TAG) in parallel with HTTP 1.1, based on the existing design of HTTP 1.0.[4] The World Wide Web represents the largest implementation of a system conforming to the REST architectural style. Architectural properties[edit]

Screw Hashbangs: Building the Ultimate Infinite Scroll I’m just a student in a field unrelated to computer science, but I’ve been coding for years as a hobby. So, when I saw the current state of infinite scroll, I thought perhaps I could do something to improve it. I’d like to share what I came up with. (Demo: The impatient can just try it out by scrolling+navigating away+using the back button on the front page of my site. Works in current versions of Safari, Chrome, Firefox.) Hashbangs Lie Anybody that has even casually coded JavaScript over the past two years can tell you the story: Google proposed using the hashbang (#!) But the real problem is the lying. Hashbangs for Lunch Let’s say you are at a restaurant. Case 1cafe.com/entrees/burger/k­etchup/ If the server accepted your order with a URL sans fragment identifier, then you get everything at once, your ketchup is on the side of your plate, and you can immediately begin enjoying your delicious burger. Case 3cafe.com/#! “What the heck is going on?” Well, yes. Here’s a helpful illustration:

UI Studio Medical Marijuana Brings $10 Million in Revenue for Michigan LANSING, MI — An annual report to the state Legislature as required by the Michigan Medical Marihuana Act shows that over $10 million in revenue was collected from administration of the state’s medical marijuana program in 2012, more than double the cost of running the program. The report also shows that patients enrolled in the medical marijuana program obey state guidelines for medical marijuana — there were no medical marijuana cards revoked in 2012. Michigan law requires expulsion from the medical marijuana program for those convicted of distributing marijuana to anyone not authorized for medical marijuana use. Patients and caregivers who apply to the Michigan medical marijuana program are required to pay a $100 fee. Despite a failed petition drive to repeal marijuana prohibition last year, marijuana reform activists in Michigan are eyeing a 2016 ballot initiative to allow the adult use of marijuana, similar to bills passed last year in Colorado and Washington.

Repurposing the Hash Sign for the New Web 1 Introduction [RFC 3986] defines the character string following the ? sign in a URI as the "query component". The character string follwing the # sign is known as the "fragment identifier" and used to address specific locations in a document. Nearly 20 years later, the Web has built a strong set of conventions around how URI parameters are used. As transactional applications began moving on to the Web in the late 1990's, query parameters formed a core building block for how application state was communicated between client and server. This document explores the issues that arise in this context, and attempts to define best practices that help: Create URIs for intermediate states/pages in a Web application so that the back button does the right thingEnable clients to address into specific points in a stream of content, e.g., video. This document discusses only the situations where fragment identifiers are used with HTTP. 2 Use Case Scenarios 2.1 Addressing Into Multimedia Streams -- CNN

10 Useful Techniques To Improve Your User Interface Designs | Ho Advertisement Web design consists, for the most part, of interface design. There are many techniques involved in crafting beautiful and functional interfaces. 1. Links (or anchors) are inline elements by default, which means that their clickable area spans only the height and width of the text. Obviously, the larger the clickable area is, the easier it is to click on the link because there is less of a chance of missing it. Make sure to also add a healthy dose of padding to the links, because converting a link into a block only affects its behavior and width; adding padding ensures that the link is high enough and has some room to breathe. 2. Attention to every detail is what separates a great product from a mediocre one. At first glance they look okay, but notice that the text is placed too high because the lowercase letters have been used as a guide to align the text vertically in the center, like so: This gives the whole button a more balanced look and feel. 3. 4. 5. 6. 7. 8. 9. 10.

Drop in alcohol-related deaths by nearly a third follows minimum alcohol price increase of 10 percent A new study made available online February 7 in Addiction shows that, between 2002 and 2009, the percentage of deaths caused by alcohol in British Columbia, Canada dropped more than expected when minimum alcohol price was increased, while alcohol-related deaths increased when more private alcohol stores were opened. The paper has significant implications for international alcohol policy. The study was carried out by researchers from British Columbia, the westernmost province in Canada, using three categories of death associated with alcohol -- wholly alcohol attributable (AA), acute, and chronic, analysing death rates across the time period against increases in government set minimum prices of alcohol drinks. The study was complicated by another provincial policy which allowed partial privatisation of alcohol retail sales, resulting in a substantial expansion of alcohol stores.

Five Principles to Design By Five high-level principles that guide my design. 1. Technology Serves Humans. Too often people blame themselves for the shortcomings of technology. When their computer crashes, they say “I must have done something dumb”. This is horrible! Technology serves humans. 2. Art is about personal expression. Design, on the other hand, is about use. Unlike Art, Design is always contextual. Great Art, on the other hand, is always in style. The litmus test. 3. Designers do not create experiences, they create artifacts to experience. The ultimate experience is something that happens in the user, and it is theirs. 4. An interesting property of great design is that it is taken for granted. Bad design is obvious because it hurts to use. 5. As Saint Exupery said, “In anything at all, perfection is finally attained not when there is no longer anything to add, but when there is no longer anything to take away.”

50 Free High-Quality Icon Sets | Graphics When it comes to freebie designs, beautiful icons sets are tops. Designers scour for these free treasures more than anything else. You can use icon sets in Web applications, website designs and on your desktop. If well designed, they make a great impression on others. Beautifully designed icons also prove the quality of a designer’s work, so many designers make theirs freely available online, thus giving their work more exposure. When it comes to freebie designs, beautiful quality icon sets are tops. In the overview below, we present 50 beautifully designed, free and professional high quality icon sets for desktop and web design. You can also scan through our other icon-related articles: 50 Beautiful, Free and High-Quality Icon Sets Container Icon Pack Container Icon Pack contains 40 high-quality (256 x 256 pixel) icons in PNG and ICO formats. Baggy Icon Set Contains five high-quality icons in three formats (ICO, ICNS and PNG) and six sizes, ranging from 16 to 512 pixels! (al)

Related: