How big is too big?
Yui • Posted 8:54PM on September 5, 2007 (3 Comments)
Being a perfectionist, I’m constantly worrying about whether or not my designs are up to par and, even worse, about exactly what “being up to par” should entail. That’s probably why I’ve revamped and recoded every layout on Neogrotesque about 50 times. My latest worry is this: how big can header images get before they’re too big for most visitors to view comfortably? Obviously, if a page loads and I can’t even see the first line of text on my 1280×800 laptop resolution, there’s a problem… but really, how many lines should I be able to see? Having just switched to using Firefox from IE7 as my primary browser, I’ve been noticing that, with all the extra tool bars at the top of the browser window, many of my layout headers are now taking up over half of my viewport, and, while none of my headers are so large that you have to scroll to see the first line of text, I’ve been wondering if I should be going back and cropping my headers more. Any opinions?
Comments: 3 Comments
Tags: Webdesign
Why is it so hard to credit?
Yui • Posted 11:40AM on August 13, 2007 (4 Comments)
I’ve recently introduced a LiveJournal layout at Crazed System, called Red Sunset, featuring Tero of Vidoll. It’s my first S2 layout, and I’m actually quite proud of it. The flaw of releasing S2 layouts for other people to use, however, is that I can’t precode a credit link into the layout before sending the layout off to the people that want to use it, since I can only edit the CSS. As a result, users have to add the credit link themselves. Now, despite the fact that I’ve included instructions on how to credit on both the Readme file that comes with each of my layouts and the layout entry itself, only one user has posted proper credits so far. These people never bothered to credit at all. This person at least had the decency to credit me in his/her userinfo. This is the only person that actually put the credits in his/her sidebar, as I instructed. Why is it so hard to follow directions? In fact, even if they didn’t bother read through everything (which is understandable), what would make anyone think that it was okay not to credit someone for making their layouts?
It’s a good thing that I watermarked my layout footer before distributing it. This is seriously making me question whether or not I should post more S2 layouts. They’re much more flexible, powerful, and intuitive than S1 layouts, but… what’s the point if no one’s going to acknowledge that I made them?
Comments: 4 Comments
Tags: LiveJournal, Crediting/Theft
Protected: Ruki, Stolen
Yui • Posted 9:48PM on July 29, 2007 (3 Comments)
Comments: 3 Comments
Tags: Crediting/Theft
Quick and Easy Div Layouts
Yui • Posted 6:42PM on July 21, 2007 (2 Comments)
My sense is that, for some reason, most people have a tedency to code div layers layouts by using an <img> tag at the begining of the body of the document for the header image, and then using absolute positioning to place the main content area and sidebar(s) in their appropriate locations. This method is flawed in that, in the absence of a stylesheet (as may be the case when viewing the website on an older browser), the header image still shows up, causing the page to look quite ugly (example). This is especially annoying if your header image has a large height. A better solution is to use a div image replacement, as I have done in ain’t afraid to die, featuring Dir en grey. I will use this layout as an example.
Comments: 2 Comments
Tags: HTML/CSS, Tips and Tricks
Contact Form Problems
Yui • Posted 5:08PM on July 15, 2007 (No Comments)
I’ve been having some problems with my contact form recently. I think I’ve fixed the problem now. If you’ve used it to try to send me anything recently and haven’t gotten a reply, please try again.
Comments: No Comments
Tags: Uncategorized
New Tenten layout?
Yui • Posted 6:27PM on July 10, 2007 (2 Comments)
I’ve been trying to make a new layout for my Tenten fanlisting, Leopard Print, but I’m not sure I like how it’s turning out. Here are two versions of what I’ve got so far:
Which one should I go with? The pink/grey version looks surprisingly good, despite the fact that I don’t think it matches Tenten’s personality so well. I should probably actually find some pictures of him wearing leopard print, considering the name of the fanlisting, but I really love this shoot ^^;I wonder if I’m losing my touch… I really adore the current layout on Leopard Print, and I feel like this one that I’m working on doesn’t quite match up to the same standard. I find myself running out of ideas about what to do next. I usually like to use a lot of Color Burn and Color Dodge, but I’ve somehow constructed a layout where they don’t quite seem to fit. I do like the black rectangles running along the bottom of the layout, though xD
Update: 7/12/2007, 11:42PM
I added a bit of a header. I wanted to include another image instead of just having the bar, but I can’t seem to find any good scans of this photoshoot >.< I managed to clean up that one lying down image decently well with a few blending mode tricks, and the other two were taken from his blog– it’s kind of sad when webcam/phone pictures are better quality than magazine scans; people need to realize that low quality grainy scans are basically useless.
I’m not sure how I feel about the diagonal lines on the content section– I feel like it needs SOMETHING to keep it from being too bland, though. I’ll keep playing with it.
Update: 7/15/2007, 8:51PM
I’ve finished the layout and coded it. You can see it here. I changed the header a bit because it looked too even before, though the diagonal lines on the content area were the best thing I could come up with, so I decided to keep them. I also added some burn layers to the top and bottom left corners because I just couldn’t resist.
Comments: 2 Comments
Tags: Network Sites, Works in Progress
100% Height CSS Layout w/ Footer
Yui • Posted 2:03AM on July 3, 2007 (4 Comments)
I have a tendency to make designs that are meant to stretch from the very top of the bowser window to the very bottom. The problem is that, especially in very large browser resolutions, sometimes there isn’t enough content to force the layout to either completely fill all of the vertical space in the viewport, or to scroll vertically, leaving a margin between the bottom of the layout and the bottom of the browser window. I’ve finally, I believe, solved the problem, and since I haven’t seen anyone else using this method, I decided to make a tutorial. The method is an extension of this example layout and relies on the principles of min-height, absolute/relative positioning, and z-index. This is the method I’ve used to code the current LastSong.net layout (Waste, featuring UnsraW).
Comments: 4 Comments
Tags: HTML/CSS, Tips and Tricks
The first post!
Yui • Posted 12:16PM on July 2, 2007 (No Comments)
I think I’ve finally put everything together for this new blog. I felt like having LastSong.net as a one-pager with the only purpose of listing the… 4 or so websites I owned really wasn’t an effective way to use this domain. At first, I was reluctant to turn it into a blog, since I can barely even think of anything to write on my LiveJournal, but I realized that if I use it to talk about webdesign and the online community, I may actually have something to say once in a while. You can expect blurbs about the progress of my sites, ranting, showcases of works in progress, mini webdesign tutorials, and other such posts to come.
As you may also have noticed, I’ve opened up hosting to any interested applicants. I’m not sure yet about how many I’m planning to take. Please apply if you’re looking for a host.
Due to the massive content change, I would understand if any of my previous affiliates would no longer like to remain affiliated. If you do decide to remove me, I’d appreciate it if you let me know via the contact form.
Comments: No Comments
Tags: Uncategorized
