jonom/jquery-focuspoint
▻https://github.com/jonom/jquery-focuspoint
Intelligent cropping for flexible image containers
jonom/jquery-focuspoint
▻https://github.com/jonom/jquery-focuspoint
Intelligent cropping for flexible image containers
#développement #web #javascript #focus #idée_pour_SPIP (avoir un plugin pour définir le point de focus d’une image, ensuite d’autres plugins, filtres, etc, peuvent l’utiliser)
VodkaBears/Vide
▻https://github.com/VodkaBears/Vide
L’autocomplétion
▻http://fr.openclassrooms.com/informatique/cours/decouvrez-la-puissance-de-jquery-ui/l-autocompletion-1
un #tutoriel assez complet pour l’utilisation du #jquery-ui #autocomplete : exemples des différents paramétrages et options.
SlidesJS, a #responsive #slideshow plug-in for #jQuery
▻http://www.slidesjs.com
SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and #CSS3 transitions.
Créer un #organigramme en #html et #CSS
▻http://www.soon7.com/developpements/creer-un-organigramme-en-html-et-css
Afin de réaliser un organigramme (Organization #chart en anglais), plusieurs solutions sont disponibles : Une solution élégante et responsive, en css : ▻http://codepen.io/siiron/pen/aLkdE Une solution basée sur #jquery, plutôt bien faite : ▻https://github.com/caprica/jquery-orgchart Voir les démos : ▻http://www.capricasoftware.co.uk/projects/jquery-orgchart/demos.html un exemple pour du share point : ▻https://github.com/Aymkdn/OrgChart-JS-Sharepoint Il existe même une solution proposée par Google : ▻https://developers.google.com/chart/interactive/docs/gallery/orgchart Ces solution […]
A #jquery plugin that allows tweeting a user selected/highlighted text.
▻https://github.com/aterkik/jquery-tweet-highlighted
Tags : jquery #twitter
Accessible Mega #menu
▻http://adobe-accessibility.github.io/Accessible-Mega-Menu
“The #navigation menu at the top of this page demonstrates how one can implement an accessible #mega_menu as a jQuery plugin. It is modeled after the mega menu on adobe.com but has been simplified for use by others.” Tags: accessibilité menu navigation mega menu
▻https://github.com/ether/etherpad-lite-jquery-plugin/blob/master/README.md
The Etherpad jQuery Plugin easily allows you to embed and access a pad from Etherpad in a web page. The plugin injects the pad contents into a div using iframes. It can also read the contents of a Pad and write it to a div.
Images responsive avec Picturefill ou jQuery Picture - Wooster
▻http://wooster.checkmy.ws/2014/04/picturefill-jquerypicture-responsive-images
Si vous utilisez #jQuery, il peut être intéréssant d’opter pour #jQuery_Picture. Il pèse seulement 2KO, jQuery non compris bien sûr !
Bien que déjà ancien et pas vraiment mis à jour depuis, la compatibilité plutôt importante avec les navigateurs et la compatibilité avec les dernières versions de jQuery peuvent influencer le choix.
Compat IE9+ et les autres
Jump Start: GSAP JS « GreenSock
▻http://www.greensock.com/jump-start-js/#welcome
Get up and running fast. See how easy it is to animate in JavaScript with GSAP.
Play with these slides, change options, click around and see what happens.
Learning a new API can be fun. You’ll be animating like a pro in no time.
et ca marche avec #jQuery : ▻http://www.greensock.com/jquery-gsap-plugin
Compilation d’outils pour tout savoir d’un site Web | Les Infos de Ballajack
▻http://www.ballajack.com/compilation-outils-savoir-site
Voici une liste d’outils gratuits utilisables en ligne en renseignant l’URL du site à explorer pour mener à bien une petite enquête et découvrir tout ce qu’il convient de savoir sur les détails d’un site pour peu que l’on soit curieux de voir ce que cachent ses entrailles techniques, quelles sont ses performances générales, son impact sur les réseaux sociaux… Cette liste sera régulièrement mise à jour en fur et mesure de mes découvertes.(Permalink)
artberri/jquery-html5storage · GitHub
▻https://github.com/artberri/jquery-html5storage
un plugin #jquery pour utiliser les capacités HTML5 de #stockage local des navigateurs. Propose une compatibilité descendante à base de cookie pour les navigateurs non compatibles.
jQuery Panorama Viewer : Vos panoramas embed sur vos pages web - La Ferme du web
▻http://www.lafermeduweb.net/billet/jquery-panorama-viewer-vos-panoramas-embed-sur-vos-pages-web-1708.html
Voici un plugin #jQuery simple et efficace pour mettre en place des #panoramas scrollables en drag and drop.
MixItUp
▻https://mixitup.kunkalabs.com
MixItUp is a #jQuery #plugin providing animated filtering and sorting.
Great for managing any categorised or ordered content like portfolios, galleries and blogs, MixItUp can also function as a powerful tool for engaging application UI and data-visualisation.
#ScrollMagic - The #jQuery plugin for magical scroll interactions.
▻http://janpaepke.github.io/ScrollMagic
ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar.
Threesixty Slider - Un plugin #jquery de slider d’image à 360° - La Ferme du web
▻http://www.lafermeduweb.net/billet/threesixty-slider-un-plugin-jquery-de-slider-d-image-a-360-1520.html
Threesixty Slider, comme son nom l’indique, est un plugin jQuery permettant de mettre en place des sliders d’images à 360°
#parallax.js
▻http://wagerfield.github.io/parallax
“parallax.js reacts to the orientation of your smart device, offsetting layers depending on their depth within a scene... Oh, you don’t have a smart device? No worries, if no gyroscope or motion detection hardware is available, parallax.js uses the position of your cursor instead.” Tags: parallax #jquery #animation #mobile #démo #3D #JavaScript
Webshims lib - The capability-based #polyfill-loading JS library
▻http://afarkas.github.io/webshim/demos/index.html
“Webshims Lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable #HTML5 features, so that developers can write modern, interoperable and robust code in all browsers. It is built on top of #jQuery and #Modernizr.” Tags: #JavaScript polyfill HTML5 #plugin jQuery Modernizr #IE8
Je suis en train de le mettre progressivement en prod sur un gros site (essentiellement pour la validation des formulaires). Parmi les solutions de ce genre, c’est celle qui m’a paru la plus propre et la plus « future-proof » (et avec un support polyfillé de :user-error !). Par contre la doc est assez difficile à digérer (mais l’auteur travaille sur ce point).
Je suis preneur de retours, j’en ferais également, s’il y a des gens intéressés ou si vous avez des questions précises.
jScroll - a jQuery Plugin for Infinite Scrolling / Lazy Loading
▻http://jscroll.com/#examples
jScroll is a #jQuery plugin for #infinite #scrolling, written by Philip Klauzinski. Infinite scrolling; also known as lazy loading, endless scrolling, autopager, endless pages, etc.; is the ability to load content via AJAX within the current page or content area as you scroll down. The new content can be loaded automatically each time you scroll to the end of the existing content, or it can be triggered to load by clicking a navigation link at the end of the existing content.
croppic is an #image cropping #jQuery #plugin
▻http://www.croppic.net
“croppic is an image cropping jquery plugin that will satisfy your needs and much more” Tags: #Art_Direction Responsive Web Design (RWD) #crop #librairie plugin jQuery #JavaScript image #coupe
Clairement, notamment pour définir la vue rapprochée dans un contexte responsive de petite taille, qui passe pour l’instant par un upload supplémentaire, dans le plugin de Cédric
Mmmh, non il me semble que pour ce point là ce n’est pas ça. Le but à terme c’est plutôt de définir le « point d’intérêt central » de l’image. Et du coup, de faire des |image_recadre
et des |adaptive_images
qui contiennent toujours le point d’intérêt. Sans avoir besoin de définir plusieurs images différentes, que ce soit par upload ou par modif en ligne.
La technique du #focal_point c’est ce que j’avais suggéré à Cédric comme approche idéale, le #crop étant un pis aller déjà pas mal… ;-)
La prise en charge du focal point est faite dans Koken, qui est open source et en PHP… #jdcjdr
You Might Not Need jQuery
►http://youmightnotneedjquery.com
équivalence entre #jquery et #javascript pur pour toutes sortes de bouts de code.
#elementQuery - calculs #responsive au niveau d’un élément et non plus d’une page (nécessite #jquery)
▻https://github.com/tysonmatanich/elementQuery
Syntax
This rule queries itself for a single condition:
header[min-width~="500px"] {
background-color: #eee;
}
This rule queries itself for multiple conditions:
header[min-width~="500px"][max-width~="800px"] {
background-color: #eee;
}
This rule queries a parent for a condition:
header[min-width~="31.250em"] nav {
clear: both;
}
(...)
Query types
The following query types are supported: min-width
, max-width
, min-height
, max-height
.
Annotorious - Image Annotation for the Web
▻http://annotorious.github.io/index.html
Un « nouveau » script similaire à celui utilisé das le #plugin #Légendes pour #SPIP qui devrait permettre de gérer des légendes sous forme de polygones (le script de référence semble permettre de gérer des légendes sur les vidéos et l’audio ping @kent1).
Smart Defaults: On Libraries & Frameworks - TimKadlec.com
▻http://timkadlec.com/2014/01/smart-defaults-on-libraries-and-frameworks
“I’ve worked on projects where some of the devices we needed to test on couldn’t load the page at all if #jQuery was present—it was just too much #JavaScript for the device to handle.” Tags: jQuery #librairie JavaScript #performance #webperf
Diem Content Management Framework | Diem #CMF #CMS for #symfony (1.4 seulement, on dirait)
▻http://diem-project.org
Diem packages many site-independant features in a clean user interface. Most of the common problems a web developer has to face up ( #SEO, #admin_generation, #search_engine... ) are made easy.
Diem is, and will always be, entirely free and published under the MIT license.
#PHP #Zend_FrameWork (#ZF) #JQuery
Mais, mais mais ...
Diem CMS: Seize it or leave it?
▻http://dandydev.net/blog/diem-cms-seize-it-or-leave-it
Final Verdict
Diem is a very promising CMS with some very cool and unique features. It’s not the out-of-the-box CMS for your average blogger, or even for a designer with a minimal development skillset. It could however have been, a great tool for webdevelopers who want to build a website of any size with a userfriendly editor for the endusers. I am afraid however, that development and the community have regressed to a state in which they are easily overruled by the myriad of other, more developed options out there. I’m not confident Diem will get out of that state.
To developers - especially those experienced with Symfony - looking for a CMS other than Wordpress, that they can mold to their tastes, I recommend looking at Apostrophe, or roll their own solution built on top of Symfony2 and the large number of great bundles available for it.
Qui aboutit à ça : ▻http://cmf.symfony.com ... Ok... :)