infovore + javascript   128

Building PWAs with Vue.js
Not hugely sophisticated, but still a useful set of things to check off in order to do this.
javascript  pwa  vuejs 
14 days ago by infovore
Stimulus: A modest JavaScript framework for the HTML you already have.
Quite like the look of Stimulus for really simple interactions without too much cruft.
framework  js  javascript  programming  library  code 
april 2018 by infovore
HTMLE Helps To Make Life Easier by Gritfish
"HTML goes in, games come out. HTMLE is a project template and a set of scripts that take care of a lot of the work involved in setting up these tools and simplifying everything." Might well be useful for things that aren't games, too...
html5  games  development  javascript 
july 2017 by infovore
Modern JavaScript for Ancient Web Developers
I still only like Node for Certain Shapes Of Problem, but I liked Gina's list of resources a lot. Filed away.
javascript  nodejs  writing 
march 2017 by infovore
Slicing up Rails Application.js for Faster Load Times
A nice pattern for breaking out code that might only be specific to certain pages.
rails  javascript  performance 
february 2017 by infovore
simeji/jid: json incremental digger
I really like jq, but this is a great tool for exploring JSON data - and of course, I love products you can explain with a gif.
jid  development  json  javascript 
december 2016 by infovore
fivdi/onoff: GPIO access and interrupt detection with JavaScript
Seems like the best GPIO library in JS I can find, simply because it actually supports hardware interrupts.
gpio  raspberrypi  javascript  hardware  interrupts 
january 2016 by infovore
Interesting; the wrapper Github used for Atom, as a platform. Makes building desktop applications for web-folk like me a notch easier, though as ever, I find the Javascript ecosystem baffling.
desktop  github  javascript  software  development  applications  nodejs 
october 2015 by infovore
Genius | Annotate the world
John Resig's original code for jQuery, annotated on Genius. I remember using a very, very early version of this around 2005 (and, indeed, using XPath selectors). Nice to see that other developers are just a bit mortal like oneself, too; his annotations are great.
history  javascript  jquery 
april 2015 by infovore
Chrome’s Console API: Greatest Hits
Lots of things I didn't know - but will make my life much easier - about the Chrome console API; tools for logging and debugging Javascript.
chrome  console  javascript  debugging  testing 
april 2015 by infovore
Aphorism Detection
Darius Kazemi on writing aphorism detection; if nothing, it's a lovely insight into how he thinks about problems, as well as some neat code examples.
javascript  bots  language  naturallanguage  dariuskazemi  programming 
january 2015 by infovore
Tangle: a JavaScript library for reactive documents
OK, this is great: Bret Victor's library for exploring interactive documents. Tidy - thanks to its use of data-attributes - but super-clear. Really nice to have a web-based library, too, and one focused on text. Now thinking about this conceit again.
data  interactive  bretvictor  javascript  exploration  spelunking 
october 2014 by infovore
I liked this introduction to D3 that Square give new hires - does a lot to explain the core of what's going on, without disappearing into handwavy magic.
d3  javascript  js  tutorial  introduction 
october 2014 by infovore
SIGHT & LIGHT - How to create 2D visibility/shadow effects for your game
Really nice tutorial on 2D visibility polygons - a series of interactive demos that illustrates a point very well.
maths  games  demonstrations  javascript  lineofsight 
march 2014 by infovore
Sails.js | Realtime MVC Framework for Node.js
Interesting: it's fairly Railsy, but uses lots of what feel like more idiomatic Node/Express conventions (it's built on top of Express). Waterline looks strong, and I like the integration of ACL/Policies. Might be useful for doing something fairly realtime but in an MVC way.
javascript  node  frameworks  mvc 
february 2014 by infovore
Direction, Distance and Destinations ◆ 24 ways
Hah: I knew there was probably a way of getting iPhone compass data in the browser.
javascript  geolocation  heading  compass 
february 2014 by infovore
"Sheetsee.js is a JavaScript library, or box of goodies, if you will, that makes it easy to use a Google Spreadsheet as the database feeding the tables, charts and maps on a website. Once set up, any changes to the spreadsheet will auto-saved by Google and be live on your site when a visitor refreshes the page." This is good.
javascript  spreadsheets  data  publishing  web  software 
august 2013 by infovore
jlord on the internet | Fork n Go
"All it takes to get a website going for a repository on GitHub is a branch named gh-pages containing web files. You also don’t need a master branch, you can have a repo with just one branch named gh-pages. Here is what I think is really cool, if you fork a project with just a gh-pages branch, you’re only a commit away from having a live version yourself. If this repo being forked is using sheetsee.js then everyone is a fork, commit and spreadsheet away from having a live website connected to an easy (a familiar spreadsheet UI and no ‘publish’ flow because Google autosaves) to use database that they manage (control permissions, review revision history)." Very smart.
development  software  deployment  code  spreadsheets  javascript 
august 2013 by infovore
Rickshaw: A JavaScript toolkit for creating interactive time-series graphs
"Rickshaw is a JavaScript toolkit for creating interactive time series graphs." This looks nice.
graphs  javascript  d3  visualization 
november 2012 by infovore
"This is the home of ‘Developing Backbone.js Applications’, an (in-progress) book about the Backbone.js framework for structuring JavaScript applications." From what I've read: good, clear, useful. Something to return to.
book  javascript  mvc  backbone  framework 
october 2012 by infovore
"Kittydar is short for kitty radar. Kittydar takes an image (canvas) and tells you the locations of all the cats in the image."
cats  javascript  computervision  facedetection  faces  animals 
july 2012 by infovore
"Hammer.js is a javascript library that can be used to control gestures on touch devices." Very nice. And: it has a jQuery plugin, too.
javascript  jquery  mobile  touch  development  interaction  ios 
may 2012 by infovore
PhantomJS: Headless WebKit with JavaScript API
"PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG."
javascript  webkit  web  browsers  headless  testing  rendering 
april 2012 by infovore
thinkroth/Sentimental · GitHub
"Sentiment analysis tool for node.js based on the AFINN-111 wordlist." Interesting; feel slike it could be ported to other platforms, too.
sentimentanalysis  language  naturallanguage  javascript  nodejs  code 
march 2012 by infovore
Sugar: A Javascript library for working with native objects.
"Sugar is a Javascript library that extends native objects with helpful methods. It is designed to be intuitive, unobtrusive, and let you do more with less code." Looks nice - and suitably Javascripty.
javascript  programming  framework 
march 2012 by infovore
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
"Micro-frameworks are definitely the pocketknives of the JavaScript library world: short, sweet, to the point. And at 5k and under, micro-frameworks are very very portable. A micro-framework does one thing and one thing only — and does it well. No cruft, no featuritis, no feature creep, no excess anywhere. helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you." Ooh, nice.
javascript  code  programming  libraries  frameworks 
march 2012 by infovore
jqPlot Charts and Graphs for jQuery
"jqPlot is a plotting and charting plugin for the jQuery Javascript framework." Ooh, nice; another one for the collection.
charts  javascript  jquery  data 
january 2012 by infovore
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
"Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors." Nice, elegant.
forms  javascript  jquery  plugin 
july 2011 by infovore
JavaScript Garden
"JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language." This looks really, really good. Alas, unlike Phil, I'm still not quite fully up-to-speed on Prototypes, but it's a great piece of documentation nontheless.
javascript  reference  documentation  programming 
april 2011 by infovore
defunkt/jquery-pjax - GitHub
"pjax loads HTML from your server into the current page without a full reload. It's ajax with real permalinks, page titles, and a working back button that fully degrades." ooh, interesting.
ajax  jquery  navigation  javascript 
april 2011 by infovore
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
"Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed." Good documentation, lots of neat tricks in here, and some good jumping-off points for further research.
javascript  apache  html  frontend  development 
december 2010 by infovore
Jammit: Industrial Strength Asset Packaging for Rails
"Jammit is an industrial strength asset packaging library for Rails, providing both the CSS and JavaScript concatenation and compression that you'd expect, as well as YUI Compressor and Closure Compiler compatibility, ahead-of-time gzipping, built-in JavaScript template support, and optional Data-URI / MHTML image and font embedding." Looks good.
javascript  compression  performance  rubyonrails  assets 
november 2010 by infovore
Annotator | Open Knowledge Foundation
"Simple javascript (+backend) library for web-annotation". Looks really good.
javascript  annotation  library  programming 
november 2010 by infovore
JQuery Cycle Plugin
"The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more." It's efficient and well-documented, too. Thumbs up.
jquery  javascript  plugin  slideshow  animation 
november 2010 by infovore
nathansearles's Faded at master - GitHub
"Faded is a super simple fading image and content viewer for jQuery. Easy to setup and design to your specifications. Features auto generated pagination, an awesome sequential image loader, some fancy crossfading, essentially no CSS required and a number of custom option for you to set if you like." Looks nicely coded, too; duly noted.
javascript  paginator  fade  transitions  imageviewer 
october 2010 by infovore
Code Standards | Isobar
Not a bad list, especially for sites needing hardcore, tight, front-end work, and that are going to face load.
development  frontend  markup  standards  process  css  html  javascript 
october 2010 by infovore
How to build a web widget (using jQuery) - Alex Marandon
This is very good: well explained, the right way around of doing things, and some neat tricks to boot.
widgegts  embed  jquery  javascript  tutorial  jsonp 
september 2010 by infovore
Ajax form submission with facebox
"So you want a facebox that shows a form which does an asynchronous submission and updates the facebox with the results of the submission showing error or success messages." Yes, I do. This worked. Thanks, Wes Gibbs.
facebox  jquery  javascript  ajax 
may 2010 by infovore
Lazy Load Plugin for jQuery
"Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them." Handy.
performance  lazyloading  jquery  javascript  plugin  images 
april 2010 by infovore
Jcrop - Deep Liquid
"Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications." Wow - snappy, well-made, and very impressive.
jquery  dhtml  javascript  programming  image  editing 
december 2009 by infovore
Scroll Clock
It's a digital clock made out of scrollbars; divs being resized to force overflow and generate a scrollbar make up the seven-segment display. Bonkers.
javascript  css  clock  programming  absurd 
november 2009 by infovore
Another World JS -
Porting a short segment of Another World to Javascript and Canvas. Bonkers, but impressive.
games  javascript  canvas  3D  anotherworld 
november 2009 by infovore
gRaphaël—Charting JavaScript Library
"gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library." And that's what I've been looking for.
javascript  raphael  charts  graphing  graphics  library  visualisation 
october 2009 by infovore
Raphaël—JavaScript Library
"Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library." Looks really rather interesting, and potentially beautiful.
javascript  graphics  library  web  vector  svg  design  visualisation 
october 2009 by infovore
Building iPhone Apps with HTML, CSS, and JavaScript
Really rather good, from what I've read so far, especially for prototyping.
iphone  javascript  html  css  development  prototyping  book 
october 2009 by infovore
jQuery slideViewer 1.1
"slideViewer (a jQuery image slider built on a single unordered list)". Which looks nifty.
jquery  slideshow  javascript  dhtml  design 
july 2009 by infovore
"Protovis is a visualization toolkit for JavaScript using the canvas element. It takes a graphical approach to data visualization, composing custom views of data with simple graphical primitives like bars and dots."
javascript  charts  graphics  graphs  canvas  visualization  library  programming 
april 2009 by infovore
WikipathS: The Great Web Race | Play This Thing!
" go to any page on Wikipedia; a "start" button appears on the page. You click it, and it sends you to a random Wikipedia page, and then displays your "target" page in a box at the bottom of the browser window (as shown in the illo above). Your goal is to navigate from the start page to the target page, using only links in the main body of each article; the game is timed, so presumably you're attempting to do it in the minimum amount of time." A Greasemonkey/js entrant to the Global Game Jam - unusual, to say the least, and an interesting move.
games  web  javascript  greasemonkey  wikipedia  navigation 
february 2009 by infovore
Recreating the button | stopdesign
"The buttons are designed to look very similar to basic HTML input buttons. But they can handle multiple interactions with one basic design. The buttons we’re using are imageless, and they’re created entirely using HTML and CSS, plus some JavaScript to manage the behavior." Dark, dark voodoo, but very impressive - and excellently explained by Doug Bowman. It's nice to see Doug blogging again.
design  ui  javascript  markup  css  frontend  html 
february 2009 by infovore
SoundManager 2: Javascript Sound For The Web
"By wrapping and extending Flash 8's sound API, SoundManager 2 brings solid audio functionality to Javascript." Dark voodoo. Dark, clever, voodoo.
flash  programming  audio  music  sound  javascript  mp3  nifty 
january 2009 by infovore
Creating a Nice Slider With jQuery UI « Keep The Web Weird - Interface Musings from Buck Wilson
This was actually a pretty good tutorial for the jQuery UI Slider control, if only for illustrating how much code - notably markup/styles - you have to provide before the slider works.
tutorial  ui  javascript  jquery  screencast  slider 
january 2009 by infovore
Improve your jQuery - 25 excellent tips
Very good - some good stuff around how the library works, but also lots of basics around how to optimise Javascript.
javascript  programming  development  tips  jquery  advice 
december 2008 by infovore » Blog Archive » JSSpeccy: A ZX Spectrum emulator in Javascript
"I’m really typecasting myself here. If there were an international “Person most likely to write a Spectrum emulator in Javascript” award, I’d have taken it for the last five years running. So here it is - probably the most stereotypical project I’ll ever come up with." Blimey.
mattwestcott  spectrum  emulation  programming  javascript  woah 
october 2008 by infovore
Code: Flickr Developer Blog » Lessons Learned while Building an iPhone Site
"Developing this site was very different from any other project I’ve worked on; there seems to be a new set of frontend rules for developing high-end mobile sites. A lot of the current best practices get thrown out the window in the quest for minimum page weight and fastest load times over slow celluar connections. Here are a few of the lessons we learned (sometimes painfully) while developing this site." Really excellent article from on building their new mobile/iPhone site.
web  development  mobile  optimization  javascript  css  iphone  flickr 
october 2008 by infovore
Antisocial: a Javascript demo by Gasman
Javascript demoscene craziness from Matt Westcott; 3D, music, and the most incredible editing tool I've seen in JS ever.
javascript  demoscene  demo  zxspectrum  music  3d  mattwestcott  crazy 
october 2008 by infovore
:: cleverdevil ::: Live Textile-Formatted Comment Preview
"This javascript function can then read in the current content of the text area, format it using a trimmed down version of textile, and then set the content of a DIV with the resulting HTML. The end result of all this is live comment preview, with textile formatting." Live textile preview functionality.
textile  markup  formatting  javascript  web  development  preview 
september 2008 by infovore
Google Analytics, jQuery, and File Downloads
A nice approach to doing some of the typical monitoring you'd want to do with Google Analytics, eg monitoring PDF downloads. I'm not totally convinced by some of his syntax, but the functionality is good, and the regex trick is nice.
web  development  javascript  jquery  analytics  googleanalytics  tracking  metrics 
september 2008 by infovore
Unobtrusive jQuery + Rails | Lambda @ Copa
Getting around the issues with Rails' authenticity tokens and trying to perform Ajax requests in jQuery.
rubyonrails  development  programming  javascript  jquery 
september 2008 by infovore
Google Chrome why? «
"The current browsers, including Firefox, just can’t cut it. JavaScript isn’t fast enough (thereby limiting the UX), browsers are single threaded and they aren’t stable enough. If Google want to challenge Microsoft (or anyone else for that matter) in the desktop space they needed a better platform... Google’s solution is I think much neater - build an open source browser that supports multithreading, fast JavaScript execution and stuff Google Gears into the back end so it works offline." Now that's a good explanation.
browser  runtime  javascript  google  chrome  performance 
september 2008 by infovore
QuirksBlog: iPhone events
"The mouse is a continuous pointing device; the finger is discontinuous. That’s a profound difference that I wish I were able to clearly understand and explain." PPK on how MobileSafari responds to Javascript's mouse actions.
webkit  safari  iphone  javascript  interaction 
august 2008 by infovore
Eesh. Tetris in 500 bytes of Javscript and HTML. Yes, they're obfuscated and unpleasant, but wow, etcetera.
games  javascript  obfuscated  code  programming  tetris  impressive 
august 2008 by infovore
Ajaxian » Prefer Ruby syntax? See Red, and your Ruby will convert to JS
"I am a fan of Ruby, and when I saw Red the framework that allows you to write Ruby and get JavaScript out the other end I was excited." By contrast, when I saw this, I wanted to punch somebody. Seriously guys, don't cross the streams.
javascript  ruby  punchable  highlypunchable  progammers  lazyprogrammers 
august 2008 by infovore
"jsvi is a vi-clone written in pure javascript and should work in any modern web-browser." Blimey.
vi  vim  javascript  dhtml  crazy  texteditor  web  development 
july 2008 by infovore
John Resig - Deep Profiling jQuery Apps
"I've come up with a plugin that you can inject into a jQuery site that you own and see how the performance breaks down method-by-method." Once again, John is awesome.
debug  debugging  development  javascript  jquery  programming  profiling  web  analysis 
june 2008 by infovore
wmd - The Wysiwym Markdown Editor
"WMD is a simple, lightweight HTML editor for blog comments, forum posts, and basic content management. You can add WMD to any textarea with one line of code." Very impressive; very coherent. Worth further investigation.
markdown  syntax  formatting  editing  javascript  markup  wysiwyg  textarea 
may 2008 by infovore
markItUp! Universal Markup Editor
"markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented."
jquery  javascript  rte  richtexteditor  markup 
may 2008 by infovore
nihilogic: Compression using Canvas and PNG-embedded data
"I got this idea to stuff Javascript in a PNG image and then read it out using the getImageData() method on the canvas element." Blimey.
code  compression  development  javascript  programming  hack 
may 2008 by infovore
"Click-draggable. Range-makeable. A better calendar." No IE6 support, but it's not half bad so far.
widget  interface  javascript  calendar  code  design  programming  development  date  time  calendaring 
april 2008 by infovore
/JavaScript|Regex/ : Flagrant Badassery
"A JavaScript and regular expression centric blog" - worth it for the title alone.
javascript  regex  hardcore  hellyeah  programming  development 
april 2008 by infovore
« earlier      
per page:    204080120160

