background preloader

Browse User Interface Designs

Browse User Interface Designs

What The Rails Security Issue Means For Your Startup January has been a very bad month for Ruby on Rails developers, with two high-severity security bugs permitting remote code execution found in the framework and a separate-but-related compromise on rubygems.org, a community resource which virtually all Ruby on Rails developers sit downstream of. Many startups use Ruby on Rails. Other startups don’t but, like the Rails community, may one day find themselves asking What Do We Do When Apocalyptically Bad Things Happen On Our Framework of Choice? I thought I’d explain that for the general community. Nota bene: I’m not a professional security researcher. Don’t skip this post because you’re not a Rails developer. Background: What Has Been Happening in Rails-land? Ruby on Rails recently released two sets of security patches (announcements here and here), in response to related vulnerabilities discovered in the frameworks. How bad were those bugs? What does “execute arbitrary code” mean? What went wrong? So far this has included: We’re A Startup.

Danmarks mest behårede digitale bureau - Join_us How we are shaved Who we are Mustache er et digitalt bureau, som siden sin start i 2008, har set den digitale verden som én stor kreativ legeplads. Vi stræber efter at være opdateret med den nyeste teknologi, så vi altid kan tilbyde kunden den bedste løsning på tværs af de nyeste medier. What we do Mustache har udviklet sig til et bureau med stor faglighed og høje kompetencer inden for analyse, strategi, idé og koncept til design og teknisk implementering. Are you the next growing hair? Freelance (dun) Mustache er altid på udkig efter nye talentfulde freelancere inden for det digitale legeland. Bureau (stub) Vi er altid på udkig efter nye samarbejdspartnere, hvor vi kan hjælpe hinanden på kryds og tværs og skabe en ny grobund sammen. How we use our many hairs Mustache har siden sin start opbygget et stærkt kompetent, veltrimmet og dygtigt netværk. The clients we have shaved Jabra Novo Nordisk YouSee Nykredit Malene Birger Samsøe & Samsøe Nestea Tuborg Post Danmark Grundfos National Irish Bank Pandora Kims

Les URLs sont pour les Humains, Pas pour les Ordinateurs | xtof Nous sommes tous familiers avec les URLs : la chaîne identifiant uniquement le document demandé. Néanmoins, nous n’avons toujours pas imaginé qu’elles sont plus que cela : Les URLs font face à l’utilisateur et devraient être considérées comme des éléments importants de l’interface-utilisateur. Elles devraient être propres, compréhensibles, sémantiques, hiérarchiques et pas trop longues. Si l’URL ressemble à une poubelle les gens ne cliqueront pas dessus Une étude menée par Microsoft a trouvé que les URLs jouent un rôle vital pour démontrer la sécurité et la crédibilité d’un site web : Edward Cutrell and Zhiwei Guan from Microsoft Research have conducted an eyetracking study of search engine use (warning: PDF) that found that people spend 24% of their gaze time looking at the URLs in the search results.We found that searchers are particularly interested in the URL when they are assessing the credibility of a destination. Non seulement propre, mais sémantique et hiérarchique Meta information

Lorenzo Verzini  -  Profile Nice to meet you Feb 2012, Brooklyn NYC - photo by Michael O'Neal My name is Lorenzo Verzini, Italian designer & art director living in London, with more than 9 years of experience. Design has always been my passion and delivering appropriate branding experiences is the base of every project I worked on. I work across different media and platforms, from digital to physical. After 4 years of exciting relationship with the London based design studio Sennep – where I produced a big part of my portfolio projects – I decided to start a new journey as a freelancer. Recently involved on a ginormous project with AllofUs, I’m back to London from NYC and ready to take on board new projects, so if you need any “extra-help” or have interesting projects please get in touch. Awards Webby Awards Winner Corporate Communications Seymourpowell (2009) Finalist Best use of Typography BHF Annual Review (2009) Official Honouree Corporate Communications Bartle Bogle Hegarty (2009) Get in touch

Popcorn Maker 1.0 released – how it works This week Mozilla is in London at the Mozilla Festival 2012. A year ago at last year’s Festival, we released Popcorn.js 1.0, and with it a way for filmmakers, journalists, artists, and bloggers to integrate audio and video into web experiences. Popcorn has since become one of the most popular ways to build time-based media experiences for the web. It has proven to be uniquely powerful for bespoke web demos, films, visualizations, etc. This year, we’ve come to the Mozilla Festival with an even bigger 1.0 release: Popcorn Maker 1.0. Popcorn.js and Popcorn Maker With Popcorn.js, and its plugin ecosystem, we created a tool for developers. At its core, Popcorn Maker is an HTML5 web app for combining web media with images, text, maps, and other dynamic web content. Coming from Butter When we first started we thought we’d create a simple library named Butter, and that Popcorn Maker would be injectable — something you would add to existing web pages, like a toolbar. Using LESS for CSS Repositories

