Index

the pgn4web wiki

pgn4web is a software package providing a chess games viewer for websites and blogs, including live games broadcast support; pgn4web also provides a variety of online web services, including a chess viewer and a board generator tool for adding chess games to websites and blogs without any coding; pgn4web integrates with several popular web platforms and services.

user sites gallery

• User sites gallery: selection of websites and blogs using pgn4web, with users' quotes

information for end users

• End user interface: interacting with the chessboard using keyboard and mouse: shortcut keys, shortcut squares and touch gestures
• Search tool: how to use the search tool looking for specific games
• Engine analysis board: optional module for chess engine analysis

information for bloggers, webmasters and web developers

general implementation notes for your website, blog, forum and portal

• Features, limitations and known bugs
• Read me first: must read information before deploying pgn4web on a server
• HowTo: application notes showing how to use pgn4web in your web pages and your blog
• Debugging: guidelines how to debug pgn4web based sites and PGN inputs
• User notes: collection of random feedback and tips from pgn4web users
• Translating: guidelines how to translate pgn4web in another language
• Browser notes: technical comments about the behavior of different web browsers

packaged applications and online services

live games broadcast

• Live games broadcast: how to broadcast live games
• Board widget live games broadcast: how to use the board widget for live games broadcast
• Live fullscreen dynamic frame :how to use the responsive dynamic frame for live games broadcast

board widget

• Board widget: general purpose board widget for showing games/positions in web pages and blogs
• Board widget instructions: how to add board widget games to your web site or to your blog
• Board widget live games broadcast: how to use the board widget for live games broadcast
• Board widget puzzles: how to use the board widget to show puzzles
• Board widget generator: web based tool to easily create board widgets

online games viewer

• Online games viewer: web based tool to browse games and PGN files, with graphical engine annotation functionality

chess puzzles

• Chess puzzler: chess puzzler applet and google gadget
• Board widget puzzles: how to use the board widget to show puzzles
• Example puzzles: a set of chess tactical puzzles

dynamic frame

• Dynamic frame: responsive chessboard frame dynamically adjusting to the available space
• Live fullscreen dynamic frame: how to use the responsive dynamic frame for live games broadcast

engine analysis board

• Engine analysis board: optional module for chess engine analysis

online services at the pgn4web site

The pgn4web site offers a variety of the above online services; before relying on online services provided by the pgn4web site, please read the service availability disclaimer. Please also be aware that the online services provided by the pgn4web site might use google analytics for anonymous utilization reports.

web platform integration, plugins and extensions

Integration guidelines for popular blog, forum and portal platforms:

• blog platforms
  • blogger integration guidelines
  • tumblr integration guidelines
  • wordpress.org plugin
• portal platforms
  • dokuwiki plugin
  • drupal module and integration guidelines
  • e107 integration example
  • IPS integration example
  • joomla plugin
  • liferay portlet
  • mediawiki extension
  • plone add-on product
  • SPIP plugin
  • TYPO3 extension
• forum platforms
  • MyBB integration guidelines
  • phpBB integration guidelines
  • PunBB integration guidelines
  • simplemachines integration guidelines
  • vbulletin integration guidelines

Most popular platforms for chess applications highlighted in bold.

application examples and HTML templates

Examples and HTML templates: application examples and HTML templates

• Example annotations: using a PGN file with text annotations and variations
• Example large PGN database: using a large PGN file (TWIC #944)
• Example custom layout: showing nice visual effects using CSS3 in your HTML file
• Example custom scripts: showing how internal functions from pgn4web.js can be used in your HTML file
• puzzle examples:
  • Example chess puzzler: chess puzzler applet and gadget for blogger and google sites
  • Example puzzles: a set of chess tactical puzzles
• Example PGN form: form to browse custom PGN data (HTML & javascript client only)
• Example PGN viewer: form to browse custom PGN data (php server application, with engine annotation function)
• Example PGN files collection: how to manage a collection of PGN files
• Example Chess960 (a.k.a. Fischer random chess): support for Chess960 games
• Example HTML5 video: notes about integration with HTML5 videos

other supporting info

• Service availability: service availability disclaimer for pgn4web online services
• PGN and FEN standards support: notes about PGN and FEN standards support
• Contribute: how to contribute to the pgn4web project
• User contributed material: material contributed by pgn4web users
• Credits and license: credits for third party code, artwork and pgn games collections and License information
• Wiki pages list: full list of wiki pages about pgn4web