Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 47 total)
  • Author
    Posts
  • in reply to: Better Practice for Templates / Reusable HTML? #102227
    TheLeggett
    Member

    Thank you for the responses. There are definitely some better ways to think about this issue :)

    in reply to: Tricky [rel* selector problem #73000
    TheLeggett
    Member

    Yup, no selectors out there to do what you’re looking for. Javascript would be your best bet if you can’t change the code output for some reason (like Mottie suggests).

    You can build selectors to find the value of an attribute, but this wouldn’t be very useful here (ie: input[type=”text”]).

    You can also use the :empty pseudo class on elements with no children (or text). Again, don’t think this is quite what you’re looking for (http://jsfiddle.net/fcSGR/)

    You can learn more about selectors at the following two links if you’re interested.

    CSS3 Selectors: http://www.w3.org/TR/css3-selectors/
    CSS2 Selectors: http://www.w3.org/TR/CSS2/selector.html (will work across more browsers)

    in reply to: [Solved] Scrolling iframe on iPad #76404
    TheLeggett
    Member

    Thanks @jasonkeene – No Mac here :(

    I’m sure that’s a good resource for others though.

    in reply to: [Solved] Scrolling iframe on iPad #76413
    TheLeggett
    Member

    Does that still work? Everything I’m reading, including a friend who’s tested this on their iPad has reported that two finger scrolling no longer works for iframes. Thanks for the suggestion @arkson82

    in reply to: [Solved] Scrolling iframe on iPad #76484
    TheLeggett
    Member

    Thanks for the reply @jimsilverman. Unfortunately, it’s not feasible to create a fixed height iframe with a scrollable div outside of it, reason being the same origin policy for javascript. In other words, I can’t determine the height of a page in an iframe unless it’s on the same server. I won’t say it’s impossible to do something like this, just not by only using javascript/css to the best of my knowledge. I’d love to be proven wrong though.

    It really does seem that there is no simple solution for this. About ready to just set the height of the iframe to something like 10,000px for iPad users, and using a scrollable/hacked div just to get a fix out there. Really surprised this is difficult to pull off, and holding onto the hope that I’m just missing something.

    in reply to: Drop Shadow on Form Input Fields? #76834
    TheLeggett
    Member

    You might need a different solution depending on what browsers you’re going to support, but the CSS3 box-shadow property is definitely worth taking a look at.

    https://css-tricks.com/snippets/css/css-box-shadow/

    in reply to: Website Critique – Readability?? #76842
    TheLeggett
    Member

    I don’t take any issue reading the content on this site.

    @TheDoc makes a point that can be backed up by evidence… sort of. Many people do follow a principle of about 45-70 or so characters per line on the web, but it’s sort of debatable whether or not that figure is really the most ideal choice. While some “studies” suggest 45-70 characters is the ideal line length, other studies demonstrate that readers digest longer lines more quickly. There probably is some sort of ideal range, but it more likely has to do with other factors such as line-height/text size.

    I’ve written just a bit on this here (point 3): http://www.uxbooth.com/blog/4-tips-and-tricks-for-more-legible-content/

    Here are two supporting bits that offer contrasting data:
    http://www.nbcs.rutgers.edu/~hedrick/typography/typography.janson-syntax.107514.pdf
    http://blog.fawny.org/2005/09/21/measures/

    (There are several more free resources out there that I’ve stumbled across that also seem to suggest there isn’t really a magic number.)

    If there is a really well done study out there on the subject, I’d love to see it! Most of what I’ve seen is pretty… flimsy.

    in reply to: CSS Frameworks – The pros and cons #76910
    TheLeggett
    Member

    The biggest problem I’ve faced when working on projects where our team uses a framework, is that the focus can sometimes shift to the framework instead of the goals we’re trying to accomplish by using the framework. It’s great if you can use a tool like a framework to facilitate processes, but important that your team draws some lines ensuring enough flexibility to get the job done.

    I’d doubt there is one right answer.

    On most of the projects I work on, we use a set of patterns and structures that help us stay consistent, but make very little use of any frameworks. We’ve tried deploying several in-house css/html frameworks with mediocre success, but ultimately we’ve found that we work better when starting almost entirely from scratch. At the same time, we follow some basic guiding principles that help us write legible code that is easy to revisit and modify if changes need to be made. We organize our documents so we can quickly find code that is related to one page, or sets of pages. We have a few basic patterns for what different types of pages should look like semantically.

    It might be a bit more on the heavy side in the end, but we value our flexibility. Framework-less works for us, but might not be the best option for all teams.

    in reply to: Header line #76908
    TheLeggett
    Member

    By all means @Fourize :) That’s what it’s there for!

    Not quite sure what sort of effect @eXo is looking for based on that description. Almost seems like a background image would be the easiest solution here.

    in reply to: Fill Remaining Width? #77275
    TheLeggett
    Member

    Hey johnywhy,

    What you are describing sort of sounds similar to how tables will size by default when given 100% width. It’s a little confusing to understand what exactly you are trying to accomplish, so some more details might help :)

    To expand on that thought: you stated that you want column 1 to be determined by its contents, but column 2 to take up remaining space. How would that be different from column 2 being sized to its contents and column 1 taking up remaining space? An example of what you’re putting in both columns might be useful!

    Anyways, my gut reaction is that something as simple as giving your table width: 100% will do the trick.

    in reply to: Wrap Around Box (div) #47277
    TheLeggett
    Member

    :) Two different solutions, good way to show that there is more than one answer.

    TheLeggett
    Member
    in reply to: Wrap Around Box (div) #47301
    TheLeggett
    Member

    There are absolutely multiple ways of doing this, but to start with a really basic example, let me direct your attention to this illustration:

    http://content.screencast.com/users/theleggett/folders/Snagit/media/b6577cc8-0dae-41b2-a180-ac65cfb2084a/05.04.2011-19.26.13.png

    One way to think about this is to split it into all the necessary visual pieces to create the effect. When you think about it, there are only two pieces to this style:

    1. The box containing the content.
    2. The graphic that gives (1) an appearance of wrapping around the “main content”.

    Like Fourize said, this is just a matter of choosing the right colors and background images to create this style. You might choose any number of ways to accomplish this, here is one example:

    http://theleggett.com/explanations/wraparound/

    in reply to: So, what exactly to do about text-shadow for MSIE? #51655
    TheLeggett
    Member

    Would offsetting the same text as a separate color behind the original text work? Not sure if there’s anyway to blur that text without the glow/dropshadow IE filters… which don’t function quite as nicely as the “text-shadow” property (http://www.howtocreate.co.uk/textshadow.html).

    in reply to: Problem with text-decoration: underline in WebKit #53776
    TheLeggett
    Member

    That works too, it’s just a bit more syntax heavy. As far as I’m concerned though, if that’s a style you need, and that’s the only way you can implement is in all the browsers you’re designing for, it’s a good solution.

Viewing 15 posts - 1 through 15 (of 47 total)