related tags

3d  absurd  advice  ajax  analysis  analytics  animals  animation  annotation  anotherworld  apache  api  apple  applications  assets  audio  backbone  blackr  bonkers  book  bookmarklet  bookmarklets  bots  bretvictor  brilliant  browser  browsers  calendar  calendaring  canvas  cats  charts  cheatsheet  chrome  clock  closures  code  color  colorpicker  colour  compass  compression  computervision  console  crazy  css  d3  dariuskazemi  dashboard  dashcode  data  database  date  debug  debugger  debugging  demo  demonstrations  demoscene  deployment  design  desktop  development  dhtml  documentation  dom  domscripting  editing  editor  embed  emulation  emulator  exploration  facebox  facedetection  faces  fade  fileupload  firebug  flash  flickr  formatting  forms  framework  frameworks  frontend  gameboy  games  geolocation  github  google  googleanalytics  gpio  graphics  graphing  graphs  greasemonkey  guide  hack  hardcore  hardware  heading  headless  hellyeah  highlighting  highlypunchable  history  howto  html  html5  http  ie  image  images  imageviewer  impressive  interaction  interactive  interface  interrupts  introduction  ios  iphone  javascript  jid  johngruber  jquery  js  json  jsonp  keyboard  keypresses  language  lazyloading  lazyprogrammers  libraries  library  lineofsight  logging  lowpro  markdown  markup  maths  mattwestcott  metrics  mobile  mozilla  mp3  multipart  music  mvc  naturallanguage  navigation  nifty  nintendo  node  nodejs  notes  obfuscated  optimisation  optimization  options  osx  paginator  patterns  performance  perl  photography  photos  plotting  plugin  polling  port  preview  process  processing  profiling  progammers  programming  progress  prorotype  prototype  prototyping  protoype  publishing  punchable  pwa  rails  raphael  raspberrypi  reference  regex  rendering  richtext  richtexteditor  rte  ruby  rubyonrails  runtime  safari  screencast  scripting  scrolling  select  selection  sentimentanalysis  slider  slideshow  software  sound  spectrum  spelunking  spreadsheets  standards  style  svg  syntax  testing  tetris  textarea  texteditor  textile  time  tips  tool  touch  tracking  transitions  tutorial  typography  ugh  ui  vector  vi  via:tomtaylor  video  vim  visualisation  visualization  vuejs  web  web2.0  webdesign  webdev  webkit  widgegts  widget  wikipedia  woah  writing  wysiwyg  zxspectrum 

Copy this bookmark: