css
CSS Naked Day
http://naked.dustindiaz.com/
A CSS naked day is held on April 9th to strip the css off your site. a cool idea, check it out!
Round Corners
I just did some research on how to make round corners.
Here is an example of how they use it , here .
live neon, encore 1.
As before, you can find NGCT here. The posts and metadata are all “live” now (and everything else, really - except for the “archive” drop down).
live neon.
The pre-remedial, extra-basic version of my page is up and running from WordPress here. Not everything is using live PHP code, but the page is a header/body/footer theme with the first post using live information from a WP post (header, tags, body, date are all “real”).
contribution options
Perl. This site isn’t terrible, and degrades well enough without CSS enabled, but it still uses tables for layout and is built for the tiniest of resolutions. I think updating the underlying code (no tables), fixing some of their type, wrapping the page content in a centered container and making the whole site even 100 px wider would help. I doubt they’re going to change the camel. Of these three possibilities, I’m leaning toward this.
Apache. I think the problem with a lot of open source sites is that they embrace “default” styling (blue underlined links, bulleted lists, white background), probably to show how “geek” they are. Apache’s main page is a good example of this, but some of the sub-projects are pretty decent. It’d be interesting, and probably beyond the scope of what could be accomplished in this class, to apply one identity across all of the apache sub-projects. Realistically though, updating the main Apache page or one of the more horrible sub-project pages would be a possibility.
Linux. Here’s another gem. This page is littered with mid-90s web weirdness. Where are these colors coming from? Check out the random centering and mixed bold/serif/sans. The possibility of getting them to change it is slim to none, but… maybe.
NGCT v1
Update: javascript menu is working now (tiny and idiotic oversight on my part)
Update2: post copy is smaller now (seemed huge after not looking at it for a couple of days)
my bl*g design.
Here they are, with grid and without.
Update:
I’ve also added a links/image mockup.
Update 2:
This would be a blog about art and technology, targeting the sort of people who read Make or BoingBoing (or Wired Magazine in the early 90s), but also ArtForum, Metropolis, Frame and the like. People who are interested in things like this and this and this and this and this and this and this, who are equally comfortable geeking out at an Uta Barth opening or a digital workflow presentation. The purpose would be to group notes/ideas/events on these related interests in one convenient place. I am planning to create the menu drop-downs with Javascript (still working that out though).
Here are a few themes to consider. The people making these are sort of hilarious - they clearly know CSS quite well, but have almost zero typographic sense. I thought these three were interesting more from a grid/layout perspective.
Feedback/class comments: avatar as real image [fixed], resolve tags in header [removed], date/tags per post seem “detached” [added color to unify with post heads and blog title bar], fix quoted text [fixed], make bullets appear as such [fixed]
Brief: Finish the tutorial, start thinking of a blog
Hi Class.
Next week I will unfortunately not be with you, I will be replaced by Michael Mandibeg, a new media artist, design educator and web developer who will be introducing you to the behind the scenes of WordPress.
We will give our tutorial another week so we can feel good about moving to the next assignment and knowing we have learned some CSS while we were at it. We will also setup our hosting plan and install Wordpress. And we’ll also start research towards our final project involving infiltrating a real open source project and giving our Graphic Eye for the Open Source Guy.
So:
- If you still need to, finish your tutorial CSS layout. Use the Blueprint mailinglist and our mailing list to bounce ideas instead of slamming your head agains the keyboard.
- Choose the theme for your Wordpress theme:
- What kind of blog is it? (if it’s even a blog…)
- Who is it for?
- What are the functions it should fulfill?
- Pick three inspiration sources one for content, one for structure and one for presentation.
- Go theme hunting through the thousands of free-software themes out there on the internet. Post three of them to our blog in the form of a thumbnail + a links to the theme page.
- Install the The latest Wordpress release on your site:
- Follow the one click install id you’re on any of these (and others) that provide it.
- Or the step by step 5 minute install tutorial on Wordpress.org or the visual tutorial over here.
- Next week Michael will show you around the nuts and bolts of Wordpress, so make sure you’re prepared.
- Start searching for an open source project to contribute to.
latest apt. tutorial w/ css.
Here’s the latest site:
http://www.ryanhines.com/osd/apt/
And PS grid:
css
i am having the HARDEST time with this stuff! this is going to be a really dumb question, but i don’t seem to be able to import the blueprint css sheets into dreamweaver. i can open them without any of my html code in the document… is that ok? to tell you the truth, everytime i sit down to mess around i get really frustrated and give up. i bought a book this weekend to help me, so hopefully i can catch up… otherwise this is going to be a long term 
so, needless to say, no “tips” from me this week…
***EDIT***
i have figured out how to import the grid style sheet!!! now, to decipher what all this stuff means and how to make it style my page… hmmmmmm
