recentpopularlog in

rtopitt : interface   80

Tabler - Admin panel made simple
Premium and Open Source dashboard template with responsive and high quality UI. For Free!
dashboard  bootstrap  css  webdesign  html  download  grátis  interface  reference 
april 2018 by rtopitt
Create beautiful Javascript charts with one line of Ruby. Also available in Python and pure JavaScript.
ruby  gráfico  estatística  gem  interface  html  javascript 
march 2015 by rtopitt
GreenOnion | UI testing/diffing tool
GreenOnion records 'skins', which are snapshots of the current state of a view (or any page that a browser can navigate to). The first time that it is run on a view, it saves the skin; the second time that it is run, it will compare the first skin to the fresh (new) skin. You can either compare with a diff image that is automatically created, or by an outputted percentage of difference.
ruby  rspec  tdd  bdd  interface  ui  diff  gem  comparação 
march 2015 by rtopitt
The God Login
How would God build this login dialog? The answer is, of course, God wouldn't bother to build a login dialog at all. Every user would already be logged into GodApp the second they loaded the page because God knows who they are. Authoritatively, even.

This is obviously impossible for us, because God isn't one of our investors.

But.. how close can we get to the perfect godlike login experience in Discourse? That's a noble and worthy goal.
design  ux  login  form  webdesign  fluxo  interface  tip  top10  boa_prática  padrão  inspiração  reference 
january 2015 by rtopitt
Bootstrap Material
Material Design for Bootstrap is a theme for Bootstrap 3 which let you use the new Google Material Design in your favourite front-end framework.
css  design  theme  bootstrap  twitter  google  webdesign  framework  interface 
september 2014 by rtopitt
React | A JavaScript library for building user interfaces
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
framework  javascript  ui  webdesign  biblioteca  mvc  facebook  software_livre  interface 
july 2014 by rtopitt
A Good User Interface has high conversion rates and is easy to use. In other words, it's nice to both the business side as well as the people using it. Here is a running idea list, which we try on projects. Looks like you have 45 unread ideas.
design  webdesign  ui  ux  interface  tip  top10  html 
june 2014 by rtopitt
Interactive Game of Thrones Map with Spoilers Control
Mapa interativo de A Song of Ice and Fire, com Westeros, Essos e etc, e sistema anti-spoilers
mapa  asoiaf  game_of_thrones  westeros  interativo  interface  spoiler  livro  geek  series 
april 2014 by rtopitt
Introduction | Semantic UI
Semantic UI 0.14.0
UI is the vocabulary of the web.

