Greepit.com » Html

Content Organization Rules

Saif — Mon, 14 Oct 2013 06:35:26 +0000

Even with eCommerce stores, content marketing remains one of the keys to successful customer attraction. The content draws the customers in and it makes them want to know more. Because it then satisfies needs that they have, it also makes it more likely that your customers will feel indebted to you. If they have not made a purchase, they are more likely to make one after they have read valuable content on your site. If they have made a purchase and the experience was good, then they are even more likely to make future purchases. However, setting up the content is not as simple as throwing articles together. Instead, you need to make sure that you follow proper web design rules for organizing your content.

Most Gripping and Valuable Content First

A number of sites choose to organize content based on the date it was either posted or in alphabetical order. While neither of these organization methods are necessarily bad, they aren’t likely to keep your customers coming back to read more. You will want to put together new content at the front, but from there, you should organize it based on the most gripping and valuable. Articles reporting on the general state of the business or press releases should be farther down in the order.

Blog Pages Make Bad Home Pages

For an eCommerce store, a blog as the home page is a bad idea. Linking to the blog on the home page, on the other hand, is a great idea. It makes it easy for your customers to find the content, but it also keeps the front page a clear eCommerce store design. The problem with using a blog as the front page is the fact that it is dynamic and loses that sense of professionalism, among other things. Remember that your content does need to be upfront, but at the same time, you’re running an eCommerce store. Just as you would expect an artist who uses art website templates to keep his art at the front of the website, your customers expect your general storefront to be at the front of the website. Instead, just put a window with a link or a snippet from the blog, making it a tantalizing option for curious readers.

Categories Matter

When you have a lot of high quality content, the organization of the content should be such that people can find the information they’re looking for. Use categories to your full advantage. You don’t have to put all of the categories on the main tabs or even in their own menu. Just make sure that you have a link that connects readers to those categories so that they can quickly browse what items or services you have. You should also make the category titles active. This way they can also click on the links.

When organizing content, your primary goal is to make sure that your customers can find everything that they need. You can make this easier by putting your most gripping and valuable content first. You should avoid setting up the blog pages as your home page. Instead, just include a link or window. And finally, make sure that you provide good categories so that readers can find the information they need as they need it.

Semantic UI – Free Front-end Framework

Team Greepit — Thu, 19 Sep 2013 10:36:21 +0000

Writing front end code shouldn’t require learning the naming or programming conventions of a particular developer. Instead of using short-hand, or codified naming conventions, semantic uses simple, common language for parts of interface elements and familiar rules used in natural languages for describing elements.

Semantic is a set of specifications for sharing UI elements between developers. Semantic is also a UI library to make front end development simpler and easier to learn.

Special DownloadsDesign Freebies Feedback Collection and Polling Widget

Free Creative Resume Template

Open Source Icons

Free Minimal WordPress Theme

UI Components for Modern Web Apps – Brick

Saif — Fri, 30 Aug 2013 07:56:10 +0000

Brick is a bundle of reusable UI components created to enable rapid development of cross-browser and mobile-friendly HTML5 web applications.

It’s a cross-browser library that provides new custom HTML tags to abstract away common user interface patterns into easy-to-use, flexible, and semantic Web Components.

Built on Mozilla’s x-tags library, Brick allows you to plug simple HTML tags into your markup to implement widgets like sliders or datepickers, speeding up development by saving you from having to initially think about the under-the-hood HTML/CSS/JavaScript.

Special Downloads
Design Freebies Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Easy Interaction With the DOM — HTML JS

Team Greepit — Tue, 27 Aug 2013 07:49:59 +0000

HTML(.js) is a JavaScript library that eases interaction with the DOM. The library supports human-readable code and features several methods for working with and managing the DOM.

HTML lets you traverse and search the DOM with intuitive, readable, consistent code for both nodes and arrays of nodes. HTML has a modular design that is easy to extend, adapt or customize to meet your needs.

Special Downloads
Design Freebies Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

A Lightweight Front-End Framework: UIkit

Team Greepit — Wed, 31 Jul 2013 09:09:12 +0000

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit gives you a comprehensive collection of HTML, CSS, and JS components
which is simple to use, easy to customize and extendable.

Everything is very-well documented with examples and a web-based customizer exists for creating new themes (there are already 3 ready-to-choose themes).

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Single One (1) Page Responsive Websites (Free and Premium For A Low Price)

