Jump to content


Advanced Member
  • Posts

  • Joined

  • Last visited

  • Days Won


Everything posted by falkencreative

  1. I'm not totally sure how a digital camera relates to Evernote (I'm assuming you were referring to me )... you'll have to explain that one.
  2. I don't believe Stefan offers Javascript video tutorials. Your best bet is probably to do a web search for Javascript Tutorials, or purchase a book on the subject. That said, it's probably best if you hold off on Javascript for now. Get a solid understanding of HTML and CSS first, and then move to Javascript.
  3. Usually you would put that at the start of your CSS file.
  4. This is a better explanation... http://www.wellstyled.com/css-nopreload-rollovers.html
  5. Just to add to JBall's post, "resetting" the CSS is especially useful to eliminate differences between browsers. Some browsers have different defaults, so if you reset them, it gives you more precise control, and may eliminate inconsistencies.
  6. It's a javascript effect, made popular by the Coda website. An example of the effect is here: http://www.ndoherty.com/demos/coda-slider/1.1.1/#1 As most people are saying, I usually organize my code something like this: The main divs that stay consistent on every page use id's, and anything inside those main divs use classes.
  7. I like Evernote (http://evernote.com/). I use it to keep track of client information, screenshots of sites I like, code snippets, random notes, etc. Extremely useful, and a program I couldn't really live without now. Everything is synced with the server, so I can access it online too, wherever I am (though obviously the usernames/passwords/etc. are stored in such a way that only I can access it).
  8. Great. =) CSS based image rollovers can be quite useful -- I use them in almost every project I work on.
  9. In that case, adjust a couple things... -- give "a.rollover" a height of 40px, rather than 39px -- on the hover state, use "background-position: bottom left;"
  10. You are using this in your CSS: a:rollover a.rollover:hover I'm guessing the ":" the first line was supposed to be a "." If so, fix that, and then you'll need to add a "rollover" class to your link element, like this: I also believe you need some sort of text inside the element, like this: link text You can then hide the text by using CSS: text-indent:-999px;
  11. Just thought I would pass this on... an interesting presentation by Jeffrey Zeldman on Understanding Web Design, presented at AIGA Business and Design Conference in October 08. http://www.aiga.org/content.cfm/video-gain-2008-zeldman
  12. Powerpoint isn't a graphics editing program, and really shouldn't be used for anything other than creating presentations. If you are using it to create graphics, you will probably run into issues -- the main one being that the images won't be optimized for web viewing, and will take longer to download than necessary. I don't believe it can be used to create Flash items -- that would need to be done in Flash. If you are looking to create graphics, you are much better going with something intended to be used to create graphics, such as Photoshop or Paint.net (others may have other programs to suggest, but Photoshop is the industry standard). That said... I'm not totally sure what your question is. I was under the impression that you had solved the issue of having a background image that repeated in this thread: http://www.killersites.com/forums/topic/179/my-background-doesnt-want-to-repeaty/
  13. I do web design & HTML/CSS/Javascript production for a local web development firm, and pick up the occasional job freelancing on the side.
  14. I just tested this, and it should be fine -- it worked correctly when I added my own image, repeating down the y axis, and also across the x axis when I changed the CSS. Is the "bg2_bady.jpg" image spelled correctly? Do the file names in both the actual JPG file and in the CSS match? And the image is in your wamp's www directory? One other comment... In your CSS, the hash symbol "#" indicates that you are referencing a id, rather than a class. However, you don't need that hash symbol in your HTML. You should be using:
  15. It's most likely a CSS coding issue... Post the code you are using (or a link to the test site) and we can take a look.
  16. So you are saying that it looks odd in Dreamweaver's design view, but looks fine when viewed live? If so, yes, Dreamweaver's design view isn't perfect, especially when dealing with CSS layouts. It may not be able to understand the PHP includes, since that code would be included when the page is first loaded by the server. You'll just have to ignore whatever Dreamweaver shows you, and just look at the live version through WAMP.
  17. I've had good experiences working with HostGator... the other regulars here may have suggestions as well.
  18. This isn't really my specialty, but I do want to point out -- using PHP's mail() function won't work when hosted with GoDaddy -- they disable it. If you intend to email the card using mail() you'll have to either switch hosts, or use ASP or ASP.NET.
  19. I have a couple comments, mostly in regard to usability... Crimson Vortex site: -- The site feels amateurish. As you say, it seems to take a while to load, and having to possibly wait through both a loading screen (why the annoying sound effects?) and a slow moving intro is frustrating. -- I don't like the way it takes over my browser and forces itself full screen. I want to be able to control that myself. This is especially bad in the portfolio section, where the portfolio items look pixelated and unprofessional. -- The navigation is confusing to use. I often don't know where I am in the site, and I don't know how to get back to the home page. I could go up to the URL bar and reload the site, but then I'd have to wait again for the site to load. When I am on a sub page, I have to both hover over the nav in order to see my options, and tilt my head just to read the nav items. Also, even on the sub pages, the navigation doesn't stick to a consistent location, so I have to search every time to find it -- The animated "crimson vortex" logo is distracting -- it draws the eye down to the bottom right and away from the content -- You are using a lot of fancy special effects for some of the pages, especially when changing the page, that is totally unnecessary and increases load time. This site seems like it would be done much better as a static HTML site. Sure, you would lose the fancy effects, but it would actually make the site usable and understandable -- From a accessibility perspective, I doubt that anyone who is blind and uses a screen reader could make any sense of the site. The animations and effects would be distracting to those who have problems concentrating, and could make the user experience frustrating -- The copywriting could use some work, modifying the writing style to remove unnecessary long words. For example, the home page reads "It is a long and tedious journey to reach an appropriate and effective expression of your work, ideas and product. But if you are reading this, you have just reduced the journey considerably. Welcome to the experience of being on the cutting edge of communication." I can't tell where you are from, so I can't fault you if English isn't your first language. However, if you do have an English site and hope to sell to English speaking customers, it would help to reduce the wordiness and eliminate some of the long complicated words so that it is easier to read quickly. Perhaps even consider hiring a copywriter for this. Tirthanjali -- a lot of my comments above seem to apply to this site as well. Seems like an unnecessary use of flash, and seems to have both a loading screen and several intro screens. No skip intro link as well, unless the visitor is viewing the intro in the first place... Again, forcing the user to view full screen is frustrating. -- The (second?) intro screen (that contains the text "A child is the most unique creation of God. His curious little mind is restless... etc.) has a lot of yellow that makes it difficult to focus on the light blue text. The text probably needs to be darker so it has more contrast with the background... I had a hard time reading it. -- The subnavigation (for example, "Infrastructure, Curriculum, Team", etc. under the "Resources" item seems oddly placed (all the way over to the right side of the screen) and it doesn't seem to follow the same style as the rest of the site -- Same comment as the last site about the wordiness of the text and run-on sentences... It often doesn't seem to make sense. For example, "Natural inclinations and instincts of a child have the ability to become his guide in future learning and our focus is to understand them and provide challenges and strengthening opportunities for them, so they evolve into more intelligent aids for the child in his voyage to growth." So, to answer your questions... I agree, both sites are slow to load, primarily because of all the unnecessary effects. Seems like both sites would be much better off as static HTML sites, rather than Flash sites, which would increase their usability and accessibility. I don't think there is any way to "make the sites" faster, without either removing some of the animation or losing the quality. One or the other has to be adjusted.
  20. This might help you out... http://www.killersites.com/forums/topic/154/i-dont-want-to-edit-the-menu-100-times/ Basically, you are looking at building one menu file, and including it in all of your pages. At the moment, that will mean editing 30 pages to add the include code in, but in the future, you would only have to edit one file, rather than 30.
  21. This one will be a bit tough to code, mainly because of the image in the upper right... I'd suggest using a header div (which would contain the logo / navigation), a content div (including the main content), absolutely positioning the image "above" both divs, and finally a footer div. The header would use one large background image, and the navigation would use an unordered list with individual images per nav item.
  22. It depends on the language you are using... some programming languages require a variable to be defined/initialized before it can be used. PHP doesn't require that though. As far as I know, the third line in your code sample above really isn't necessary, though there is nothing necessarily wrong with it. Stefan may be able to comment on this more.
  23. You'd want to do this either client side via Javascript, or server side via PHP. Javascript will be less work intensive on the server, but it could be disabled by the end user. I'd suggest doing anything non-essential via Javascript, and anything essential via PHP. Email addresses can be validated by using a PHP regular expression... do a web search for "email validation regular expression", and you'll come up with a lot of options.
  24. You need ";" following your css statements, rather than commas. For example, this is the correct code: a:link { color: #008cdc; text-decoration: underline; }
  • Create New...