Semantic empowers designers and developers by creating a language for sharing UI.
framework  css  webdesign  interface  design 
march 2014 by rtopitt
The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
javascript  jquery  plugin  data  hora  campo  html  webdesign  responsive  mobile  interface 
february 2014 by rtopitt
A Good User Interface has high conversion rates and is easy to use. In other words, it's nice to both the business side as well as the people using it. Here is a running idea list, which
we try on projects.
design  webdesign  ui  ux  interface  conversão  saas  boa_prática  reference  tip 
february 2014 by rtopitt
Watchface Generator for Pebble - by Paul Rode
Webapp geradora de interfaces (caras de relógio) para Pebble
pebble  relógio  gerador  webapp  interface  hora  geek  utilidade  programming 
july 2013 by rtopitt
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
javascript  jquery  plugin  select  autocomplete  webdesign  interface  html 
june 2013 by rtopitt
A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you'll get a placeholder.
placeholder  webdesign  imagem  lorem_ipsum  webapp  hahaha  desenvolvimento  teste  interface  service 
june 2013 by rtopitt
10 tips for designing localised interfaces | Feature | .net magazine
Things don't always turn out well when web copy is translated. Joey Rabbitt outlines some measures you can take to ensure there's a smooth transition when your site is adjusted for different audiences
i18n  interface  design  webdesign  l10n  css  top10  localização  internacionalização  tip  translation 
june 2013 by rtopitt
Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use.
TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines and is available in 40 languages.
javascript  timeline  json  inspiração  linha  tempo  lifestream  interface  webdesign  biblioteca 
may 2013 by rtopitt
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
javascript  jquery  plugin  select  autocomplete  webdesign  interface  html 
may 2013 by rtopitt
If you're designing a website or app, these simple templates are designed to help you sketch your ideas on paper. Download a template. Print it out. Start sketching! You can print in colour or black-and-white; on laser or inkjet printer. All templates are in PDF (portable document format). Some of the templates contain a grid of dots to help with alignment when you sketch. These dots do not represent the pixel dimensions of the device or browser.
design  ipad  iphone  pdf  ui  interface  wireframe  desenho  impressão  grátis  tablet  celular  webdesign  navegador 
october 2012 by rtopitt
47 Mind-Blowing Psychological Facts You Should Know About Yourself - Business Insider
I’ve decided to start a series called 100 Things You Should Know about People. As in: 100 things you should know if you are going to design an effective and persuasive website, web application or software application.
psicologia  top10  lista  cérebro  pesquisa  interface  interessante  perspectiva  mito  inspiração  design  ux  ui  science 
september 2012 by rtopitt
XOXCO - Is it time for password-less login?
I think an even better solution would be to remove the password completely, allowing users to login with only an email address. Each time a user needs to login, they enter their email address and receive a login link via email.
inspiração  email  login  senha  idéia  webapp  identidade  interface  security  programming 
september 2012 by rtopitt
Quick Introduction to Moqups - Moqups
Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes
depending on how you like to call them.
mockup  wireframe  interface  webapp  design  webdesign  grátis  protótipo  ui 
august 2012 by rtopitt
Active Admin | The administration framework for Ruby on Rails
Active Admin is a Ruby on Rails plugin for generating administration style interfaces. It abstracts common business application patterns to make it simple for developers to implement beautiful and elegant interfaces with very little effort.
ruby  rails  admin  interface  engine  plugin 
april 2012 by rtopitt
This pattern library is dedicated to Dark Patterns: user interfaces that have been designed to trick users into doing things they wouldn’t otherwise have done.
boa_prática  má_prática  webdesign  interface  sacanagem  security 
september 2010 by rtopitt
10 Usability Tips Based on Research Studies
This article discusses usability findings of research results such as eye-tracking studies, reports, analytics, and usability surveys pertaining to website usability and improvements. You’ll discover that many of these usability tips will be common sense but are further supported with numbers; however, some might surprise you and change your outlook on your current design processes.
usabilidade  webdesign  importante  top10  pesquisa  seo  melhores_práticas  boa_prática  interface  science  tip 
september 2010 by rtopitt
38 jQuery And CSS Drop Down Multi Level Menu Solutions
Here you’ll find 38 mainly jquery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well.
javascript  jquery  css  webdesign  menu  drop-down  top10  navegação  formulário  twitter  vimeo  login  inspiração  plugin  interface  tip 
september 2010 by rtopitt
DroidDraw : Graphical User Interface Editor for Android Cell Phone Development and Programming
This tool was written to make my Java programming life easier. It can be used to build graphical user interfaces for the Android cell phone platform. I hope you find it useful for whatever Android/Java cell phone software development projects you have planned!
android  design  interface  java  ui  celular  wysiwyg  ferramenta 
september 2010 by rtopitt
Backup your Linux machine the smart way | Linux User
Intelligent backup of your Linux machine’s valuable data doesn’t have to be complicated. Linux User & Developer’s Sukrit Dhandhania shows you quite how easy and effective rsync tool-based luckyBackup can make the process…
linux  backup  ubuntu  gnome  rsync  how-to  gui  interface  importante 
august 2010 by rtopitt
Yahoo! Design Pattern Library
This library shares user interface patterns with the web design and development community. We've got 59 patterns today and more on the way, and we welcome your feedback.
yahoo  boa_prática  webdesign  padrão  importante  lista  interface  reference  tip 
august 2010 by rtopitt
Marijuana Strain Reviews and Guide -
With so many different choices out there will help you make the best ones. We provide a great way to find and discover new medical marijuana strains and top cannabis varieties, create strain ratings and reviews, and track favorites in a personal journal -- all within a discreet environment.
maconha  webapp  webdesign  web2.0  inspiração  avaliação  review  social  game_mechanics  interface 
august 2010 by rtopitt
Github File Finder
Really cool project. Allows you to browse github projects all in the browser. No need to clone. Slick.
git  github  arquivo  navegador  projeto  software_livre  ferramenta  geek  interface  webapp  bookmarklet 
august 2010 by rtopitt
Loadig | Plugins | jQuery Plugins
Provides trivially easy way to notify users that a request is being loaded and processed in the background, so that they know their action was received and the page has not frozen. Just toggle the message (or image or any element) on or off with $.loading() or $('#foo').loading(). The plugin handles creation and positioning and "pulsing" of the message for you. It also provides a 'mask' option to block the UI (at the call level) while the loading message (or image or any element) is running. You can tell it to automatically toggle on ajaxStart/ajaxStop with the 'onAjax' option. You can tell it to automatically terminate after a specified time with the 'max' option. You can tell it to only show if the loading takes longer than a specified time with the 'delay' option. And so on... Think of this as a cleaner, more user-friendly $.blockUI, where the blocking part is optional.
jquery  plugin  ajax  carregando  mensagem  ui  interface  importante  webdesign 
june 2010 by rtopitt
10 Useful Web Application Interface Techniques - Smashing Magazine
Below you’ll find a collection of 10 useful interface design techniques and best practices used in many successful web-applications.
top10  interface  webdesign  webapp  importante  melhores_práticas  html  css 
may 2010 by rtopitt
Website Usability Testing Service - Feedback Army
Start a usability test for your site in two minutes. Submit questions about your site and receive 10 responses from our reviewers. The cost is $15.
teste  usabilidade  e-commerce  importante  web2.0  crowdsourcing  interface  webdesign  barato  relatório  analysis  service  user 
may 2010 by rtopitt
Low cost usability testing -
The fastest, cheapest way to find out why users leave your website.
teste  usabilidade  e-commerce  importante  web2.0  crowdsourcing  interface  webdesign  analysis  service  video 
may 2010 by rtopitt
Recipe: Ajax searching and filtering - GIANT ROBOTS SMASHING INTO OTHER GIANT ROBOTS
Exemplo de interface de busca ajax simples & avançada em Rails usando jQuery e Searchlogic.
busca  ajax  searchlogic  rails  how-to  screencast  inspiração  importante  interface  cucumber  jquery  ruby  tip 
may 2010 by rtopitt
ThemeForest - WordPress Themes, HTML Templates
ThemeForest is an Envato Marketplace. At ThemeForest you can buy and sell HTML templates as well as themes for popular CMS products like WordPress, Joomla and Drupal with prices ranging from just $5 up to $40. Items are priced on the complexity, quality and use of the file. The site is home to a bustling community of web designers and developers and is the biggest marketplace of its kind.
webdesign  template  modelo  css  html  psd  photoshop  e-commerce  compra  wishlist  inspiração  cms  interface  admin 
may 2010 by rtopitt
CSS Speech Bubble · David DeSandro
Speech bubble icons have become synonymous with comments. When creating yet another one for a standard comment link, it occurred to me that there might be a way to make the icon without ever opening up an image editor. It could all be done with CSS. After all, a word bubble is only two shapes a rounded rectangle and a triangle. For it to work, I just needed to add a couple tags inside the comment link.
css  webdesign  bolha  comentário  interface  icon 
may 2010 by rtopitt
ZURB – Super Awesome Buttons with CSS3 and RGBA
One of our favorite things about CSS3 is the addition of RGBA, a color mode that adds alpha-blending to your favorite CSS properties. We've kicked the tires on it a bit with our own projects and have found that it helps streamline our CSS and makes scaling things like buttons very easy. To show you how, we've cooked up an example with some super awesome, scalable buttons.
css  webdesign  how-to  botão  html  css3  interface  formulário 
april 2010 by rtopitt
QSynergy --
QSynergy is a comprehensive and easy to use graphical front end for Synergy. Synergy lets a user control more than one computer with a single mouse and keyboard (and has lots and lots of extra features on top of that). Synergy itself only comes with a GUI for MS Windows. QSynergy was written to fill the gap for users on Mac and Unix platforms. Of course, it runs on MS Windows as well.
gui  kvm  linux  windows  mac_os_x  software_livre  desktop  remoto  múltiplo  importante  interface 
april 2010 by rtopitt
UKI — Simple UI Kit for complex web apps
Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.
javascript  framework  interface  gui  ajax  layout  ui  desktop 
april 2010 by rtopitt
Jquery Full Calendar with Rails | Vinsol
“FullCalendar” provides a full-sized, drag & drop calendar. I decided to give it a try and utilize its hooks for user triggered events within our Rails application. This small effort resulted in a barebone Rails app that might provide a good base for your project which require calendar, scheduling or appointment features. I called it fullcalendar_rails and it is now available on github with a working demo.
ajax  javascript  jquery  plugin  rails  github  calendário  how-to  interface  importante  redmine  data 
april 2010 by rtopitt
FullCalendar - Full-sized Calendar jQuery Plugin
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event).
ajax  javascript  jquery  plugin  webdesign  calendário  importante  interface  redmine  callback  data 
april 2010 by rtopitt
Coding Horror Blog
I needed a way to keep track of software development over time -- whatever I am thinking about or working on. I research things I find interesting, then document my research with a public blog post, which I can easily find and refer to later. Hopefully other people will find these posts helpful, relevant, or interesting. I firmly believe that blogs are a two way conversation, so I welcome email and comments -- as long as they're on topic, more or less.
blog  importante  desenvolvimento  design  interface  webdesign  geek  programming 
march 2010 by rtopitt
MockFlow: Free online Wireframe Tool (with OfflineSync) for Software and Websites
Design and collaborate (in real-time) user interface mockups for your software and websites.
wireframe  mock  interface  design  webdesign  webapp  online  ui  colaboração  mockup  importante 
march 2010 by rtopitt
The Big Pictr - Photos from flickr in the style of The Big Picture
The Big Pictr lets you view and share photos in the style of The Big Picture,'s excellent photo blog. Use the search form or bookmarklet to find a collection of photos you like, and share the permalink with your friends and family. Or publish it to The Big Pictr front page for all the world to see.
web2.0  flickr  webapp  big_picture  inspiração  url  interface  mashup  photo  photography  gallery 
february 2010 by rtopitt
Active Record Query Interface 3.0 - has_many :bugs, :through => :rails:
I’ve been working on revamping the Active Record query interface for the last few weeks ( while taking some time off in India from consulting work, before joining 37signals ), building on top of Emilio’s GSOC project of integrating ARel and ActiveRecord. So here’s an overview of how things are going to work in Rails 3.
rails  api  active_record  interface  orm  query  importante  ruby  3.0  3.1  3.2  sql  deprecated  mudança  programming 
january 2010 by rtopitt
That's where ffffl*ckr comes in. Use it to find the photography you like using the simple idea that people whose work you like, probably like stuff you'll like. You start with a set of pictures - if you authenticate, it'll use 20 of your last 100 favorites - otherwise it'll start with somebody's favorites. Click any picture to load more. Don't like what that person likes? Scroll back and click a different picture you like. It's that simple.
flickr  interface  favorito  inspiração  api  webapp  mashup  busca  photo  photography  gallery 
january 2010 by rtopitt
jQTouch — jQuery plugin for mobile web development
A jQuery plugin for mobile web development on the iPhone,
iPod Touch, and other forward-thinking devices. Features (Now Beta 2!): Easy Setup · Native WebKit Animations · Image Preloading · Callback Events · Flexible Themes · MIT Licensed · Swipe Detection · Extensions
jquery  android  iphone  design  interface  framework  webdesign  plugin  webkit  javascript  celular  biblioteca  importante 
january 2010 by rtopitt
Writing Microcopy - Bokardo
The fastest way to improve your interface is to improve your copy-writing.
webdesign  texto  cópia  redação  how-to  importante  interface  usabilidade  marketing  tip 
december 2009 by rtopitt
RubyGSL is a ruby interface to the GSL (GNU Scientific Library), for numerical computing with Ruby.
ruby  gnu  gem  biblioteca  estatística  matemática  gsl  interface  programming 
november 2009 by rtopitt
Portfolio de firma de design de interiores japonesa com interface maneiríssima
interface  flash  design  interior  3d  inspiração  portfolio 
october 2009 by rtopitt - User Interface Design Pattern Library
It has long been common practice to use recurring solutions to solve common problems. Such solutions are called design patterns; standard reference points for the experienced user interface designer. This website seeks to better the situation for the UI designer, who struggles with the same problems as many other UI designers have struggled with before him.
webapp  webdesign  boa_prática  design  gui  css  html  inspiração  interface  tip 
july 2009 by rtopitt
jQuery UI - Home
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.
jquery  plugin  ui  interface  efeito  webdesign  importante  framework  biblioteca  javascript 
june 2009 by rtopitt
jQuery TOOLS - The missing UI library for the Web
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb
jquery  plugin  javascript  biblioteca  webdesign  interface  ajax  framework  lightbox 
june 2009 by rtopitt
Glade User Interface Builder
Glade is a RAD tool to enable quick & easy development of user interfaces for the GTK+ toolkit and the GNOME desktop environment, released under the GNU GPL License.
gnome  glade  gtk  interface  desktop  rad  ide  programming 
june 2009 by rtopitt
Alertbox: Jakob Nielsen's Newsletter on Web Usability
Bi-weekly column by Dr. Jakob Nielsen, principal, Nielsen Norman Group.
webdesign  importante  usabilidade  internet  interface  design  html  view  marketing  seo  artigo  tip 
june 2009 by rtopitt
TankEngine (Rails Plugin for the iPhone) [Pathfinder Development]
TankEngine is a plugin for developing web applications optimized for the iPhone look and feel. It is based on earlier work using iUI, but has a brand-new JavaScript ending based on jQuery, and is a more flexible tool than iUI
iphone  plugin  rails  webdesign  javascript  css  jquery  interface 
june 2009 by rtopitt
Slash Dot Dash » Blog Archive » iPhone on Rails - Creating an iPhone optimised version of your Rails site using iUI and Rails 2
After upgrading to Rails 2 I thought I’d make use of some of the new features and attempt to create an iPhone version of the site.
With Rails 2 you can create a mime type specifically for the iPhone and then use that format in a respond_to block (along with views such as index.iphone.erb).
rails  iphone  webdesign  how-to  iui  javascript  css  interface 
june 2009 by rtopitt
iUI: iPhone User Interface Framework - Google Code
iUI is a framework consisting of a JavaScript library, CSS, and images for developing iPhone webapps.
iphone  framework  javascript  css  webapp  interface  webdesign 
june 2009 by rtopitt
gwt-on-rails - Google Code
GWT on Rails integrates GWT client side compiled JavaScript development with Rails REST web services by providing four things: A GWT client generator; A GWT model generator; An ActiveRecord extension to keep GWT models in sync with ActiveRecord models and migrations; The GWT-REST module.
gwt  google  framework  rails  integração  javascript  view  interface  programming 
june 2009 by rtopitt
iPhone Mockup
Click on "Illustration" or "Pencil" to create a new iPhone Mockup in either style.
iphone  design  interface  webapp  protótipo  desenho  ferramenta 
may 2009 by rtopitt
Collection: [Design Solutions]
Coleção de screenshots de vários tipos de interfaces (web principalmente)
coleção  design  flickr  inspiração  interface  top10  usabilidade  webdesign  gallery 
may 2009 by rtopitt
Seek or Show: Two Design Paradigms for Lots of Data « Theresaneil’s Weblog
Here are two design paradigms for handling large amounts of data, not to be confused (or combined) as web design meets desktop in rich Internet applications. This would seem self explanatory, except that the Seek (Search) paradigm is typically used in web
artigo  busca  comparação  design  gui  importante  interface  padrão  view  webdesign  analysis 
may 2009 by rtopitt
The Ultra Rich Search Experience « Theresaneil’s Weblog
Ajax, Flex and Laszlo have provided us with away to replace the effort intensive, page based search with a simple, more responsive user interface. Why should we move away from the traditional search design? Because it is inefficient, cumbersome, and desig
ajax  artigo  busca  design  gui  importante  interface  padrão  webdesign 
may 2009 by rtopitt
iphone-universal - Google Code
This toolkit has lot of well coded, standarized HTML, CSS3 based, iPhone UI examples. Every example was made aiming to get the same pixel quality look of the standard iPhone compiled apps. You will find examples of normal lists, forms, and other UI godnes
css  gpl3  html  interface  iphone  software_livre  webdesign 
may 2009 by rtopitt
James on Software: Introducing has_browser: Parameterized browse interfaces for your AR models.
Pretty soon after starting to use has_finder, I needed to write a browse interface. That is, given a set of parameters, return all the models that match. With has_finder, it is possible to compartmentalize those parameters in to small chunks, each with na
active_record  browse  interface  model  plugin  rails 
may 2009 by rtopitt :: What can you do with a second Ethernet port?
Purchase a new PC or motherboard soon, and the chances are good that it will come with two built-in network interfaces but what exactly are you supposed to do with it? If you are running Linux, you have several alternatives.
artigo  ethernet  geek  how-to  interface  linux  network  tip 
may 2009 by rtopitt
Devthought - Guillermo Rauch’s Blog » TextboxList meets Autocompletion
Como criar um elemento de formulário javascript com vários autocompletes simultâneos, como no Facebook
autocomplete  download  html  interface  javascript  webdesign  tip 
may 2009 by rtopitt
Proto!MultiSelect v0.2 | InteRiders
This is the Prototype version of the extended script by Guillermo Rauch. Mesma coisa do anterior, mas usando prototype como base.
autocomplete  download  html  interface  javascript  prototype  webdesign  tip 
may 2009 by rtopitt
60 More AJAX- and Javascript Solutions For Professional Coding | Developer's Toolbox | Smashing Magazine
Lista de 60 pedaços de código úteis para interfaces inovadoras em webdesign, a maioria com algum funcionamento Ajax assossiado
ajax  css  download  grátis  html  interface  javascript  top10  webdesign  compilation  tip 
may 2009 by rtopitt
caboose Flag this content as inappropriate
Idéias para sistema de reportagem de material ofensivo em aplicações web, e para o gerenciamento dos itens reportados
idéia  interface  ofensivo  rails  spam  webapp 
may 2009 by rtopitt
Interaction Design Pattern Library -
Diversos padrões de interface de sistemas com o usuário documentados e explicados, MUITO IMPORTANTE
design  formulário  gui  html  interface  padrão  ui  webapp  webdesign  compilation 
may 2009 by rtopitt
YouTube - Bumptop Prototype
Interface interessante para manejo de documentos no computador, com física real
3d  geek  interface  video 
may 2009 by rtopitt
jQuery: JavaScript Library
Biblioteca javascript para facilitar uso do mesmo e criação de sites. Alternativa mais leve ao Prototype. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
framework  javascript  webapp  webdesign  jquery  interface  importante 
may 2009 by rtopitt

Copy this bookmark:

to read