code-callout - Create callouts and highlight lines in your Gists.

  •        50

Code Callout allows you to create links in your webpages to highlight and comment on a Gist embedded in the page. When you click a link, the page scrolls to the indicated lines, highlights them, and pops up a note. When you're done examining the code, you click a button to continue reading where you left off.



Related Projects

calloutview - A lightweight callout view class for iOS mimicking UICalloutView.

  •    Objective-C

A lightweight callout view class for iOS mimicking UICalloutView.

SharePoint 2013 Document Library Callout Template Modification Helper


It's the helper library for modification of the standard SharePoint 2013 callaut for the document library items.

github-corners - A fresher "Fork me on GitHub" callout.

  •    HTML

Phew, GitHub is over seven years old now... and is unquestionably synonymous with open source. After 7 years, those GitHub ribbons are more than overdue for a cleaner, more modern alternative. This is my take. You can build your own with the SVG's, copy some of the pre-defined code, or just change the fill and color values on the main <svg> element.

WLW Syntax Highlighter Plugin


A Windows Live Writer plugin for Syntax Highlighter that allows you to enter in code, select a language, and outputs the correct syntax to highlight your code. With this plugin you can write code for your blog and have it auto highlight

Boostnote - Note-taking app made for programmers just like you.

  •    Javascript

Boostnote is an open source note-taking app made for programmers just like you. Your markdown notes are saved automatically as you write and various formatting options have semi-live previews so you can double check what you’re writing. Text is formatted as you type.

jquery-resize - A resize event for ALL your jQueries!

  •    Javascript

Note that while this plugin works in jQuery 1.3.2, if an element's event callbacks are manually triggered via .trigger( 'resize' ) or .resize() those callbacks may double-fire, due to limitations in the jQuery 1.3.2 special events system. This is not an issue when using jQuery 1.4+. This working example, complete with fully commented code, illustrates a few ways in which this plugin can be used.

flexnav - A jQuery plugin for responsive menus

  •    CSS

A mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using touch events and tap targets. This is something I use to test different navigation techniques and may change as I iterate over different solutions to the problem. Basically I want a simple model to build upon when working on sites from scratch. Note: If you find a bug, please file an issue and note device and browser versions. Use the Demo as a point of reference for bugs. I can't offer my time to debug your specific code.

jQuery-Form-Validator - jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code

  •    Javascript

jQuery Form Validator is a feature rich and multilingual jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code. Even though this plugin has a wide range of validation functions it's designed to require as little network traffic as possible. This is achieved by grouping together validation functions in "modules", making it possible to load only those functions that's needed to validate a particular form.

Polaris - A library greatly enhancing the features of the Google Maps external library: Effortless map annotating, gesture support, map callout support, built-in “user tracking” mode, etc

  •    Java

Polaris is an extension of the Google Maps External Library and hence suffers from a lot of its limitations and bugs (PolarisMapView must be used in a MapActivity, only one instance of PolarisMapView is allowed per MapActivity, etc.). While reducing the complexity of the library, Polaris made the use of Overlay almost useless by managing main Overlays such as MyLocationOverlay and ItemizedOverlay internally. As a consequence, you must never use the getOverlays() method. PolarisMapView provides replacement methods such as addOverlay(Overlay), removeOverlay(Overlay), etc.

react-foundation - Foundation as React components.

  •    Javascript

Foundation as React components. Foundation is both feature-rich and easy to customize. React on the other hand is awesome because of its simplicity. It's even more awesome when combined with Redux and Immutable.

CodeFlask - A micro code-editor for awesome web pages.

  •    Javascript

CodeFlask: A micro code-editor for awesome web pages. This API is simply a proxy to add a new language to Prism itself (the code highlighter). The options parameter must be the same accepted in Prism. You can read more about it here.


  •    Java

EditBox is the Eclipse plugin for source code background highlighting. While most of plugins highlight the syntax of the source code, EditBox highlights the selected block of the code by changing its background color and drawing border around it.

jquery-annotated-source - jQuery Annotated Source

  •    Javascript

Please Note: This project was released in 2011 when 1.6.2 was the latest jQuery version. It is no longer maintained. Jumping in to the source code of a popular library and seeing how the sausage is made is a great way to level-up on your journey to JavaScript badassery. But reading through 10K lines of highly refined code can be a daunting task.

maphilight - jQuery plugin that adds highlighting to image maps

  •    Javascript

Maphilight is a jQuery plugin that adds visual hilights to image maps. In IE VML is used. In other browsers canvas is used. Maphilight has been tested in Firefox, IE, Safari, Chrome, and Opera.

runloop - Runloop: A jQuery Plugin for Comprehensive Animations.

  •    Javascript

With jQuery Runloop, you can create your own small runloop with keyframes at your own choosing, each with code to execute. You can put whatever code you want in each keyframe, rearrange keyframes easily, and use reusable maps of code and/or animations to share between runloops. Runloop was created to have more power, more control and less hassle than dealing with jQuery .animate() callbacks. It hooks into jQuery's Effects Queue by design, to avoid timing conflicts in the case of doing many multiple .animate() calls.

SyntaxHighlighter - Fully functional self-contained code syntax highlighter developed in JavaScript

  •    Javascript

SyntaxHighlighter is THE client side highlighter for the web and web-apps! It's been around since 2004 and it's used virtually everywhere to seamlessly highlight code for presentation purposes. SyntaxHighlighter is currently used and has been used in the past by Microsoft, Apache, Mozilla, Yahoo, Wordpress, Bug Labs, Freshbooks and many other companies and blogs.

hexo-theme-minos - A simple and retro styled Hexo theme, concentrated more on your ideas.

  •    Javascript

Minos includes plentiful search, comment, sharing and other plugins out of the box. You can choose any of them to enrich your blog experience, or build your own plugin easily referring to the existing Minos plugins. Minos directly import code highlight themes from the highlight.js package, and makes more than 70 highlight themes available to you.

plugin-php - Prettier PHP Plugin

  •    Javascript

Please note that this plugin is currently in alpha stage and still under active development. We encourage everyone to try it and give feedback, but we don't recommend it for production use yet. Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.