All the clarity and rigor you want from a basic reference source. Five stars.
Read the whole thing though.
Don't ask why I need these, but thank god.
Hi, I am totally going to steal your web design.
Rules are more useful than guidelines, if they're correct. (And I think these are correct, or at least I'm not badass enough to be breaking them.)
The only useful-looking trick in this list of "53 css techniques you can't live without".
ruler
Six Apart gets it. A lot of companies would try to unify TypePad/LiveJournal/Vox to serve nebulous branding objectives. 6A recognizes they're overlapping but separate products that need distinct identities.
Anyway, Vox might be cool. I'm sick of crappy, walled-off social networking sites.
Anyway, Vox might be cool. I'm sick of crappy, walled-off social networking sites.
With collaborative nonsense.
I'm never, ever going to use this, but that's some crazy shit.
Yahoo! Libraries for Web Development
UI Code Library -AJAX-yjavascript
Design Pattern Library - including links to where a pattern is used by Yahoo
(some people seem to think that prototype [documentation] and dojo are better)
see also: Ajax Patterns
UI Code Library -AJAX-yjavascript
Design Pattern Library - including links to where a pattern is used by Yahoo
(some people seem to think that prototype [documentation] and dojo are better)
see also: Ajax Patterns
GTDTiddlyWiki
Source of code & ideas for improvments to my homebrew system - which could be said to be "moving slowly", I prefer to compare it to slow but sure geological processes...
Update: above link is broken, but this works, and the 43folders wiki has a lot of stuff to say.
Source of code & ideas for improvments to my homebrew system - which could be said to be "moving slowly", I prefer to compare it to slow but sure geological processes...
Update: above link is broken, but this works, and the 43folders wiki has a lot of stuff to say.
Phil Gyford: My New Site
Some sick ideas: "pages for individual weblog entries ... [show] relevant contextual information: any photos I took the same day, what I was reading that day, any links I posted, and what music I listened to most that week." Well, obviously! Shit.
Some sick ideas: "pages for individual weblog entries ... [show] relevant contextual information: any photos I took the same day, what I was reading that day, any links I posted, and what music I listened to most that week." Well, obviously! Shit.
Yet Another Javascript Reference
I swear to God, you guys won't recognize this site in six months. It will have, like ... tag storms.
I swear to God, you guys won't recognize this site in six months. It will have, like ... tag storms.
roundup of some PIM-type ajax apps
Am primarily linking this because Backbase and Protopage could be useful templates for what I want to do with this site's UI. (Actually, having looked more closely at them now, perhaps I'll go for something less ... bad.)
Am primarily linking this because Backbase and Protopage could be useful templates for what I want to do with this site's UI. (Actually, having looked more closely at them now, perhaps I'll go for something less ... bad.)
The Come To Me web
"The metaphor and model in the 'I go get' web was navigation and wayfinding. In the 'come to me' web a model based on attraction."
"The metaphor and model in the 'I go get' web was navigation and wayfinding. In the 'come to me' web a model based on attraction."
Subtraction
Khoi Vinh's blog. He's now in charge of designing NYTimes.com; his old company Behavior did the new Onion site.
Khoi Vinh's blog. He's now in charge of designing NYTimes.com; his old company Behavior did the new Onion site.
html/css: in search of the one true layout
A List Apart: Smarter image hotlinking prevention
Need to start administering a few bitchslaps around here.
Need to start administering a few bitchslaps around here.
I'm going to get my flickr photos to show up here like this guy.
the elements of user experience
Us consultants love these one-slide frameworks. Isn't that right, Eric?
Us consultants love these one-slide frameworks. Isn't that right, Eric?
aphex twin discography
In 2020, when I finally redesign this site, I will rip off that page shamelessly.
In 2020, when I finally redesign this site, I will rip off that page shamelessly.
well-designed weblogs
not all
not all
topographic page layout
better than the Turn On Table Borders bookmarklet
better than the Turn On Table Borders bookmarklet
commentblogger bookmarklet
Post comments to other people's blog entries and to your own blog, all at the same time.
Post comments to other people's blog entries and to your own blog, all at the same time.
why tables for layout are stupid
Eventually turns into kind of a step-by-step guide to how web design is really supposed to work.
Eventually turns into kind of a step-by-step guide to how web design is really supposed to work.
a list apart: urls! urls! urls!
IndyJunior
Make a clickable Flash map.
Make a clickable Flash map.
easyRGB color harmonies
Color is a big new scary world for me.
Color is a big new scary world for me.
snapgallery
Hurrah! "snapGallery is a fast, easy way to create a quick web gallery of pictures."
Hurrah! "snapGallery is a fast, easy way to create a quick web gallery of pictures."
User Interface Engineering -- "Seductive Design for Web Sites"
- Give users what they want.
- Give them (ideally related) other suggestions while they're sated and digesting.
css, html
glish.com/css
NN4-compatible XHTML/CSS 3 column layouts ("CSS Enterprise"? We are in deep geek here...)
a list apart: flexible layouts with css positioning
little boxes
glish.com/css
NN4-compatible XHTML/CSS 3 column layouts ("CSS Enterprise"? We are in deep geek here...)
a list apart: flexible layouts with css positioning
little boxes
Man, this page is ugly, huh? Too boxy. Too many dotted lines. I was originally proud of how how no-frills functional it was -- leads your eyes to the right place, an appropriate proportion of space given to the different elements, and that's it. Fuck your little aesthetic delicacies, man, I'm here to get some work done!
Only it's starting to make me physically ill, just looking at it. Given how long it took me to come up with this design, though, I'm guessing it'll be a while before a state of grace is achieved.
Only it's starting to make me physically ill, just looking at it. Given how long it took me to come up with this design, though, I'm guessing it'll be a while before a state of grace is achieved.
ib design pipeline
- ib - make a list of all the places that would need to change for a more automated fields/serialization solution - including re-writing old entries when adding / removing fields - then, add a second timestamp (minor revision)
- rss feed of comments on ib
- when logged in, display private categories
- at end of category list, display "uncategorized" link
- here's an idea about how list UI could work: mouseover near list item bullet, bullet is highlighted and horizontal box pops up, first line excerpt from text, below, buttons: delete, move to top of doc, top of section, bottom of section, mark as done, then a button for each _Section_ (move to that section - maybe left side prepends and right side appends?)
- just switch to Markdown - that or make _bold_ and *italics* work
- switch to flat tagging structure, including, yes, private tags
- email pair support - config apache to include cookie info in logfile?
- i want a two-pane AJAX interface, like Yojimbo, with tags on the left and a list of entries on the right
- should be able to tag tags, so on the left you have the tag you're looking at, a list of tags that are tagged with it, and (maybe) a list of things it's tagged with
- left pane: browse mode (see above), list: by # entries, by mod date...
- smarttext->html happens in javascript _only_. page loads with hidden textarea(s) with entry text, then adds entry html to the DOM tree
- incidentally, add in-page editing to this, and you're close to a situation where every entry is a self-contained file (see TiwyWiki) - add Groove and you now have an offline-capable wiki (assuming the relative links will find their way back to the docs stored in Groove)
- debug expand/collapse on IE
- expand/collapse +/- bullet images
- "views": on a per-entry basis, be able to choose a "view" - module used for editing/viewing, e.g. to-do list view with clicky UI shit and shit
- microcontent-type display
- rate entries: how? slider? stars? hmmm
- checkbox: "this is a category"
- what happens to child entries/categories if parent is no longer a category?
- they just get moved up the hierarchy (ie, they get their former parent's categories)
- what if a category entry is private?
- check vip cookie, if yes, display in italics wherever categories are listed, if no don't display
- what needs to happen for this to occur?
- add checkbox / entry field
- change get_categories()
- display stuff as "category (parent 1, parent 2, ...)"
- what happens to child entries/categories if parent is no longer a category?
- feed builder isn't stripping tags right - leaves alt text from images
- passwordless editing
- every entry has a "last major modified" date and a "last modified" date
- then, implement some sort of version control system: view old versions of an entry, rollback to a version.
- THEN in-place editing (which auto-saves, with no cancel button?)
- cron job on imac to backup ib data code via ftp
- mobile - cookieless login, links to next actions by project (based on first word? up to first dash?) link to single-line new entry box
- timed events/comments (ie, way to postdate a timestamp on a new post)
- comments in single post mode
- mindmap-style editing via ajax or whatever
- nodes are just titles until you open them up
- can default to nodes open or closed
- smart about stuff: eg, pasting a hyperlink on a node makes the node a link
- category nodes are special: just containers for links to other nodes (?????)
- nodes are just titles until you open them up
- this may or may not simplify things: but analysis and synthesis as two separate activities? (ie analysis: trad. outliner/mindmap mode, quick keystrokes to add children/peers; synthesis: re-drawing as a non-hierarchical concept map, marking stuff as categories)
- hey wait a minute, yeah: tags and then playlists on top of those (for like "LA Music") or whatever
- ability to check off items in lists (see basecamp to-do lists)
- script to auto-move Notes with leading "-"s to ibnextactions on phone/Outlook sync?
also see: notes about the PIM i want to build
ok: start with succinct problem definition? maybe even use cases?
- want to add structure to entries (outliner/mindmapper)
- want more rational tagging structure (Music/LA, Other/LA, Music/Events -> Music, Events, LA - but with easy access to intersections: Music LA, Music LA Events)
- want faster, 100% keyboard-based editing etc
why am i resistant to storing work notes in ib?
- concerns about confidentiality
- no search for private entries
- not available offline (ah ha!)
stuff i've done!
fuck it, let's just make titles the first linemake the entry title the html page titlestriphtmlprivate check sets edit screen bkgrnd graysmart lists v1before in-place editing: write changes to _two_ files, ibcurrent.db and ibfull.db. ibcurrent is what gets displayed; old versions of revised entries are cleaned from ibcurrent.db. ibfull has every version of everything.keyboard shortcut to expand/collapse all
youngpup.net
I will learn your "new-school DHTML", Aaron Boodman. Then I will use it to destroy you! (jawdrop)
I will learn your "new-school DHTML", Aaron Boodman. Then I will use it to destroy you! (jawdrop)
Web Nouveau promotes the use of table-less CSS design and lists qualifying weblogs. I understand why table-less design is a good idea from a high-level structure vs content perspective, but I'm not yet convinced from a practicality perspective -- which browsers will this work with? is it really worth the extra effort? Maybe they can convince me.
This is me, too. I've got enough room over there to post a bunch of new sets. It'd be a shame to use the domain name just to host a few mp3s, though, so...maybe I'll play around a bit.
I just got nervous and went to check whether I spelled 'oblique' right. I suppose that eliminates any snottiness I may have had about my vocab-smarts.
I just got nervous and went to check whether I spelled 'oblique' right. I suppose that eliminates any snottiness I may have had about my vocab-smarts.
kaliber10000 is back. Major hub for super-hip web design. Wonder how they'll adapt to a post-sans-serif era.
this is now a test entry
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. (not just pseudo-latin)
A simple perl script to ping weblogs.com to notify them that your blog has changed.
