Vaguery + web-design 87
Usage - GitHub
may 2011 by Vaguery
"Jekyll at its core is a text transformation engine. The concept behind the system is this: you give it text written in your favorite markup language, be that Markdown, Textile, or just plain HTML, and it churns that through a layout or series of layout files. Throughout that process you can tweak how you want the site URLs to look, what data gets displayed on the layout and more. This is all done through strictly editing files, and the web interface is the final product."
Ruby
library
GitHub
web-design
markup
toolkit
may 2011 by Vaguery
Compass Help | Compass Documentation
may 2011 by Vaguery
"Compass is an open-source CSS authoring framework which uses the Sass stylesheet language to make writing stylesheets powerful and easy. If you're not familiar with Sass, you can take a look at these simple tutorials to get caught up."
css
web-design
framework
SASS
Ruby
may 2011 by Vaguery
Bitstream Management Discusses Q1 2011 Results - Earnings Call Transcript - Seeking Alpha
may 2011 by Vaguery
"Now I'll go to the e-commerce MyFonts.com business. MyFonts.com continues to grow, recording its highest quarterly revenue since inception during the first quarter of 2011. First quarter, 2011, MyFonts revenue was up 25% year-over-year. MyFonts revenue growth was driven by new user acquisition and the addition of Webfonts. Over 70,000 new users registered in MyFonts during the first quarter.
As we discussed on the last earnings call, MyFonts introduced Webfonts in January of this year as a way to offer customers a streamlined way to purchase and manage fonts for their websites. Webfonts enabled publishers of Webfonts -- of webpages to use any font just like print media. Before Webfonts, web designers were limited to a certain fonts like Times New Roman and Arial."
web-design
investing
earnings-calls
typography
business-culture
webfonts
As we discussed on the last earnings call, MyFonts introduced Webfonts in January of this year as a way to offer customers a streamlined way to purchase and manage fonts for their websites. Webfonts enabled publishers of Webfonts -- of webpages to use any font just like print media. Before Webfonts, web designers were limited to a certain fonts like Times New Roman and Arial."
may 2011 by Vaguery
Get Mental Notes
may 2011 by Vaguery
"In the midst of a busy project it's all too easy to forget the nuances that distinguish great products. Mental Notes brings together 50 insights from psychology into an easy reference and brainstorming tool. Each card describes one insight into human behavior and suggests ways to apply this to the design of Web sites, Web apps, and software applications."
inspiration
habit
cards
web-design
project-management
via:mitten
may 2011 by Vaguery
Blueprint: A CSS Framework | Spend your time innovating, not replicating
may 2011 by Vaguery
"Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing."
web-applications
web-design
css
framework
Rails
defaults
may 2011 by Vaguery
Isotope
february 2011 by Vaguery
"An exquisite jQuery plugin for magical layouts"
javascript
layout
library
design
web-design
from delicious
february 2011 by Vaguery
Mercury
may 2010 by Vaguery
"Quickly build web application mockups using technology you use every day."
web-design
framework
web-development
software-development
rapid-prototyping
coffeescript
may 2010 by Vaguery
Three Rivers Institute » Blog Archive » Capital-Efficient UI Design
april 2010 by Vaguery
"Yesterday I started using two services, UserTesting.com and fivesecondtest.com, that bring the same capital- and time-efficiency to UI design that open source tools brought to programming. Rather than work extremely hard getting the design right, then failing if you guess wrong, it is now quick and cheap to iterate. Have a crazy idea? Test it. Three alternatives? Test them."
user-experience
testing
web-design
SAAS
user-interface
april 2010 by Vaguery
markupslicer | Slice your HTML/CSS markup into Ruby on Rails templates
april 2010 by Vaguery
"Markupslicer helps slicing your HTML markup into dynamic templates, used in your web applications, blog, etc."
web-design
web2.0
design
templates
april 2010 by Vaguery
Liquid Layouts and Matrix Transposition
april 2010 by Vaguery
"But what if you wanted the data sorted by column, not by row? For this, CSS is inadequate: it’s capable of flowing from left to right, top to bottom."
web-design
plugin
typography
page-layout
matrix
css
april 2010 by Vaguery
Processing.js - UI Dial with Snaps
march 2010 by Vaguery
"So I like to write a lot of music. I have not really released anything for a few years as I have been very busy freelancing in London on various web projects; and my music website was last updated before I started learning JavaScript.
I want to get back into writing music over the next year or two and started to think about how to make my site a little different. One of my ideas was to use a dial styled like an electronic keyboard to control my page through AJAX, so I set about creating the dial you see to your left.
As you can probably see, the dial has lights as point-markers which flash to the Beast Per Minute so when people click on my tunes, I can update the BPM on the UI Dial to add some depth to the user experience."
processing
processing.js
user-interaction
user-interface
control
web-design
tutorial
GUI
web2.0
I want to get back into writing music over the next year or two and started to think about how to make my site a little different. One of my ideas was to use a dial styled like an electronic keyboard to control my page through AJAX, so I set about creating the dial you see to your left.
As you can probably see, the dial has lights as point-markers which flash to the Beast Per Minute so when people click on my tunes, I can update the BPM on the UI Dial to add some depth to the user experience."
march 2010 by Vaguery
Documentation | Spritely
march 2010 by Vaguery
"Spritely is a simple plugin with only two key methods, sprite() and pan() both of which simply animate the background-image css property of an element. The difference between the two is that a 'sprite' image contains two or more 'frames' of animation, whereas a 'pan' image contains a continuous image which pans left or right and then repeats. Typically, in either case, you would use a png file (with or without transparency) for this. You might wish to use a transparent gif for Internet Explorer 6, though it probably won't look as good. Your html elements must already be the correct size you want the sprite to appear, but the background image will typically be larger than the html element, and the spritely methods reposition the background image within the html element."
javascript
html5
animation
web-design
via:jayturley
NO-FLASH
march 2010 by Vaguery
Layouts and Rendering in Rails
february 2010 by Vaguery
"The main body of the view will always render into the unnamed yield. To render content into a named yield, you use the content_for method."
Rails
Ruby
programming
notes
web-design
software-development
february 2010 by Vaguery
28 Rich Data Visualization Tools - InsideRIA
december 2009 by Vaguery
"What makes my job really interesting is that these clients are in different industries and are using different technologies. So we have pulled together a set of 28 tools for creating graphs, Gantt charts, diagrammers, calendars/schedulers, gauges, mapping, pivot tables, OLAP cubes, and sparklines, in Flash, Flex, Ajax or Silverlight."
visualization
web-design
software
libraries
javascript
graphic-design
charts
december 2009 by Vaguery
Typekit Launches its Cloud-Based Web Font Service
november 2009 by Vaguery
"What that means is web designers can get easy access to creative fonts without having to spend the time preparing images or Flash files to render them, ideally resulting in time and cost savings in the design stage. It should also provide a more lightweight experience for your web server, because it won’t have to serve up the comparatively heavyweight image or Flash files to render a variety of design-quality fonts."
fonts
typography
design
graphic-design
web2.0
web-design
november 2009 by Vaguery
Benchmarks: You are Doing it Wrong - plok
october 2009 by Vaguery
"On the outside it might appear that everybody who is not using Tool X is a moron. But speed & latency are only part of the picture. We already established that going from 5ms to 50ms might not even be noticeable by anyone using your product. The expense for speed can be multiple things:..."
profiling
software-development
web-design
web-applications
quality-of-service
latency
benchmarking
october 2009 by Vaguery
Typotheque: Typotheque Web Font Service screencast demo
september 2009 by Vaguery
OLDSTYLE & SMALL CAPS FTW
fonts
typography
web-design
licensing
css
september 2009 by Vaguery
About - cufon - GitHub
may 2009 by Vaguery
"Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. To achieve this ambitious goal the following requirements were set:
No plug-ins required – it can only use features natively supported by the client
Compatibility – it has to work on every major browser on the market
Ease of use – no or near-zero configuration needed for standard use cases
Speed – it has to be fast, even for sufficiently large amounts of text
And now, after nearly a year of planning and research we believe that these requirements have been met."
fonts
web-design
design
programming
alternative
typography
css
javascript
No plug-ins required – it can only use features natively supported by the client
Compatibility – it has to work on every major browser on the market
Ease of use – no or near-zero configuration needed for standard use cases
Speed – it has to be fast, even for sufficiently large amounts of text
And now, after nearly a year of planning and research we believe that these requirements have been met."
may 2009 by Vaguery
Jeffrey Zeldman Presents : Customer service, not Ruby on Rails
may 2009 by Vaguery
"37signals not only constantly fine-tunes their products, they also think about the customer experience even when the customer is leaving.
I find that instructive, educational, and inspiring."
customer-service
business-culture
web-design
courtesy
design
user-experience
best-practices
I find that instructive, educational, and inspiring."
may 2009 by Vaguery
37 Shopping Cart Options for Developers | Vandelay Design Blog
march 2009 by Vaguery
"If you’re building an e-commerce website or adding a small store to an existing website, you have plenty of options to choose from. With so many different options and so much variety from one to another, there is no right or wrong solution, just different choices that may work best for you in different situations."
shopping-carts
ecommerce
web-design
programming
library
third-party-vendors
web2.0
gallery
march 2009 by Vaguery
V2 suggestion on WeGottaEat
february 2009 by Vaguery
I would love to believe that totally ripping off copyrighted material in a design that is <i>available for public use right now</i> isn't a stupid, hamhanded, self-destroying instance of outright copyright infringement and bad design. But I'm not seeing the argument.
design
web-design
infringement
copycats
inspiration-does-not-involve-command-X
february 2009 by Vaguery
Advogato: Blurring of MVC lines: Programming the Web Browser.
december 2008 by Vaguery
"php is the "language of choice" for the majority of web development, and it can be described as "The Visual Basic of Free Software" for very good reasons. Visual Basic gets a poor rap, because it is so easy to write bad code with. It takes years to become properly familiar with and proficient in Visual Basic, and php is no different. By the time a developer is familiar with php's rich and wonderful methods for self-mutilation, their lives have become so degraded that they wish they had never become programmers."
programming
MVC
design-patterns
web-design
applications
architecture
software
web2.0
development
javascript
python
essay
december 2008 by Vaguery
Learning Advanced JavaScript
september 2008 by Vaguery
beautiful interactive test-encompassed lessons
javascript
lesson
tutorial
programming
web2.0
web-design
TDD
september 2008 by Vaguery
Ad Mates
august 2008 by Vaguery
"Suppose you and your friends have a small project each. To increase traffic without spending much money, you could put up ads for each other. This site makes that a snap.
Login, create a group (public or private), and start uploading your ads. Add a link to the ad to your site and you’re done.
Best of all, Ad Mates is free."
advertising
free
web-design
web-applications
programming
social-software
community
Login, create a group (public or private), and start uploading your ads. Add a link to the ad to your site and you’re done.
Best of all, Ad Mates is free."
august 2008 by Vaguery
Home Page
august 2008 by Vaguery
the most inaccessible site I've ever seen; menus are graphics, everything is pale. Crap.
federal-blue-cross
blue-cross
insurance
web-design
bad
bad-design
accessibility
august 2008 by Vaguery
Charlie's Diary: Why your internet experience is slow
june 2008 by Vaguery
If content is king, why is there so little of it on the web?
bloat
web-design
advertising
marketing
signal
noise
metrics
june 2008 by Vaguery
materialsunlimited.com - Welcome
may 2008 by Vaguery
broken in Safari
local
antiques
design
decorative-art
web-design
antipattern
FAIL
may 2008 by Vaguery
SEO Rapping - a thaumaturgical compendium
april 2008 by Vaguery
"...but make sure you use good color combinations..."
search-engines
rap
SEO
web-design
april 2008 by Vaguery
Overlook Press
march 2008 by Vaguery
Can't even spell "Lorem ipsum" right...
lorem-ipsum
web-design
mistakes
woops
march 2008 by Vaguery
Hab.la
february 2008 by Vaguery
Interesting chat interface for interacting with site visitors via standard client apps.
chat
administration
tools
web-design
interactivity
user-experience
support
february 2008 by Vaguery
Zoomify ActionScript API Reference
december 2007 by Vaguery
Considering. But it's //Flash//... :(
Flash
programming
images
web2.0
web-design
tools
utility
december 2007 by Vaguery
Matt Hampel | matth.org / Wikify the CSS?
november 2007 by Vaguery
Interestingly meta.
CSS
wiki
pageoftext
collaboration
web-design
november 2007 by Vaguery
Vacuum - Edward Vielmetti in Ann Arbor, Michigan 48104: Duncan Watts, Emanuel Rosen on building buzz
may 2007 by Vaguery
Exploration vs. exploitation in social networks. Contingent on goals, frankly.
marketing
web-design
networks
small-world
viral
advertising
campaign
social-networks
may 2007 by Vaguery
A Mootools Tutorial :: The "Mootorial" » Clientside Examples & Tutorials » Clientside
april 2007 by Vaguery
Impressive hands-on demo of Mootools Javascript libraries.
learning-by-doing
web-design
web2.0
ajax
programming
mootools
april 2007 by Vaguery
MacRabbit - CSSEdit - Screenshots
april 2007 by Vaguery
Just considering it. Might be good; might not.
design
css
web-design
MacOS
applications
software
commercial
april 2007 by Vaguery
LMNL: the Layered Markup and Annotation Language
april 2007 by Vaguery
Layers can overlap. Via Doug Knox at the Newberry Library.
markup
theoretical
computer-science
documents
programming
text
XML
annotation
language
structure
hypertext
design
web-design
april 2007 by Vaguery
The Last Podcast: There seems to be this general idea that kids in college are at the forefront when it comes to technology. I say: BS. Most of my students can hardly get a photo off their digital camera. They don’t know how to use their computers beyon
april 2007 by Vaguery
On the other hand, I kinda know what MySpace is, and I closed my Facebook account because I was sortof scared it would oblige me to "like" people or something....
generation-gap
demographics
cultural-norms
social-norms
web-design
web2.0
lifestyle
youth-culture
geeks
april 2007 by Vaguery
The Future of Online Dialog
april 2007 by Vaguery
Social collaboration and design systems
web-design
community
collaboration
information-architecture
institutional-design
wiki
blogging
april 2007 by Vaguery
XML/SWF Gauge > Introduction
april 2007 by Vaguery
Cool Flash animated gauges for Web design
visualization
Flash
dynamic
programming
web-design
data
charts
development
april 2007 by Vaguery
related tags
103bees ⊕ acceptance-testing ⊕ accessibility ⊕ actual ⊕ administration ⊕ advertising ⊕ advice ⊕ agility ⊕ ajax ⊕ alternative ⊕ Amazon ⊕ analysis ⊕ analytics ⊕ animation ⊕ annotation ⊕ anthropology ⊕ antipattern ⊕ antipatterns ⊕ antiques ⊕ Apple ⊕ applications ⊕ architecture ⊕ archive ⊕ bad ⊕ bad-design ⊕ banner-ads ⊕ benchmarking ⊕ best-practices ⊕ bloat ⊕ blog ⊕ blogging ⊕ blue-cross ⊕ bookphile ⊕ branding ⊕ broken ⊕ browsers ⊕ business-culture ⊕ business-plan ⊕ campaign ⊕ cards ⊕ charts ⊕ chat ⊕ coffeescript ⊕ collaboration ⊕ comix ⊕ commercial ⊕ communication ⊕ community ⊕ computer-science ⊕ content ⊕ control ⊕ copycats ⊕ courtesy ⊕ cross-browser-testing ⊕ css ⊕ cultural-norms ⊕ customer-service ⊕ data ⊕ decorative-art ⊕ defaults ⊕ demographics ⊕ design ⊕ design-patterns ⊕ development ⊕ DHTML ⊕ diagrams ⊕ digital ⊕ digitization ⊕ display ⊕ django ⊕ documents ⊕ dynamic ⊕ earnings-calls ⊕ eBay ⊕ ecommerce ⊕ economics ⊕ edit-in-place ⊕ empirical ⊕ engagement ⊕ engineering ⊕ entrepreneurs ⊕ essay ⊕ ethics ⊕ eye-tracking ⊕ Facebook ⊕ FAIL ⊕ features ⊕ federal-blue-cross ⊕ Flash ⊕ fonts ⊕ framework ⊕ Frank-Miller ⊕ free ⊕ gallery ⊕ geeks ⊕ generation-gap ⊕ GitHub ⊕ Google ⊕ graphic-design ⊕ graphics ⊕ graphs ⊕ GUI ⊕ habit ⊕ hack ⊕ hacks ⊕ heatmaps ⊕ hints ⊕ html ⊕ html5 ⊕ http ⊕ humor ⊕ hypertext ⊕ illustration ⊕ image-editing ⊕ imagemagick ⊕ images ⊕ information-architecture ⊕ information-graphics ⊕ infrastructure ⊕ infringement ⊕ inline ⊕ inspiration ⊕ inspiration-does-not-involve-command-X ⊕ institutional-design ⊕ instructions ⊕ insurance ⊕ integration-testing ⊕ interactive ⊕ interactivity ⊕ interface ⊕ investing ⊕ iPgibw ⊕ iPhone ⊕ javascript ⊕ knowledge ⊕ language ⊕ latency ⊕ layout ⊕ learning-by-doing ⊕ learning-from-data ⊕ lesson ⊕ libraries ⊕ library ⊕ library2.0 ⊕ licensing ⊕ lifestyle ⊕ lighttpd ⊕ local ⊕ lorem-ipsum ⊕ MacOS ⊕ management ⊕ MarkDown ⊕ marketing ⊕ markup ⊕ matrix ⊕ media ⊕ metrics ⊕ mistakes ⊕ mootools ⊕ MVC ⊕ networking ⊕ networks ⊕ NO-FLASH ⊕ noise ⊕ notes ⊕ open-source ⊕ optimization ⊕ page-layout ⊕ pageoftext ⊕ performance ⊕ personal ⊕ personal-brand ⊕ PHP ⊕ plugin ⊕ presentation ⊕ printing ⊕ Privacy ⊕ processing ⊕ processing.js ⊕ production ⊕ profiling ⊕ programming ⊕ project-management ⊕ promotion ⊕ publishing ⊕ python ⊕ quality ⊕ quality-of-service ⊕ R ⊕ rails ⊕ rap ⊕ RApache ⊕ rapid-prototyping ⊕ RDF ⊕ redesign ⊕ reference ⊕ research ⊕ REST ⊕ retro ⊕ rollout ⊕ RSS ⊕ Ruby ⊕ RubyonRails ⊕ SAAS ⊕ safari ⊕ SASS ⊕ scalability ⊕ scripting ⊕ search-engines ⊕ SEO ⊕ server ⊕ shopping-carts ⊕ signal ⊕ small-world ⊕ social-engineering ⊕ social-media ⊕ social-networks ⊕ social-norms ⊕ social-software ⊕ sociology ⊕ software ⊕ software-development ⊕ standards ⊕ statistics ⊕ stereotypes ⊕ structure ⊕ stylesheets ⊕ support ⊕ swf ⊕ syndication ⊕ system-administration ⊕ tables ⊕ TDD ⊕ templates ⊕ testing ⊕ text ⊕ theoretical ⊕ third-party-vendors ⊕ thumbnails ⊕ time-series ⊕ timeline ⊕ tool ⊕ toolkit ⊕ tools ⊕ tutorial ⊕ twitter ⊕ typeface ⊕ typography ⊕ usability ⊕ user-experience ⊕ user-interaction ⊕ user-interface ⊕ utility ⊕ via:arsyed ⊕ via:coilhouse ⊕ via:deusx ⊕ via:hrheingold ⊕ via:jayturley ⊕ via:kleverson ⊕ via:logista ⊕ via:mark.larios ⊕ via:mitten ⊕ via:nelson ⊕ via:patadave ⊕ via:slaniel ⊕ via:spangledrongo ⊕ via:tsuomela ⊕ via:vielmetti ⊕ viral ⊕ visualization ⊕ walled-gardens ⊕ web ⊕ web-applications ⊕ web-design ⊖ web-development ⊕ web-server ⊕ web2 ⊕ web2.0 ⊕ webfonts ⊕ wiki ⊕ wikis ⊕ woops ⊕ wordpress ⊕ writing ⊕ XML ⊕ youth-culture ⊕Copy this bookmark: