Xui.js - a simple javascript library for building mobile web applications.

Social Sharing Buttons Under Control: Socialite.js Perfection kills » Detecting event support without browser sniffing ← back 751 words 1 April 2009 One of the pain points of feature testing in client-side scripting is that for event support. DOM doesn’t really specify any means to detect exactly which events browser understands and can work with. Since browser sniffing is completely unreliable (as well as unmaintainable and fragile), we need a better way to detect events. An obvious solution might be to employ an actual testing – create an element, attach an event listener, fire an event from that element and check if event listener gets executed. It’s not widely known, but there actually is a quite robust way to detect most of the DOM L2 events. 'onclick' in document.documentElement; // true 'onclick2' in document.documentElement; // false Unfortunately, this is not the case with Firefox. 'onreset' in document.documentElement; // false 'onreset' in document.createElement('input'); // true To work around Firefox, we can employ a slightly different strategy (recommended by David Mark). Did you like this?

tubalmartin/riloadr Home | Elycharts Welcome to Square Bracket {Object} Grid Property or Method name Description Default opts [NOTE] The options labled opts. Note opts.title property Title attribute on the table element. opts.action property Action attribute on the table element. opts.nRowsShowing property How many rows to show in the grid. opts.minAllowedColWidth property Since you're able to specify a column width on the <th>, the grid won't allow the user to resized those columns beyond this minimum pixel value. opts.class property Classes stored on the table element. opts.page property What page to start the grid on. opts.showPager property Whether to show the paging controls or not. true opts.deleting property Whether to allow deleting on the grid. false opts.checkboxes property When true will add a column of checkboxes on the far right. opts.rowNumbers property When true will add a column of row numbers on the far left. opts.editing property If the entire grid is editable or not. opts.width property Grid width pager cols columns toSave notify(msg,ms) function error(msg) grid

Rédacteur éditeur WYSIWYG sur jQuery by James Fenimore Cooper Winding its way among countless islands, and imbedded in mountains, the "holy lake" extended a dozen leagues still further to the south. With the high plain that there interposed itself to the further passage of the water, commenced a portage of as many miles, which conducted the adventurer to the banks of the Hudson, at a point where, with the usual obstructions of the rapids, or rifts, as they were then termed in the language of the country, the river became navigable to the tide.​ "Come," he said, with a good-humored smile; "the buck that will take to the water must be headed, and not followed." The route taken by Hawkeye lay across those sandy plains, relived by occasional valleys and swells of land, which had been traversed by their party on the morning of the same day, with the baffled Magua for their guide.

Transparency - Un moteur de template jQuery simplifié Transparency est un moteur de template jQuery simplifié, facile à prendre en main et efficace. C'est de plus en plus courant, utiliser des moteurs de templates javascript permet l'affichage de pages dynamiques de manière propre. En séparant les couches de données et le code HTML de la vue, la maintenance et possibilités d'évolutions sont améliorées. Transparency permet de mettre en place un système de templating jQuery de manière très simple. Le moteur est simple, mais complet! BouclesRendu de listesRendu d'objetsActions spécifiques de rendu (Directives)... Pour mieux comprendre, prenons un exemple d'utilisation. 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. Nous souhaitons afficher dans ce tableau une liste de données récupérées en JSON: 01.var activities; 03.activities = [ 05. date: '2011-08-23', 06. activity: 'Jogging', 07. comment: 'Early morning run', 08. name: 'Harry Potter' 10. date: '2011-09-04', 11. activity: 'Gym', 12. comment: 'Chest workout', 13. name: 'Batman' 1.

FitVids.js - Rendez vos vidéos responsive avec jQuery Fitvids.js est une librairie Javascript permettant de rendre vos vidéos redimensionnables automatiquement en fonction de la taille du navigateur (Responsive Webdesign). La mode actuelle est clairement au "Responsive webdesign".(Pour la traduction française, le débat est lancé sur la Fanpage de la Ferme, webdesign ajustable ou réactif remportent le vote). Fitvids est une librairie Javascript légère permettant de rendre vos vidéos youtube, viméo... redimensionnables dynamiquement en fonction de la taille de votre navigateur. Même en pleine lecture, vous aurez la possibilité de redimensionner votre navigateur sans que cette dernière ne coupe ou reste dans sa taille figée. Côté code, rien de plus simple avec jQuery: 1. 2. Si vous souhaitez être encore plus responsive, vous pouvez aller voir FitText, permettant de redimensionner le texte de manière responsive. Vous avez d'autres lib responsive à partager ? Site Officiel

Immaculate: Free One Page Portfolio Website Template | PriteshGupta.com “Immaculate” is a modern, beautiful and Clean One Page Portfolio Website Template with a refreshing layout. It is also fast loading, cross browser compatible and is built to suit all kinds of businesses as well as personal needs. The template is made using HTML5, CSS3 and jQuery and has web fonts, shortcodes, Flickr Image Slider along with working Ajax contact form and a lot more. You are free to use it for your personal as well as commercial projects. It is released under New BSD License, read more about it here. Live Demo // Download (Click on ‘Download Zip’) Features One PageFresh LayoutHTML5 and CSS3W3C Valid HTML5Web FontsFlickr Image SliderFancyboxShortcodesWorking Ajax Contact FormCross Browser CompatibleEasily CustomizableRead Me IncludedTotally Free! Preview(click for larger image) Latest Version: 2.0 1.0: Stable Version2.0: Remade From Scratch

Useful HTML5/CSS3 Frameworks The mobile photo editing community is encroaching on new artistic territory — comic books. Life is an adventure, so why not make it look like one? That’s what many mobile artists have done, editing real life photos to create exciting illustrations without ever touching pen to paper. Becoming the hero of your own art takes more… A’ Design Award is the World’s most prestigious international design competition. This year, the global business-to-consumer eCommerce sales are expected to reach $1.5 trillion. If you’re ready to start an eCommerce business but don’t have the money or space for the inventory that you would be required to keep, you may want to consider an ecommerce drop shipping business. The best part of starting an online drop shipping business is that you don’t have to stock the items you are selling on your site. Writing a business plan is not an easy task. Today we are having a look at 30 beautiful vector wallpapers.

How to Build a CSS3 Sliding Menu It’s often best to put things away until you need them. Navigation menus are a good example. If I’m reading an article, I don’t want a large proportion of screen real estate taken with links — especially on a mobile device. In this article, we’re going to build a slide-out menu using CSS alone. If you’re using a modern browser, it will also show a lovely 3D page effect. This is what we’ll achieve: View the CSS3 sliding menu demonstration… There are various solutions throughout the web, but I struggled to find one matching my requirements: It must use clean semantic HTML5 with no superfluous tags.It must not rely on JavaScript.It must not require additional graphics.It must work on mobile and tablet touch devices.It must degrade gracefully in older browsers (IE7+) or when specific CSS3 properties are not supported.It must look great! Open your favorite editor and let’s get coding… The HTML CSS: Article Styles We’ve also defined the transform-origin to the middle of the left-hand edge.

bartaz/impress.js