Reverse Büro Popcorn.js | The HTML5 Media Framework 25 Brilliant Dark Websites for Inspiration 25 Brilliant Dark Websites for Inspiration Despite the fact that dark websites are often considered somewhat boring, and unadventurous the websites displayed below show, that this couldn’t be further from the truth. Many designers find the simplicity and minimalist approach rather liberating – it allows them more room by which to experiment with design, without the distraction of too much color. Here are some wonderful examples of Dark websites, from graceful, well-organised, typographic layouts to high-impact, maximum contrast designs. Despite the fact that dark websites are often considered somewhat boring, and unadventurous the websites displayed below show, that this couldn’t be further from the truth. 1. Website 2. 3. 36 Creative 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. iPairs 16. 42 Angels 17. 18. 19. 20. 21. 22. 23. 24. 25. Author Bio : This post is written by Elena who is big fan of design and development and writes for Grafixcrush and recently wrote My Favorite Geisha Related Posts

Mantis: Next-generation Cloud Technology for WebRTC Today we’re proud to announce our latest WebRTC innovation: Mantis, a cloud-scaling infrastructure for our OpenTok on WebRTC platform. This is another big step forward for the TokBox team as we continue to pursue our goal of providing application developers with simple yet powerful APIs. APIs that not only leverage the latest standards to deliver the best possible experience, but that are backed by a scalable, smart cloud which supports interoperability across a variety of end-points. It was just over six months ago that we launched the OpenTok on WebRTC platform. Mantis for OpenTok on WebRTC acts as a central switching station for all the WebRTC streams in the OpenTok cloud. Why should you care about Mantis? 1) It’s scalable… WebRTC inherently uses a peer-to-peer based communication model. In reality, while this is useful, several real-world applications naturally lend themselves to a multi-party use-case: online classrooms, collaboration tools, the list goes on. 2) It’s smart…

30 Ridiculously Cool and Innovative Web Designs You'd Love To Visit With the emergence of newer web technologies such as jQuery, AJAX, CSS3 and HTML5, along with the decrease in bandwidth costs and increase in graphics performance, web designers now have significantly more options available when it comes to creating innovative and interesting web designs to captivate their audience. We’ve gathered up 30 ridiculously cool and innovative web designs that would make visiting and using these websites enjoyable and fun. Whether it’s a sleek design, a clean and modern design, or something nature inspired, you’ll wish all websites had designs that were this cool. Let us know what you think in the comments, and please help share this post! Experimental by tehacesequence Designer’s Webblog by Harm-Less Book Store by downsign Hitman by Princess of Shadows Avalon by WebDesigner1921 Planet NextGen by zaib Map Commission by Zyphid PlanetSwiss by jonaska Sense Design by WebDesigner1921 When He Wasn’t Tumbling Down by Ciitylightss Where the Chubs Live by trenchmaker Ivr by bratn

Easily index your Single Page Application thanks to PhantomJS ¤ Vickev Google provides a way to index your Single Page Application (SPA), built with Angular.js, Backbone.js, or other Javascript framework (ember.js, knockout.js, and others). In this article, we will first see together how it proceeds, the amount of work that the webmaster has to do, and then we will come up with an automatic solution. All along this article, I will introduce tools and examples of this website, vickev.com (which is built with Angular.js and Node.js), to prove the relevance of the method. The magic of Google crawl Google perfectly indexes websites, but without executing any javascript code. However, in the case of SPA, the foundation is based on Javascript. So, Google came up with a solution for developers. If it is not clear (I'm not sure it is, actually), please consult the official guide, which is pretty clear in my opinion. Try it yourself! We can play a little bit with vickev.com. We are going to try to display a previous article about Grunt. lynx '

99 Icon Sets To Use In Commercial Design Projects Today’s blog post we have decided to do a massive collection of 99 icon sets which can each be used within commercial design projects. This compilation was put together simply because of the lack of free icon sets which are available to be used in commercial design projects, what’s the point creating an icon set if its not free to use ? A great blog post of high quality icon sets which is a greate reference to bookmark for future reference. 1. This high quality, hand made, icon pack is full with 9 Extreme Grunge Social Media Garments. 2. 50 Free and Exclusive Twitter Icons The icons are provided in both raster and vector formats: The transparent PNG versions are 256×256, and we have also included Illustrator files so that you can resize the icons as needed. 3. This icon sets download package contains the six icons, and include a choice of eight different sizes: 12px, 16px, 24px, 32px, 64px, 128px, 256px and 512px. 4. 5. 6. 7. 8. 9. 10. 21 folders icons . 11. 12. 14. 15. 16. 17. 18. 19.

Using HTML5 prerendering to speed up a multi-page registration process I recently began using a newish HTML5 feature called prerendering in the Soundslice registration process, and I'm very happy with how it's been working. Prerendering is a way for you (as a web developer) to tell a web page to load (and render!) a second page in the background -- where the second page is one that's highly likely to be visited next. Here's how it works. Prerendering is easy to do: just put a line of markup in Page A's <head>, like so: Note this apparently only works in Google Chrome at the moment, so the benefit is limited to that browser until other browsers implement it. A multi-page form, as in a registration process, is a great use-case for prerendering. (Comparing the benefits of a single-page mega form vs. multi-page smaller forms is a separate discussion. In a multi-page registration process like this, prerendering works great -- as long as the pages don't depend on another. More info on prerendering: Google whitepaper, Ilya Grigorik article, Chris Ruppel article.

Related: