BlogPhoto

Everything you have been looking for and more!!

Archive for the ‘Web Development’ Category

Page 3 of 512345

CSS Eye Candy

Author: nycgraphix

12 Mar

Get design inspirations from these showcases. Please list all of the existing galleries on the Net.

  • CSS Zen Garden -
  • CSS Vault -
  • CSS Beauty -
  • Stylegala -
  • Webcreme – A design gallery updated daily with fresh and innovative sites
  • CSS Mania -
  • CSS Reboot -
  • CSS Thesis -
  • CSS Import -
  • Unmatched Style -
  • CSS Drive -
  • CSS Galleries – Aggregating CSS & Web design inspiration
  • CSS Play – Fantastic CSS resource site with loads of demos and tutorials. Some particularly impressive CSS photo galleries
  • Daily Slurp – Daily link dump of well designed sites.
  • Light on Dark – the majority of web sites you visit on the internet have a white background, with black text. rarely do you find web sites that use a dark background with light text.
  • Liquid Designs -
  • Dark Eye -
  • W3 Compliant Sites -
  • Most Inspired – Aggregates web-design galleries into one easy to access page.
  • Best Web Site Design – Our web site design services has a competitive team of skilled professionals and have best exposure in the industry. They are equipped to provide you with complete services in website design and development as well as enhance
  • CSS Flavor – Collectoion of Best CSS Design Websites
  • CSSElite css gallery – CSS Design Gallery and Website Development Resources
  • Style Crunch – StyleCrunch is a css and standards websites gallery, you can find the best sites in the www, best design, best coded and what engine used.
  • CSS Bloom – CSS Bloom is a website showcasing the best CSS based designs used by Blog’s and Online Portfolio’s. By providing links, and previews of the best designs, we aim to provide our viewers with inspiration for their websites. If you have come across a design which is missing from CSS Bloom, but you feel should be added, or if you would like to submit your own design, then please use the Submit link at the top of the page.
  • CSS Remix – CSS Remix celebrates the dynamic innovation and creativity of designers who are on the forefront of CSS-based design. We honor those designers who aren’t afraid to think outside the box and who are reinventing our ideas of what great web design can be.
  • The Horizontal Way – An horizontal showcase for horizontal scrolling websites.
  • CSS Websites – CSS Gallery by Design CSS
  • Submit CSS – a brand new website gallery full of css designs
  • Best Web Gallery – Best Web Gallery is an inspirational gallery site where we collect a wide range of quality design websites
  • Cssimpress – CSS Impress – Gallery of CSS Websites
  • Got_Computer_Problems?_Free_Diagnostic_Tools_Repair_Your_PC_Instantly -
  • CSSelite – Only the best of the best in CSS. Great gallery.
  • CSS Spain – Here you will find sites developed in Spain with the web Standards and Guidelines of the W3C
  • Alternative CSS – Gallery focusing on new and creative design ideas, elements, layout methods, and styles.
  • Camaleon – Hispanic CSS Zen Garden
  • CSS Blast – russian css showcase
  • A_MUST_See_for_anyone_with_an_IPOD -
  • Doblepixel -
  • CSS Collection – Naked Sites: Shedding tables and running free
  • Word Studio -
  • showcase GR – showcasing the best of Greek CSS web design
  • Design Snack -
  • Web Standards Awards -
  • Design Melt Down – Articles on web design trends, each with a slew of samples.
  • Open Web Design -
  • A List Apart – Great web design resource
  • Webdesign reference book – They are publishing a book! Fall 2006 150 of the best web designs are picked out, and will be included in a book, together with articles and interviews, with and about some of the designers!
  • netdiver -
  • Undersigned – Webdesign reference book – We are releasing a book with about 150 of the greatest webdesigns.
  • 0 Comments
  • Filed under: Eye Candy

    • Web Design Free Stock Photos

    Author: nycgraphix

    12 Mar

    Here are some sites that provide free stock photos and graphics. Some of them allow to use in commerical, but some don’t. Please read the license or term of use on each of the site for more information.

  • 0 Comments
  • Filed under: Web Development

    • Search Engine Submissions

    Author: nycgraphix

    12 Mar

    Where to submit your URL to your blog/website/forum so that the search engines will index and give promotion to you. Please submit the pages where you can submit your URL. Instant inclusion, meta search, directories, etc.

    • Max Spider – Instant URL Inclusion – Free URL promotion! Add your site for free, many tools your site get’s linked too once it’s submitted!
    • Sir Seek’s Instant Inclusion – Submit your site and have it indexed immediately!
    • Best SEO Toolbar – Freeware search engine searching/portal software to help you search all over the internet from your web browser’s address bar (over 300 searchable resources from one tab)! Submit your website (search engine optimization) to over 300 search engines with a free buitl-in addon SEO promotional tool for webmasters.
    • Tecnixindo’s Web Submitter – Web based (web 2.0) URL submitter, post your site to over 50 search engines.
    • RSS Feed Submittor – FeedPing Offers Free RSS Submission to All Major Directories Simply enter the URL of your feed, choose which directories you want your feed submitted to, and click the submit button.
    • Largest Web 2.0 URL Submission – This is a great tool that let’s you submit your web site’s URL (unique resource locator) address to hundreds of search engines and ports, just fill in the few blanks and hit enter! This is just too easy, it’s almost sleezy!
    • Feed Shark – Easily ping and submit your blog, RSS feed, or podcast to over 35 popular services for free.
    • Little Known SEO Factors that could Make the Difference – Here are some little known ranking factors that just might give you that slight boost you need.
    • Free Search Engine Submission – No sign-up, therefore no spam. Download a free search engine submission tool.
    • Tecnixindo’s Web Submitter – Freeware search engine searching/portal software to help you search all over the internet from your web browser’s address bar (over 300 searchable resources from one tab)! Submit your website (search engine optimization) to over 300 search engines with a free buitl-in addon SEO promotional tool for webmasters.
  • 0 Comments
  • Filed under: SEO Tools

    • Build A Successful Site In 12 Months

    Author: nycgraphix

    9 Mar

    The following is from a post from Webmaster World. I think it’s a great article and a good read for anyone starting up a website.

    I know this system works 100% of the time with Google to attain rankings across a wide range of keywords. This is what I do with clients to build a successful site and it has worked every time. The level of success will depend largely on the subject matter, its potential audience, and its level of competition on the net.

    The following will build a successful site in one years time via Google alone. It can be done faster if you are a real go getter, or everyone’s favorite, a self starter.

    1. Prep Work & Begin Building Content

    Long before the domain name is settled on, start putting together notes to build at least a one hundred page site. That’s just for openers. That’s one
    hundred pages of real content, as opposed to fluff pages like copyright information and about us pages.

    2. Domain Name

    Easily brandable. You want Google.com and not MyKeyword.com. Keyword domains are out—branding and name recognition are in—big time in. The value of keywords in a domain name has never been less to search engines.

    Learn the lesson of Goto.com becomes Overture.com and why they did it. It’s one of the most powerful gut check calls I’ve ever seen on the internet. That took serious resolve and nerve to blow away several years of branding.

    3. Site Design

    The simpler the better. A general rule of thumb to follow is that text content should outweigh the HTML content. The pages should validate and be usable in everything from Lynx to leading edge browsers. Keep the HTML clean and
    structurally sound, it makes it easier for spiders to eat up your content.

    Stay away from heavy things like Flash, Document Object Model (DOM), Java, and JavaScript. Go external with scripting languages if you must have them—there is little reason to have them that I can see—they will rarely help a site and actually stand to hurt it greatly due to the many factors most people don’t appreciate, such as search engines’ distaste for JavaScript being just one of them.

    Arrange the site in a logical manner with directory names hitting the top keywords you wish to hit. You can also go the other route and just throw everything in root. This is a rather controversial method, but it has been producing good long-term results across many search engines.

    Don’t clutter and don’t spam your site with frivolous links. Keep it clean and professional to the best of your ability. Learn the lesson of Google itself. Simple is retro cool. Simple is what surfers want.

    Speed isn’t everything, it’s almost the only thing. Your site should respond almost instantly to a request. If you get into even three to four seconds delay until “something happens” in the browser, you are in trouble.

    Those few seconds may vary for someone living in a country other than your native one. The site should respond locally within three to four seconds tops! Any longer than that, and you’ll lose ten percent of your audience for every second. That ten percent could be the difference between success and failure.

    4. Page Size

    The smaller the better. Keep it under 15k if you can. The smaller the better. Keep it under 12k if you can. The smaller the better. Keep it under 10k if you can. I trust you are getting the idea here. Over 5k and under 10k. Yeah, it sucks, and it’s tough to do, but it works. It works for search engines, and it works for surfers.

    5. Content

    Build one page of content with 250 to 500 words per day. If you aren’t sure what you need for content, start with the Overture keyword selector tool and find the core set of keywords for your topic area. Those are your subject starters.

    6. Keyword Density & Position

    Simple old fashioned search engine optimization from the ground up. Use the keyword once in the title, once in the description tag, once in a heading, once in the url, once in bold, once in italics, and once high on the page. Try to hit a keyword density of five to twenty percent.

    Use good sentences and speel check it. Spell checking is becoming increasingly important as search engines use auto-correction during searches. There is no longer a reason to look like you can’t spell—unless, of course, you really are phonetically challenged.

    7. External Links

    From every page, link to one or two high-ranking sites under that particular keyword. Use your keyword in the link text, as this is ultra important.

    8. Internal Links

    Link to on-topic, quality content across your site. If a page is about food, then make sure it links to the fruits and veggies page.

    Specifically with Google, on-topic internal linking is very important for sharing your PageRank value across your site. You do not want one “all-star” page that out performs the rest of your site. You want fifty pages that produce one referral each a day, not one page that produces fifty referrals a day.

    If you do find one page that drastically out performs the rest of the site with Google, you need to balance some of that PageRank value by moving it to other pages. It’s the old share the wealth thing.

    9. Put It Online

    Don’t go with virtual hosting. Stick with a hosting plan that offers a static IP address. Make sure the site is “crawlable” by a spider. All pages should be linked to more than one other page on your site, and not more than two levels deep from the root. Link the topic vertically as much as possible back to the root. A menu that is present on every page should link to your site’s main “topic index” pages.

    Don’t put it online before you have a quality site. It’s worse to put a “nothing” site online, than no site at all. You want it flushed out from the start.

    Go for a listing in the Open Directory Project (ODP). If you have the budget, then submit to Looksmart and Yahoo. If you don’t have the budget, then try for a freebie on Yahoo—but don’t hold your breath.

    10. Submit It

    Submit the root to Google, Fast, AltaVista, WiseNut, DirectHit, and HotBot. Now comes the hard part: forget about submissions for the next six months. That’s right. Submit it and forget about it.

    11. Logging & Tracking

    Get a quality tracker that can do justice to inbound referrals based on log files. Don’t use a lame graphic counter, you need the real deal here. If your host doesn’t support referrers, then back up and get a new host. You can’t run a modern site without full referrals available all day, every day, and in real time.

    12. Spiderlings

    Watch for spiders from search engines. Make sure those that are crawling the full site can do so easily. If not, double check your linking system to make sure the spiders find their way through the site. Don’t fret if it takes two spiderlings to get your whole site done by Google or Fast. Other search engines are pot luck and it is doubtful that you will be added at all, if not within six months.

    13. Topic Directories

    Almost every keyword sector has an authority hub on its topic. Go submit within the guidelines.

    14. Links

    Look around your keyword sector in Google’s version of the Open Directory Project (ODP). This is best done after getting an ODP listing. Find sites that have a links page or that freely exchange links. Simply request a swap. Put a page of relevant content and links up for yourself as a collection spot.

    Don’t freak out if you can’t get people to swap links. Just move on. Try to swap links with one fresh site a day. A simple personal email is enough. Stay low key about it and don’t worry if a site won’t link with you. Eventually they will.

    15. Content

    One page of quality content per day. Timely, topical articles are always the best. Try to stay away from to much personal, blogging type stuff, and look more for article topics that a general audience will like. Hone your writing skills and read up on the right style of “web speak” that tends to work with the fast and furious web crowd.

    Lots of text breaks. Short sentences—lots of dashes—something that reads quickly.

    Most web users don’t actually read, they scan. This is why it is so important to keep low key pages today. People see a huge overblown page, and a portion of them will hit the back button before even trying to decipher it. They’ve got better things to do than waste 15 seconds trying to understand your whiz bang flash menu system. Just because some big support site can run flashed out motorhead pages, that is no indication that you can. You don’t have to do what they do.

    Use headers and bold text liberally on your pages as logical separators. I call them scanner stoppers, where the eye will logically come to rest on the page.

    16. Gimmicks

    Stay far away from “fads of the day” or anything that appears spammy, unethical, or tricky. Plant yourself firmly on the high ground in the middle of the road.

    17. Link Backs

    When you receive requests for links, check the site out before linking back with them. Check them through Google and their PageRank value. Look for directory listings. Don’t link back to junk just because they asked. Make sure it is a site similar to yours and on topic.

    18. Rounding Out The Offerings

    Use options such as email a friend, forums, and mailing lists to round out your site’s offerings. Hit the top forums in your market and read, read, read until your eyes hurt because you read so much. Stay away from “affiliate fads” that insert content on to your site.

    19. Beware Of Flyer & Brochure Syndrome

    If you have an e-commerce site or online version of bricks and mortar, be careful not to turn your site into a brochure. These don’t work at all. Think about what people want. They aren’t coming to your site to view “your content,” they are coming to your site looking for “their content.” Talk as little about your products and yourself as possible in articles.

    20. Build One Page Of Content Per Day

    Head back to the Overture keyword selector tool to get ideas for fresh pages.

    21. Study Those Logs

    After 30-60 days you will start to see a few referrals from places you’ve been listed. Look for the keywords people are using. See any bizarre combinations? Why are people using those to find your site? If there is something you have over looked, then build a page around that topic. Retro engineer your site to feed the search engine what it wants.

    If your site is about “oranges,” but your referrals are all about “orange citrus fruit,” then you can get busy building articles around “citrus” and “fruit” instead of the generic “oranges.”

    The search engines will tell you exactly what they want to be fed—listen closely, there is gold in referral logs, it’s just a matter of panning for it.

    22. Timely Topics

    Nothing breeds success like success. Stay abreast of developments in your keyword sector. If big site is coming out with a new product at the end of the year, then build a page and have it ready in October so that search engines get it by December, e.g. go look at all the PlayStation 3 and Nintendo Wii sites in Google right now. Those are sites that were on the ball last summer.

    23. Friends & Family

    Networking is critical to the success of a site. This is where all that time you spend in forums will pay off. Here’s the Catch-22 about forums: lurking is almost useless. The value of a forum is in the interaction with your fellow colleagues and cohorts. You learn long-term by the interaction—not by just reading.

    Networking will pay off in link backs, tips, email exchanges, and it will put you “in the loop” of your keyword sector.

    24. Be Social

    Social bookmarking and networking sites can be used to your advantage if the content is right. Places like Digg, Delicious, Technorati, StumbleUpon, and so on, can really expose your site to those that truly are interested. Expect some great backlinks and traffic if you use this to your advantage.

    25. Notes, Notes, Notes

    If you build one page per day, you will find that a brainstorm like inspiration will hit you in the head at some magic point. Whether it is in the shower (dry off first), driving down the road (please pull over), or just parked at your desk, write it down! Ten minutes later and you will have forgotten all about that great idea you just had. Write it down, and get detailed about what you are thinking. When the inspirational juices are no longer flowing, come back to those content ideas. It sounds simple, but it’s a life saver when the ideas stop coming.

    26. Submission Check At Six Months

    Walk back through your submissions and see if you are listed in all the search engines you submitted to after six months. If not, then resubmit and forget it again. Try those freebie directories again too.

    27. Build One Page Of Quality Content Per Day

    Starting to see a theme here? Google loves content. Lots of quality content. Broad based over a wide range of keywords. At the end of a years time, you should have around four hundred pages of content. That will get you good placement under a wide range of keywords, generate
    reciprocal links, and overall position your site to stand on its own two feet.

    Do those twenty-seven things, and I guarantee you that in ones years time you will call your site a success. It will be drawing between 500 and 2000 referrals a day from search engines.

    If you build a good site with an average of four to five pages per user, you should be in the ten to fifteen thousand page views per day range in one years time. What you do with that traffic is up to you, but that is more than enough to “do something” with.

    Any suggestions, ideas? Feel free to comment on this article!

    Back to Top

  • 0 Comments
  • Filed under: Web Development

    • Getting Top 10 Position in Google Is Easy

    Author: nycgraphix

    9 Mar

    How many times did you scratch your head over the result your friends are getting on Google search? You did your homework diligently to get your new website into the world largest search engine but 6 month had passed and nothing happened. And you wanted to give up at this instant. But the back of your head is telling you there got to be an easier way to do this.

    Well, you are right. I am just like you trying method after method with disappointment. I am writing this article to share with you or short cut your pain to getting top 10 positions in Google. Yes, if your website is not even rank in google you can never get traffic from natural search and ouch it hurts your motivation as an internet marketers or an online business owner. Are you ready?

    My method of getting my websites ranked in google fast is simply following the steps I show you here. No tweaking is need unless you wanted lousy result.

    Step 1: Knowing. If you are doing site on Adsense or promoting affiliate products, please do your homework. Know what products you are actually promoting. Did you personally use it? What are the key benefits and features?

    Step 2: Picking. Once you list down your product or website benefits, identify key phase people which are popular. How? Go to google and do a search with quotes, “”, around your key phase. Those key phases which have resulted pages between 1000 to 5000, pick those. You are actually mining golden key phase. This is an important step.

    Step 3: Writing. How many times you are being reminded to market your website via article marketing? Yes, if you wanted to start making some decent money online, you got to write about your website or products you are promoting. Else who will know?

    Step 4: Submitting. You got articles written in Step 3 and the next natural step to do is to submit it to article directory. Which article directory to submit to? Aren’t the answer staring at you. For completeness submit to ezinearticles and goarticles. There is simply no need to submit your articles all over the Internet. Why? Google loves big article directory site.

    Step 5: Waiting. If you have did step 1 to step 4 correctly, you should be waiting for your articles to be reviewed and approved. Once approved by article directories, your articles should be appearing on Google page 1, which is the top 10 position, in a few days.

    You might be thinking should article be search engine optimised. Well, the fact you just did optimised your article title in step 2. I guess by now you have gotten the extra advantage from the usual article writer in getting your article listed and driving natural search visitors to your website.

    Adwin Ang is a ezine author, affiliate marketer and adsense publisher. He has been actively helping newbie Internet marketing both online and offline to make their first buck. Did you find those tips on getting top 10 positions useful? If you are interested to learn about how your site can be listed in top 10 Google using laser targeted keywords, visit http://affiliateslittleguy.com/GetTraffic.html

    Any suggestions, ideas? Feel free to comment on this article!

    Back to Top

  • 0 Comments
  • Filed under: Web Development

    • Looking to Post Something Online?

    Author: nycgraphix

    5 Mar

    Here’s a nice list I picked up from Oodle.com, a contender to Google Base / Froogle, Craigslist, and iBegin.com for those looking to sell or post something online. Should be able to give those looking to place an ad more places to market online.

    If you’re looking to list based on:

    General Classifieds
    Lycos – free
    Getitsellit – free
    AdPost – free
    DomesticSale – free
    Whabam – $$
    eBay – $$
    Sell.com – $$

    Cars
    Lycos – free
    LocalCycles – free
    CarsDirect – $$
    MotorCycleSellerZ – $$
    TruckTraderOnline – $$
    BoatQuest – $$
    eBay – $$

    Real Estate
    Lycos – free
    DomesticSale – free
    eBay – $$
    Sell.com – $$
    ForSalebyOwner – $$
    ByOwner – $$
    Yahoo Real Estate – $$

    For Rent
    Lycos – free
    Geebo – free
    FindHomeRentals – free
    RoomMateClick – free
    Vacation Rentals – free
    Vacation Home Zone – free
    EasyRoommate – $$
    RentClicks – $$

    Jobs
    Lycos – free
    Idealist – free
    TemporarEASE – $$
    JobCentral – $$
    Monster – $$
    Yahoo Hot Jobs – $$
    CareerBuilder – $$

    Pets
    Lycos – free
    Geebo – free
    PuppyPassport – free
    PetFinder – free
    Equine.com – free

    Services
    Lycos – free
    Getitsellit – free
    AdPost – free
    DomesticSale – free

    Tickets
    Lycos – free
    Stubhub – free
    RazorGator – free
    GreatSeats – free
    eBay – $$

    Merchandise
    Lycos – free
    Geebo – free
    Getitsellit – free
    AdPost – free
    DomesticSale – free
    MotherhoodMarket – free
    eBay – $$
    Sell.com – $$
    MyDrew – $$

    Any suggestions, ideas? Feel free to comment on this article!

    Back to Top

  • 2 Comments
  • Filed under: Web Development

    • CSS Mega Info List

    Author: nycgraphix

    5 Mar

    • CSS Optimization: Make Your Sites Load Faster for Free – CSS optimizers do a variety of voodoo magic to get the end result. This includes merging similar classes, removing useless properties, removing whitespace, and so forth.
    • Alternative Style: Working With Alternate Style Sheets – So you’ve got a web page. You’ve marked it up with structural XHTML. You’ve also been a good little web developer and used style sheets to control what your document looks like. You’ve even gone the extra mile and created several alternative style sheets to show how hardcore you are. Great. But now you need a cross-browser way to dynamically switch between the style sheets.
    • Various CSS Tutorials – Many different FREE CSS tutorials from forms to layouts it’s quite an extensive resource.
    • Benefits of CSS – Cascading Style Sheets is a technology that has been around for several years. It’s a great way to assign style properties to HTML elements in your web pages, and offers several significant benefits over the old way of putting style information directly into HTML tags.
    • Creating a centered page layout with CSS – A reader recently asked how to create a centered page layout using CSS. The effect the reader is looking for is similar to the layout achieved by centering an 800-pixel-wide table on a 1024-pixel-wide page. It’s a widely used page layout that traditionally relies on nested tables to achieve the effect, so it’s not surprising that the reader is looking for a way to replicate the effect with CSS.
    • Build a better Web site by understanding floated elements in CSS – Cascading Style Sheets (CSS) are rapidly becoming the de facto standard for Web page layout and positioning. They’re easy to use, don’t require any special software, and work uniformly on most major browsers. Using them correctly, however, requires a sound analysis of the functional purpose of a particular layout, both to ensure that the resulting style sheets are logically and functionally correct and that they are portable across different browsers or viewing devices.
    • Styling form controls with CSS, revisited – Roger Johansson writes about web standards, accessibility, usability and other topics related to web design and development:
    • The W3C CSS Validator Fuji release – A new version of the W3C CSS Validator (The Fuji CSS Validator release) was released in mid-December. It now defaults to validating against CSS 2.1, which is good, and the layout has been improved, which is also good.
    • CSS and Web development search engines – While custom search engines are an interesting concept I find myself somewhat wary of using them. Not because there’s anything wrong with them, but because I can’t help wondering if what I’m looking for is on a site that the custom search engine has not added to its index.
    • STUDIO7DESIGNS Custom Graphic and Web Designs, Photography and more! – STUDIO7DESIGNS is dedicated to creating the best graphic and web designs in the web 2.0 style. Currently we have over 200,000 people using our open source designs! Our goal is to take your dream and turn it into reality. From logo design, to fully valid css and xhtml web sites, we strive for perfection. Contact us today with your ideas and we will give you a free design quote!
    • Open Source Templates – These are Open Source Templates. Use them anyway you like. This is a great way to learn how to code!
    • The Open Design Community – The Open Design Community (TODC) is a group of Open Source Website Designers providing free web design templates helping to make the global internet a prettier place.
    • CSS Link Styles – Want to know how to create CSS link styles (pseudoclasses)? It’s easy! Just follow along and you’ll be a master in no time.
    • CSS Styling for Print and Other Media – There are many different media types that you can apply to CSS, some of which are more useful than others, and they let you specify the look, feel, or sound of the web page that is linked to the CSS files.
    • CSS Layout Generator – The layout generated has changed significantly from previous versions. The main reason for change was to simplify the layout and in doing so make it easier to use. It no longer provides fixed width columns with fluid center or full length columns by default. This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.
    • Professional CSS – My favorite part of Web design is learning new things, so I’m always looking for new books on the subject. We’re still trying new things, but we’re out of the browsers-changing-daily era of Web design. There’s not a whole lot more anyone can say about HTML or XHTML, which leaves CSS as the next big topic.
    • CSS Reference (based on MSDN and WC3 CSS reference) – CSS styles defined
    • RichInStyle.com also provides help on key areas of web style – Now for the first time with RichInStyle.com you can use the latest technologies with confidence – whereas before you would have been ill-advised to rely on style sheets for styling your pages, you can now afford to use them on all your pages and reap all the many benefits that they bring. This is thanks to RichInStyle.com’s exhaustive bug pages, which detail nearly 1000 bugs, all organized into easy-to-read sections, as well as to its bug table, which provides at-a-glance access to information.
    • A demonstration of what can be accomplished visually through CSS-based design. – There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation.
    • Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets – The W3C CSS Validation Service is a free software created by the W3C to help Web designers and Web developers check Cascading Style Sheets (CSS). It can be used on this free service on the web, or downloaded and used either as a java program, or as a java servlet on a Web server. Do you need it? If you are a Web developer or a Web designer, this tool will be an invaluable ally. Not only will it compare your style sheets to the CSS specifications, helping you find errors, typos, or incorrect uses of CSS, it will also tell you when your CSS poses some risks in terms of usability.
    • Sliding Doors of CSS, Part II – Sliding Doors of CSS (Part I) introduced a new technique for creating visually stunning interface elements with simple, text-based, semantic markup. In Part II, we’ll push the technique even further. If you haven’t read Part I yet, you should read it now.
    • Super-Easy Blendy Backgrounds – Recently, while trying to implement a few different navigation ideas that a designer had thrown my way, I became frustrated with my weak image editing skills. The design was gradient-heavy, so a traditional approach to navigation markup and styling would require a dozen or so background-image slices to meet the varying colors and height requirements.
    • Do You Want To Do That With CSS? – Multiple Column Lists – In this tutorial we will learn methods to make a list display as multiple columns of list items, rather than as a single column or horizontal row.
    • CSS Beginner Tutorial – CSS, or Cascading Styles Sheets, is a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document. Styles don’t smell or taste anything like HTML, they have a format of ‘property: value’ and most properties can be applied to most HTML tags.
    • CSS Intermediate Tutorial – Like the HTML Intermediate Tutorial, this CSS Intermediate Guide should not be that difficult, but rather build on the basics of the CSS Beginner Tutorial.
    • CSS Advanced Tutorial – The CSS Advanced Tutorial is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer.
    • How to size text using ems – Text for the screen is sized with CSS in terms of pixels, ems or keywords. As most of us know, sizing with pixels is easy: get your selector and give it a font-size – no more thought required. Sizing with keywords is more complicated and requires a few workarounds, but you’re in luck as the techniques are well documented. That leaves ems.
    • Beautiful CSS Templates – All templates are valid XHTML (strict) and CSS. They use less than 25 kilobytes of images and all of them should (hopefully) comply with Section 508 and atleast a WCAG Double-A rating.
    • Centering text on the longest line – The Web Typography project continues to proceed, albeit at a glacial pace. One of the reasons for the slow progress is guidelines such as this: to distinguish verse quotations from surrounding prose, they should be [...] centered on the longest line. An uncommon request, but it sounds straightforward enough. Don’t let that fool you. Centering a block is reasonably simple if you know how wide it is.
    • Complete CSS Web Templates – All templates are free to use. All we ask is that you please keep the link in the footer of the templates that links back to the designer to help them make a living and to help them be able to provide free website templates.
    • Variable fixed width layout – There’s an different approach to web page layout which is gradually getting some traction. The idea is that the layout is changed to best accommodate the window size. As you might expect, it is accomplished by using JavaScript to change the CSS of the webpage.
    • Not the best but good for beginners – Sort of cheesy web templates but they are great to learn on.
    • More on multi-column layouts – Since Firefox 1.5 Beta 1 shipped with a partial implementation of the proposed CSS 3 Multi-column layout module, it’s received a fair bit of attention. A List Apart recently covered the implementation along with some scripted alternatives, and Quirksmode provides really detailed coverage of what is and isn’t supported (right now that’s the best place to go to learn the syntax).
    • Free Web Templates – Use these free Web templates to create valid XHTML documents using CSS instead of tables. If you don’t want to learn to write CSS layouts, you can still create valid XHTML using free Web templates. The newest are listed first.
    • Fun with Drop Shadows – Drop Shadows are a nice way to beautify images. There are many articles on them: * CSS Drop Shadows * CSS Drop Shadows II * Easy CSS Drop Shadows * CSS Drop Shadows Test
    • More templates to screw up – Basically the worst kinds of all but the good part is that they are not your real site so have fun.
    • Tables to Valid XHTML/CSS – In this one I will be teaching you how to take your current website/layout created with tables, tear it apart, and put it back together using valid XHTML and CSS. In this tutorial I will be using an example template to teach you, however you can take the principles I teach here and apply them to your own creations.
    • One step above cheesy – and almost functional..
    • Templates, Templates,Templates – Unique to say the least
    • Templates and CSS Tools – All free and very useful
    • Beautiful CSS Layouts – Wonderful layouts completely free.
    • Great site that offers new templates – This site offers free CSS website templates, a free web tools list and resources like articles, tutorials, and links that will help you learn the power of CSS, web-standards and tips on how to make a fast, easy to maintain, user-friendly websites.
    • A newbie? – 16 years old self taught web designer / developer from Nis, Serbia. I making only static web sites [XHTML & CSS]. Ok if he can do it we all can too.
    • Float just about anything you want – Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
    • CSS Tutorials: An Enormous List – anything and everything that you want to know about css
    • The Pinball Effect – Yadda × 3: Preamble It’s quicker and easier to use a bigger link than a smaller one—this is obvious. There’s even a mathematical formula, Fitts’ Law, to calculate just how much quicker. Presented below is a simple way to transform an entire area of a Web page into a link from within it, effectively expanding the link’s size, using Cascading Style Sheets, JavaScript and the Document Object Model. I call this the Pinball Effect because the cursor lights up various areas of the screen sort of like a pinball does zipping around the playfield.

    Any suggestions, ideas? Feel free to comment on this article!

    Back to Top

  • 1 Comment
  • Filed under: CSS

    • CSS Tips and Tricks

    Author: nycgraphix

    5 Mar

    Any suggestions, ideas? Feel free to comment on this article!

    Back to Top

  • 1 Comment
  • Filed under: CSS

    • A list of resources for CSS

    Author: nycgraphix

    5 Mar

    Navigation

    • Colly’s CSS rollover generator
      CollyLogic CSS Multi-element Rollover Generator
    • CSS Tab Designer
      CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
    • Listamatic
      not a tool but very useful! – one list, many options – Using CSS and a simple list to create radically different list
    • Listamatic2
      nested list options
    • List-O-Matic
      Generate CSS-styled navigation menus based on list items
    • List-O-Rama!
      Dreamweaver MX and UltraDev Zone – List-O-Rama will allow you to generate nice CSS inline menus in seconds
    • CSS Menu Generator
      CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons.

    Fonts

    Forms

    Layout

    Misc Tools

    • CSS Love Child
      The Man in Blue Experiment – I want the body of Site […] with the face of site […]
    • CSSVista
      CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously……
    • HTML and CSS Table Border Style Wizard
      Use this wizard to experiment with table border styles and generate style source code.
    • I Like Your Colors!
      Use this tool to extract the colors from the HTML and CSS of any web site. Compare the colors easily using hue groups.
    • Online CSS Scrollbar Color Changer
      Change the scrollbar colors in an HTML page
    • S5Easy: Create S5 Slideshows Easy Online
      Create your slideshow in only 3 steps
    • Selectoracle
      English and Spanish translations of CSS3 selectors
    • Spanky Corners
      ‘Spanky Corners’ is an experimental technique for using only CSS to produce ’round-cornered content boxes’ with semantically pure markup. It does not require JavaScript to work

    Formatters and Optimizers

    Any suggestions, ideas? Feel free to comment on this article!

    Back to Top

  • 0 Comments
  • Filed under: CSS

    • (X)HTML and CSS Templates

    Author: nycgraphix

    5 Mar

    Below you’ll find a list of resources which offer free, gorgeous and valid CSS-based templates – usually with images and full layout structure, such as headers, navigation bars, content containers, sidebars and footers.

    Usually developers require a link to the site where the template was downloaded from. So before using these templates it might be useful to take a look at the license agreement the developer provides.

    Even more freebies!

    Any suggestions, ideas? Feel free to comment on this article!

    Back to Top

  • 1 Comment
  • Filed under: Free Templates
    • Page 3 of 512345

    Categories

    Archives

    Follow nycgraphix on Twitter

    Tags

    Views

    Links


    Archives


    Meta


    Photography Link Exchange

    PhotographySites

    Copyright © 2010 - BlogPhoto - is proudly powered by WordPress
    Illacrimo Theme is created by: Design Disease brought to you by LifeSpy.

    Bad Behavior has blocked 155 access attempts in the last 7 days.