Team Greepit — Mon, 17 Jun 2013 09:04:58 +0000

Single / One (1) page websites are very interesting to get your website in one place. One page websites can be used for everyone to display their portfolio or represent their companies.

We hare gathered here few premium responsive single / one (1) page HTML/CSS websites along with some beautiful free responsive HTML templates and single page WordPress theme.

Responsive Single Page Portfolio – SCRN

One (1) Pager Responsive HTML5 CSS3 Template – Risumey

Creative Single Page Portfolio

Temptation – One (1) Page Template

Exit – Parallax Single Page Portfolio

Woop – Single Page Portfolio

Bigbang – Responsive WordPress Template

Temptation – Single Page WordPress Theme

Personal Landing Page WP Single Page Theme

Viewpoint – Responsive Single Page (1 Pager WordPress Theme) Portfolio

Free Responsive HTML5 Single Page Portfolio/Website Template: OnePager

Legend: Free Responsive One Page Template

Brushed – Free Responsive One Page HTML Template

Esatto – One Page Responsive Bootstrap Template

Free Responsive Portfolio WordPress Theme: OnePager

25 Awesome Free Website Templates

Saif — Fri, 24 May 2013 13:55:05 +0000

The recognition and representation that a well made website brings to you and/or your business is undeniable. We are all familiar with the importance of a well designed website. Although WordPress themes is the trendy path to take nowadays by most designers, nonetheless HTML/CSS based website templates cannot be ignored. Below Greepit presents 25 awesome and free to use professional website templates, which will definitely help you set up a good website.

01. Free professional website template: “Shape”

02. Free professional website template: “Solitude”

03. Free professional website template: “Fresh Resturant”

04. Free professional website template: “Photography Portfolio”

05. Free professional website template: “Symisun”

06. Free professional website template: “2Breed”

07. Free professional website template: “Extreme Updates”

08. Free professional website template: “Tools Shop”

09. Free professional website template: “Breaking Ontop”

10. Free professional website template: “Trail Impact”

11. Free professional website template: “Halcyonic”

12. Free professional website template: “Mahraja”

13. Free professional website template: “Crisp Presentation”

14. Free professional website template: “Modern Template”

15. Free professional website template: “Boulevard”

16. Free professional website template: “Misty Bud”

17. Free professional website template: “Car Dealership”

18. Free professional website template: “Round ‘n Round”

19. Free professional website template: “CSS Kiwi”

20. Free professional website template: “Ice Blue”

21. Free professional website template: “Black Box Hosting”

22. Free professional website template: “Clean Template”

23. Free professional website template: “Empower”

24. Free professional website template: “Eco Thunder”

25. Free professional website template: “Revestido”

Free jQuery and WordPress Plugins – Free Facebook FanPage and Website Templates

Team Greepit — Wed, 01 May 2013 06:22:04 +0000

Free Premium-like HTML5 Facebook Template: Facebuk

Infinite Facebook Fanpage Feeds on Your Website: Famax 1.0

Show Visual Feedback When Loading Data: isLoading

Displays Weather Status for Users jQuery Plugin: Weat
Creative Resume Template

A Timeline Plugin for jQuery: jqtimeline

Enables Full Screen (Single Page) Websites: jQuery fullContent

WordPress Tabbed News Slider Plugin: WP Tabbed News

Open Source Icons for UI Designers & Web Developers: gcons

A jQuery Inspired Canvas Utility Library: Gury

An Elegant Wrap (Image Slider) of Your Photo Collection: PhotoCradle.js

Open Source jQuery PHP Ajax Contact Form Templates With Captcha: Formify

Feedback Collection and Polling Widget: Opineo

Add functionality to Twitter Bootstraps Typeahead plugin: Mention.js

Creating Windows-8-like 3D animations with CSS3 and jQuery

Front End Development Framework For Rapid Web Development: The Markup Framework

Saif — Thu, 25 Apr 2013 12:31:21 +0000

The Markup Framework is a collection of layouts, widgets, typographic styles and other UI components to use as a starting point for your own Web designs.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Explore and Master Chrome DevTools: Discover DevTools

Saif — Fri, 29 Mar 2013 09:28:03 +0000

Discover DevTools is an interactive Code School training course that will teach you how to take advantage of Chrome DevTool’s powerful suite of resources and speed up the development and debugging of your web apps.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme