We're growing into something new. Read More
toddswardenski

Todd Swardenski  Pro


Question

"About Cookies" Inspiration?

Hi All, I'm in the middle of developing my first site for a UK client and I could use some inspiration for the "About Cookies" link. To me the requirement of such a link or section on the home page is extremely ugly, but if you have seen some decent looking ways to implement a legal solution I would love to see some different ideas on the subject. Much appreciated!

// Extra space between rules
.foo {
    display: block;
    margin: 0;
}

.bar {
    display: block;
    margin: 0;
}

// No space between rules
.foo {
    display: block;
    margin: 0;
}
.boo {
    display: block;
    margin: 0;
}

CSS Style Guide Opinion

Hi Everyone, I'm writing a CSS/Sass style guide for everyone at work and I could use a second, third, or fourth opinion about one of the recommendations I'm making in the guide. When you separate rules do you separate the different selectors with an empty line break, or do you eliminate any extra space between them? Here's an example:

Agency Logo Review

I'm in the process of developing a brand for my digital agency startup. It's a painfully slow process as it takes a back seat to my paying "personal" freelance work. Would you mind taking a second to send some feedback my way? I would love to hear what you like, dislike, or how you think it could be improved. Thanks!

$(window).scroll(function(){
    //lots of calculating here to determine positioning of where the nav is
    //and where it should stop based on other DOM elements
    if ( menuPosition <= desiredPosition ) {
        $("nav").addClass("fixed");
    } else {
        $("nav").removeClass("fixed");
    }
});

jQuery $.('scroll'); touch device fix?

Hello. I'm working on a project at work where the menu is not positioned at the top, but when the user scrolls to the top the menu becomes fixed. I use jQuery and add a class to achieve this effect with the following code:

Discussion

Responsive Demonstration for Portfolio

Hey All. A few months back I redesigned my portfolio to make it responsive and show off my abilities to the rest of the web community, but I realized that some visitors may not fully understand responsive web design or know how to see it in action. The solution I came up with at the time of the design was to include a message at the top of the window explaining that the site is a responsive design. In addition, I added the copy "To view this site's responsive behavior, resize your browser's window." At the time it was a quick and easy solution, and I thought most people would understand. However, looking back I could have made it a little more elegant than instructing the user to simply resize their browser window. To give my portfolio that 'elegant' touch it was missing, I've developed a way to give the user the ability to actually switch between what they would see on a mobile device, tablet, and their desktop within that message box at the top of the screen. If you would please visit my portfolio http://www.toddswardenski.com and test out this new functionality I would greatly appreciate any feedback you can offer. Also, if anyone is interested in an explanation on how this actually works, I'll be happy to explain it in a tutorial post. It's really quite simple and {IMHO} an effective way to show off your RWD skills! :D

Discussion

Android Browser Web Inspector

Hey All. I'm getting some weird bugs in the default Android Browser that aren't showing up in the other mobile browsers. Is there a way to do remote debugging and inspect the DOM elements via my laptop like I can using the mobile version of Safari and Chrome? Thanks for the help!

Discussion

Web Standards – Are They Still Relevant?

Hello All. I had a conversation the other day with a friend of mine currently working at a different studio, and to say we had a difference in opinion would be an understatement. We discussed the trends of the web, CSS3, HTML5, Responsive Web Design, and other various buzzwords that are really taking off in the web community as of late, and we had a bit of a disagreement when it came to implementing these technologies because of "web standards." Now, before I'm burned at the stake for saying web standards are a thing of the past, let me make my case. His argument was this – because CSS3 and HTML5 are still technically in spec, he believed that these kind of technologies shouldn't be put to use until there is a true "web standard" for them. He also tried to explain to me that although Responsive Web Design is a cool idea it has a time and a place and it doesn't always have a practical use. In addition, it utilizes CSS3, which goes against his belief of implementing those technologies. So my question to you is do web standards really matter as much as they used to for the web? I understand there are best practices and a standard way to implement these new technologies that will eventually become a web standard, but is it worth sacrificing new experiences for this? Should we really be stuck using HTML4 and CSS2 for the sake of the few that still have very outdated web browsers that can't handle the technology? I was just curious to see what the rest of the Forrst community has to say about this line of thought. My personal belief is there is a good way to implement progress that doesn't leave the old browsers in the dust. We can still deliver a better experience with the new technologies even though we may not be following "web standards." Also, I can't think of a reason why someone wouldn't implement a responsive site – but that's just me :D

Responsive Website Redesign

Hello! I've just completed design/development on a website redesign for Hendrick Pool and Lawn Service, an Indianapolis-based pool installation and lawn care company. The site is currently under review from the client, but I would love to hear some Forrst feedback if you wouldn't mind taking a peak at the site and letting me know what you like and/or dislike about the design and functionality. If you find any bugs with the site in any way, please be kind enough to let me know what page you're experiencing an issue along with what operating system and browser you are using. I've tested on Chrome, Safari, and Firefox on Mac OS X (I haven't touched IE yet, so I'm sure I'll have my work cut out for me there). Thanks for your time, and I look forward to our discussions!