Archive for the ‘Web Design’ Category
  • Create animated menus using JQuery
    by Alex
    Posted November 17th, 2008 at 7:49 am

    This is a really cool tutorial showing you how to create some smooth animated menus using the JQuery library.

    Create animated menus using JQuery

  • Tutorial: How to implement a complete RSS feed and your favorite news feed links in your site?
    by Alex
    Posted November 15th, 2008 at 4:48 pm

    In this tutorial, I will present how to make a new RSS feed in your site. I’ll explain the implementation issues, with different options (from easy or no coding t hard coding, etc) to perform the implementation. It is designed for ay people- non-programmers to programmers to design a RSS feed.

    Ok, first I’ll present the big picture of the desired RSS feed.

    A) Big Picture : First I’ll show what I want to make. The overall view is essential to present the RSS look-and-feel to your boss or administrator before doing any coding.

    One ‘RSS’ button should make a link from one of your source page. Clicking on that button, the following page should appear.

    Desired RSS Feed
    Figure 1: Main view of the desired RSS feed

    Now I will explain how to start coding. Before coding, two easy solutions are there that you can take into account. Start reading.

    B) Easy solutions (mainly for non-programmers):

    From the administrative point of view, you can do either of the following two things :

    • Buy or ask for a RSS component to your web-design companies. Most web-design companies use CMS (content management systems) to make your site. And almost all CMS has plugins or extensions of RSS ready to be used in a site. It is just a matter of enabling the option into your site without almost any coding from your website designers. So don’t miss the chance asking them to enable that option!
    • There are many free web-companies to prepare a RSS feed for your company. What you need to do is as follows: a) Make a XML RSS feed like Part C of this tutorial below, and b) link your prepared XML RSS feed from that web-company. Prior this operation you need to register. It is also simple, isn’t it?

    However, if you want to program, keep on reading. I’ll touch every options to make your RSS workable and efficient.

    C) Main RSS feed (The XML one!)

    The left part of Figure 1 is actually the main RSS feed to be used in a website. It’s a XML file that Internet Explorer and many others can read and parse and present accordingly (with subscription link as well).

    Tools like ‘Feed editor’ (need to be activated after a period), RSSEditor (free), etc can be used to make a RSS feed (xml file). You’ll put that xml file into your site and it works fine. However, you need to validate RSS feed using a plugin of those tools (if available) or different free validator around the web. You can get many such validators after doing a little searching in the web.

  • Design Inspiration #1 | CSS and Flash Web Gallery
    by Alex
    Posted October 12th, 2008 at 7:00 am

    Starting this issue we’ll be introducing a new section to the blog, Design Inspiration. This section will consist of websites selected from our web gallery.

    John Morris Photography

    John Morris Photography

    Dehog

    Dehog

     Hpvorlagen 24

    Hpvorlagen 24

    Designpicks

    Design Picks

    Logo from Dreams

    Logo from Dreams

    Jayhan

    Jayhan

    Masters of Colour

    Masters of Colour

    Milda Cevre

    Milda Cevre

    Convex Digital

    Convex Digital

    Indie Studio

    Indie Studio

  • PSD TO XHTML Slicing Service
    by Alex
    Posted October 6th, 2008 at 11:26 am

    Finding a good and fast PSD to XHTML slicing service  can be quite a hassle with all the slicing websites existing on the market today. Markup-Service.com provides hand-coded conversion of your designs into high quality, W3C valid XHTML/CSS in less than 8 hours.

    The XHTML / CSS services they provide are :

    • W3C Valid and compliant
    • Cross browser compatible (IE 6+, FF 2+, Opera 9+, Safari 2+, Google Chrome)
    • SEO Semantic
    • Pixel precise
    • Optimized for load speed
    • Logically structured
    • Easy to update
    • Self explanatory in terms of class names
    • Accessible for people with disabilities

    With Markup-Service you can get out of you design just about any technical requirements you like : XHTML 1.0 Strict / Transitional, CSS 2.1 (CSS3), Search Engine Optimization, Tableless coding, Commented code, Dynamic HTML: hover states, dynamic drop down menus, Fluid width layouts, Font options: relative font sizes, sIFR, SSI (PHP) includes, Microformats, Accessibility (WCAG 1, Section 508/ DDA) .

    Markup-Service.com

    The delivery time for each project is 8 hours for the homepage and 3-6 hours for each inner page and the services are available 24/7.

    For placing an order you have a variety of options and discounts available on a very detailed order page like 50% discount on each inner page and 10% discount on bulk orders, and an abundance of cool additional options like: Dynamic Drop Down Menus, sIFR, SSI templates and Rollover Implementation. Markup Service offers 3 packages – Standard, Professional and Deluxe, each having its own set of options.

    Markup-Service.com Order Page

    For potential customers that would like to get an exact quote there’s a contact page with an upload form for a precise estimate based on your design.

    They also have a page with their clients’ testimonials and examples of their work. Here’s a great example of the quality of services Markup-Service.com offers :

    Markup-Service.com Testimonials and Examples

  • CrossSlide - add the JQuery dimension to your photos
    by Alex
    Posted October 5th, 2008 at 7:00 am

    CrossSlide is a JQuery plugin that adds to your photos some cool effects traditionally available only via Flash, like : simultaneous slide and cross-fade, static cross-fade or Ken Burns effect.

    CrossSlide JQuery plugin

    Download : Demos, install instructions and download available here.
 Page 3 of 8  « First  ... « 2  3  4 » ...  Last » 
Sponsors
PSD to HTML
Elegant Wordpress Themes PSD to HTML
Favicon Ads
Share your design news Free Joomla Templates Free mediawiki skins Free pligg templates Flash web templates Web Design and Graphic Design Forum CLD Vectors - Free Vectors for Download Free Vectors
RSS Feed
Around The Site
Sponsor
The World's Best Web Design
Sponsors
Need templates ?
Thousands of themes and templates
User Links Panel
RSS User Links
Friends
We recommend
Sponsor

Money Saving Tips
Find cheap business cards printing, postcard printing and brochure printing by searching for online coupons. Search terms like "print flyers coupon code" in your favorite search engine.