cogdog + cooltech   651

Glitch is the friendly community where you'll build the app of your dreams

With working example apps to remix, a code editor to modify them, instant hosting and deployment - anybody can build a web app on Glitch, for free
code  cooltech 
17 days ago by cogdog
PHP Live Regex
regular expression tester for PHP, grep for life!
tool  php  tools  cooltech 
20 days ago by cogdog
How to connect to a MySQL database with JavaScript
The DreamFactory REST API enables database connections using a wide variety of front end scenarios. This simple sample app demonstrates how DreamFactory 2.0 easily can be used as a backend for a JavaScript application. It's a simple address book, where contacts can be created, shown, updated, deleted and grouped, basically CRUD operations.

The Address Book is a very simple one page app based on plain JavaScript and jQuery. All the functions used for DreamFactory 2.0 REST API requests are extended in the file functions.js, and the code examples show how to use them.
mysql  javascript  tools  code  cooltech 
4 weeks ago by cogdog
How to Create Direction-Aware CSS-Only Hover Effects by Gabrielle Wee on CodePen
My design partner and I stumbled across the Kikk Festival homepage back in 2015, which featured these awesome parallax hover cards. We loved the look and wanted to recreate it in a project, but due to the nature of the codebase, wouldn't be able to use Javascript to get it right. Undeterred, I began searching for solutions that were CSS-only, and stumbled across something interesting.

One of the most fascinating CSS selectors for me is the ~ tilde, which selects the nearest element that matches the selector and is preceeded by the first. For example, ul ~ p selects the third element in

I realized that I could use this to create direction-aware hover effects for virtually anything!
css  code  cooltech 
8 weeks ago by cogdog
Chevereto - Image Hosting Script
Chevereto is a powerful and fast image hosting script that allows you to create your very own full featured image hosting website in just minutes.
photography  cooltech  thruthelens 
8 weeks ago by cogdog
Datejs - An open-source JavaScript Date Library
Datejs is an open-source JavaScript Date Library.

Comprehensive, yet simple, stealthy and fast. Datejs has passed all trials and is ready to strike. Datejs doesn’t just parse strings, it slices them cleanly in two.
code  javascript  cooltech 
8 weeks ago by cogdog
Online JavaScript beautifier
Beautify, unpack or deobfuscate JavaScript and HTML, make JSON/JSONP readable, etc.
code  javascript  cooltech 
8 weeks ago by cogdog
Random User Generator | Home
A free, open-source API for generating random user data. Like Lorem Ipsum, but for people.
api  generator  cooltech 
8 weeks ago by cogdog
Choose albums by the color of their covers
color  music  cooltech 
8 weeks ago by cogdog
Open Broadcaster Software | Home
Free and open source software for video recording and live streaming. Download and start streaming quickly and easily on Windows, Mac or Linux.
streaming  screencast  opensource  software  cooltech 
9 weeks ago by cogdog
Flickr hosts millions of images that are licensed under a Creative Commons license or are in the public domain (Flickr Commons). Depending on the license, you may use the images on your private or commercial webpage, or can make changes to it.

If you want to use these images, you need to to the following:

Make sure you understood the license correctly
Get the correct HTML code for the IMG tag
Link the image back to the Flickr photo page
Give the author of the image proper credits (Attribution)
Link to the Flickr profile of the author
Link to the license the image is licensed under
With, there is no need to do all this manually, you simply enter in the URL of the picture page (as seen in your browser) you are interested in and will generate the ready to use HTML code. It will also display a brief and easy license summary, so you don't get in legal trouble because you missed something.
creativecommons  flickr  photos  tools  cooltech 
12 weeks ago by cogdog
Want to make a visual timeline, but don't have the time to draw one manually? Or maybe you have some documents, but you're not sure if the events they depict form a compelling timeline?

TimeLineCurator quickly and automatically extracts temporal references in freeform text to generate a visual timeline. You can then interactively curate the events in this timeline until you are satisfied, or quickly decide that there is no interesting temporal structure within the document. You can also create a mashup of multiple documents against each other to compare their temporal structure.

Already using TimelineJS? TimeLineCurator works with TimelineJS: instead of tediously assembling your timeline in a spreadsheet, TimeLineCurator allows you to curate your timeline visually. When you are ready, you can export your curated timeline to a TimelineJS widget that you can embed on your website or blog.
curation  timeline  cooltech 
december 2016 by cogdog
A ReadUp is a social reading experience. Think of it as meeting up inside a book.

ReadUps offers a web-based reading system that works on tablets and laptops. With it, you invite friends to read with you for a limited amount of time. In addition, you can share comments on any paragraph, or message the other readers in real time. All you need to do is give people the URL for your ReadUp and you're good to go! To slap a password on the ReadUp (so only the people you share the password with can get in), buy a $5 upgrade.

When the allotted time runs out, the ReadUp disappears.
books  reading  social  cooltech 
december 2016 by cogdog
Meet the Ipsums
The ultimate collection of text filler content, from beer to Sagan and more
generator  cooltech 
november 2016 by cogdog
What WordPress Theme Is That?
What WordPress Theme Is That is a free online tool allows you to easily detect what WordPress theme a site uses (including parent and child themes). Additionally, it will also detect what WordPress Plugins are being used.
wordpress  themes  tools  cooltech 
november 2016 by cogdog
Create high-fidelity, interactive recordings of any web site you browse
archive  tools  cooltech 
november 2016 by cogdog
The Nicest Place on the Inernet
Having one of those days? Yeah, been there too. And sometimes, a little pick-me-up is hard to come by. So come on by to turn the sad into happy and the happy into a celebration. Cause this is a nice place to visit on days like today.
cooltech  dipp 
november 2016 by cogdog
Quick, Draw!
Can a neural network learn to recognize doodles?
See how well it does with your drawings and help teach it, just by playing.
drawing  ds106  cooltech 
november 2016 by cogdog
appURL | One Simple URL or Link for Your App
Did you ever just want to have one url, or one link for your app. AppURL is just for you.

In a couple of minutes you can create a powerful single URL that will make marketing so much easier. Don't frustrate the people that have already downloaded your app by sending them to the app store again. Launch your app with meaningful content for your existing users.
android  ios  webdesign  cooltech 
july 2016 by cogdog
DataTables | Table plug-in for jQuery
DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.
javascript  plugins  jquery  cooltech 
july 2016 by cogdog
Get Screenshots from YouTube Videos
Ever wonder how to get screenshots / thumbnails from a YouTube video?
Just copy and paste a link of a video below.
youtube  screencapture  cooltech 
july 2016 by cogdog
VersionPress – Git for WordPress sites
VersionPress is a free and open source version control plugin for WordPress built on Git. You can:

Undo changes
Create staging sites
Merge databases  ← yes, really!
Simply update your sites with confidence.
git  plugin  wordpress  cooltech 
july 2016 by cogdog
How to save a GIF from Twitter
Twitter has currently no option to save a GIF directly in their app. Another problem is that Twitter GIFs are not real GIFs. They are just videos that automatically play in a loop. However, it is possible to download a Twitter GIF and convert it to a real GIF in just two steps.
twitter  gif  tools  cooltech 
june 2016 by cogdog
State of the JavaScript Landscape: A Map for Newcomers
If you have previous programming experience but are a newcomer to frontend JavaScript development, the array of jargon and tools can be confusing. Without getting bogged down in detailed discussion, let’s take a general survey of the current “JavaScript landscape”. This should orient you sufficiently to start your journey into frontend development.
javascript  webdev  cooltech 
june 2016 by cogdog
Building a static website with Jekyll and GitHub Pages | Programming Historian
This lesson is for you if you’d like an entirely free, easy-to-maintain, preservation-friendly, secure website over which you have full control, such as a scholarly blog, project website, or online portfolio.

At the end of this lesson, you’ll have a basic live website where you can publish content that other people can visit—it will look like this!—and you’ll also have some resources to explore if you want to further customize the site.
jekyll  webdesign  cooltech  github 
june 2016 by cogdog
HyperDev is the developer playground for building real web apps, fast

Combining automated deployment, instant hosting and collaborative editing, HyperDev gets you straight to coding.

You just code. It just runs.
webdev  code  Programming  javascript  node  cooltech 
june 2016 by cogdog
Creating dub delay effects with the Web Audio API – Chris Lowis
Dub music is a sub-genre of reggae. Typical of the style is the remixing of reggae records, first stripping them down to the bass and drums and then applying swirling, psychedelic delay effects to what’s left. In this post we’ll take a look at the classic dub delay sound, and try to recreate some of its character using the web audio API.
audio  api  javascript  cooltech 
may 2016 by cogdog
Géneration ...Etc...
This site creates a pictorial imagination. Here, a series of over 2000 real paintings generates a perpetual stream of an infinite number of virtual images. Every second, a new virtual painting is born; each lasting only a moment before giving way to another equally unique virtual image without leaving a trace of its existence. The artist thereby invents the ephemeral absolute in which the uncaptured image can only be seen once and forever.
art  random  remix  cooltech 
may 2016 by cogdog
jQuery EasyTabs Plugin
EasyTabs is a lightweight jQuery plugin to provide full tab functionality, while leaving the styling up to you.
jquery  plugin  cooltech 
april 2016 by cogdog
.htaccess Cheat Sheet - All Rules You Will Ever Need, Listed On One Page for Apache .htaccess Server Rules
Welcome to our fast loading one page .htaccess cheat sheet with all major .htaccess rules listed.
code  cooltech  webdev 
april 2016 by cogdog
Telescope: Build your own Hacker News, Reddit, or Product Hunt.
Telescope is a free, open-source web application that makes it easy for anybody to launch their own community.
cooltech  evernoted  ccc  workspacing  collaboration 
april 2016 by cogdog
AngularJS — Superheroic JavaScript MVW Framework
TML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
framework  javascript  cooltech 
march 2016 by cogdog
Pineapple - Python Notebooks for Mac OS X
The next generation of scientific notebook. A standalone frontend to IPython for Mac.
python  cooltech 
march 2016 by cogdog
Google Map - GPS coordinates, lat and long
Latitude and longitude of an address
Convert address or place to lat long: fill the address field and click on "Get GPS Coordinates" to display its latitude and longitude. Read the result provided by the converter on the left column or directly on the Google Map.

Find an address from its GPS coordinates
Address from decimal lat long coordinate: fill the decimal GPS coordinates and click on the corresponding "Get Address" button.
Address from sexagesimal lat long coordinate: fill the sexagesimal GPS coordinates and click on the corresponding "Get Address" button.

Latitude, longitude and address of any point on Google Maps
Click directly on the map to get an address and its GPS coordinates. The latitude coordinate and the longitude coordinate are displayed on the left column and on the map.
maps  gps  cooltech 
march 2016 by cogdog
Callnote - Video Call Recorder | for Skype, Facebook, Google+ Hangout and Viber
Record every moment
with Callnote Video Call Recorder
for Skype, Google+ Hangouts, Viber, Facebook, GoToMeeting and WebEx
video  collaboration  cooltech 
march 2016 by cogdog
Trinket lets you run and write code in any browser, on any device.

Trinkets work instantly, with no need to log in, download plugins, or install software.

Easily share or embed the code with your changes when you're done.
coding  python  cooltech 
march 2016 by cogdog
Google Maps Street View, Roadmap, Satellite & Terrain
View and compare all Google Maps at a glance. Roadmap, Streetview, Satellite and Terrain (physical map based on terrain information).

All four maps are synchronized. Their center and zoom level are bound together so they will always be the same on all maps.
map  mapping  cooltech 
march 2016 by cogdog
Mapme: Build Smart and Beautiful Maps
We empower anyone to build smart and beautiful maps for free and without any coding required.
Our maps are designed to work perfectly across smartphones, tablets and computers.
Whether it’s to create a vibrant online community or to visualize places mentioned in a blog post, the Mapme platform gives everyone the power to create beautiful and smart maps.
mapping  maps  cooltech 
march 2016 by cogdog
jKit - jQuery based UI Toolkit - Index
A very easy to use, cross platform, jQuery based UI toolkit, that's still small in size, has the features you need, and doesn't get in your way of doing things!
javascript  library  cooltech 
february 2016 by cogdog
Docco is a quick-and-dirty documentation generator, written in Literate CoffeeScript. It produces an HTML document that displays your comments intermingled with your code. All prose is passed through Markdown, and code is passed through Highlight.js syntax highlighting. This page is the result of running Docco against its own source file.
documentation  javascript  cooltech 
february 2016 by cogdog
OriDomi - origami for the web
The web is flat, but now you can fold it up.

open source JavaScript library by Dan Motzenbecker
javascript  code  cooltech 
february 2016 by cogdog
The online and collaborative music notation software - Flat
Write your music scores online-- Collaborate in real time on your sheet music
collaboration  music  cooltech 
february 2016 by cogdog
Blank Slate
distraction free writing on the web
writing  tools  cooltech 
february 2016 by cogdog
Hacker Typer
hit the keyboard and look like you are hacking!
humor  code  hacking  cooltech 
february 2016 by cogdog
Plunker is an online community for creating, collaborating on and sharing your web development ideas.
javascript  webdesign  cooltech 
february 2016 by cogdog
php.js is a resource that offers community-built JavaScript alternatives to PHP functions.
javascript  php  cooltech 
february 2016 by cogdog
Websites change. Perma Links don’t. helps scholars, journals, courts, and others create permanent records of the web sources they cite. is simple, free to use, and is built and supported by libraries.
archive  library  cooltech 
january 2016 by cogdog
JSCompress: Minify Javascript Online / Online JavaScript Compression is an online javascript compressor that allows you to compress and minify your javascript files. Compressed javascript files are ideal for production environments since they typically reduce the size of the file by 30-80%. Most of the filesize reduction is achieved by removing comments and extra whitespace characters that are not needed by web browsers or visitors.
cooltech  tools  javascript 
january 2016 by cogdog
jQuery Super Easy Text Rotator by Pete R. | The Pete Design
Add a super simple rotating text to your website with little to no markup
jquery  code  cooltech  webdev 
january 2016 by cogdog
yesterSite - Cloud Website & MySQL backup
A simple, secure software to backup your websites to the cloud, automatically
webapp  wordpress  backup  cloud  cooltech 
january 2016 by cogdog
Word to Markdown Converter
Converting a Word Document is as easy as 1, 2, 3...
tools  cooltech  webdev 
january 2016 by cogdog
Which Story Mapping Platform is Right For You? | on location
I’ve been working on comparing varying story mapping platforms over the past few weeks on my blog, with the end goal being to create a guide for folks who need a story map but aren’t sure which platform will work best. Four of the most popular story mapping platforms available–Esri Storymaps, StoryMap JS, Neatline, and Odyssey.js–can all give your narrative a geographical context, and each one has perks and features that can further elevate the story you want to tell.
map  mapping  cooltech 
january 2016 by cogdog
MapStory is an open platform for organizing our knowledge about how the world changes over time and space. Click on a link to the right, and learn how you can start contributing observations of your own.
map  mapping  maps  cooltech 
january 2016 by cogdog
/Launch Platform — Slack Developer Blog — Medium
Tonight we’re officially launching the Slack Platform. We’re pretty thrilled that we can now give you a full-service platform offering: from tools to build with to a place to get discovered
slack  api  cooltech 
december 2015 by cogdog
ccSubs: Download Subtitles & Closed Captions for Videos & Movies
Copy and paste a Video URL (e.g. from YouTube) and download subtitles in many languages.
video  youtube  cooltech  toolls 
december 2015 by cogdog
"Access web services from spreadsheets."
API  cooltech 
september 2015 by cogdog
Douwe Osinga's Projects: Visited Countries
Generate a map of countries you have visited, or states within the US , provinces in Canada, etc.
maps  cooltech 
august 2015 by cogdog
"A hackable text editor
for the 21st Century"
webdev  cooltech  github 
august 2015 by cogdog
BuiltWith Technology Lookup
"Find out what websites are
Built With"
july 2015 by cogdog
Would You Like To Hear A Song, Dave? | WUNC
"The 50-person, San Francisco-based company has just one product now — the $399 Aether Cone wireless speaker — and they plan to keep it that way until they've perfected the music player. What makes the hardware company stand out in a marketplace littered with free algorithm software is that the physical product tracks your listening habits in relation to time, date and location in your home. If you turn up or turn down a song, Cone tracks that too. Weather is likely the next variable tracked by the speaker. After all, you shouldn't have to tell your stereo that you only want listen to melancholy folk songs when it's raining."
music  audio  design  cooltech 
june 2015 by cogdog
Wordnik is the world's biggest online English dictionary, by number of words. This page will give you a quick overview of what you can do, learn, and share with Wordnik.
dictionary  reference  language  writing  cooltech 
june 2015 by cogdog
" es un generador de texto basado en El Quijote (el de los molinos) al más puro estilo Lorem Ipsum (texto en una lengua que está algo deprecated). Con Quijotipsum obtendrás dos ventajas: texto entendible por ti, tus compañeros y tu familia y un texto fresco, novedoso y alegre en puro castellano, con tildes para probar la codificación (sí, esas cosas del UTF-8 que tanto gustito dan)."
web  cooltech  generator 
may 2015 by cogdog
Formspree | Functional HTML forms
"Just send your form to our URL and we'll forward it to your email. No PHP, Javascript or sign up required — perfect for static sites!"
code  cooltech 
may 2015 by cogdog
js-sequence-diagrams by bramp
"A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by, who offer a serverside solution. We use Jison to parse the text, and Raphaël to draw the image."
diagram  javascript  generator  cooltech 
may 2015 by cogdog
Surge • Surge
"Zero-bullshit, single–command, bring your own source control web publishing CDN. Yes, it's free.
web  webdev  cooltech  cdn 
march 2015 by cogdog
CTL Crossroads
As technology expands the learning experience by making it more interactive, immersive and engaging with thousands of educational apps from across disciplines and devices, there is no limit to the exciting possibilities for learning. When learners are deeply engaged, the learning environment comes alive; motivation and retention are improved. However, for many educators the challenge is, where to begin? Designed based on current research and through two previous efforts (A to Z Web 2.0 Tools and Blooms + Apps), Crossroads is a continuation of the transition from traditional teacher-centered curriculum to active and engaged learner-centered lesson design. It is a place where technology meets pedagogy; exploring, rating and sharing teaching and learning experiences through a worldwide community.
technology  tools  cooltech 
february 2015 by cogdog - the missing cdn for javascript and css
Everyone loves the Google CDN right? Even Microsoft runs their own CDN.
The problem is, they only host the most popular libraries.
We host it all - JavaScript, CSS, SWF, images, etc!
javascript  library  code  cdn  css  cooltech 
january 2015 by cogdog
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
"makes spiffy HTML5
site templates that are:
Responsive Built on intelligent
HTML5 + CSS3 Super
Customizable100% Free under the
Creative Commons"
HTML5  templates  css  Webdesign  cooltech 
january 2015 by cogdog
A web version of Spirograph!
generator  art  splot  cooltech 
december 2014 by cogdog
Subway Map Visualization jQuery Plugin | Nik Kalyani's Blog
"I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Developer Services. They had taken the concept of a subway map and applied it to create a YDN Metro Map. Once again, I was in awe of the visual clarity of this map in helping one understand the various Yahoo! services and how they inter-related with each other. I thought it would be awesome if there were a pseudo-programmatic way in which to render such maps to convey real-world ecosystems."
jquery  plugin  cooltech 
december 2014 by cogdog
How I reverse-engineered Google Docs to play back any document's keystrokes « James Somers (
See that little gizmo above? It’s like a video player, but made especially for writing. This one’s from an Atlantic article I began work on nearly four years ago, on the day after Christmas in 2010. The article was about the first (and only) time I got to fly a small airplane. At the time, I didn’t give the slightest thought to the idea that one day I’d be able to watch the draft unfold. But since I happened to write this one in Google Docs, I can recover every keystroke. Above, you can see the first uncertain stirrings of the first paragraph.

What’s neat about this is that I didn’t have to use any special software while I was writing to make this “video” possible. I was working in plain old vanilla Google Docs. And to show you this one paragraph I liked, I didn’t have to present you with the whole document (all 39,154 revisions of it) — I could extract bits and pieces that I thought were interesting, and interleave them in a blog post. Imagine what a high school English teacher could do with that.

To produce the embed, I used a website I made called, which I suppose I’m launching right now. With Draftback, you can play back and analyze any of your own Google Docs, or, for that matter, any Google Doc you have permission to edit.
google  docs  code  cooltech 
november 2014 by cogdog
« earlier      
per page:    204080120160

related tags

3d  50ways  accessibility  aggregation  ajax  altinput  analytics  android  animatedgif  animation  api  app  apple  archive  art  assessment  audio  augmentedreality  australia  avatar  backup  baylor_nms_s10  beingtherenow  blog  blogging  blogs  book  bookmark  books  browsertrick  business  calendar  camera  cartoon  ccc  cdn  chat  cloud  cloudcomputing  cms  code  codeclass  coding  cogdogit  cogdogroo  col  collaboration  collabspaces  collage  collectiveintelligence  color  comic  communication  community  computer  conference  converter  coo  cool  cooltech  copyright  creativecommons  creativity  crowdsourcing  css  culture  curation  cybersalonaz  data  database  design  diagram  dictionary  digital  dipp  discussion  diy  docs  documentation  documents  download  drawing  dropbox  drupal  ds106  ebooks  ed  edtech  education  educational_games  energy  environment  eportfolio  epub  evaluation  evernoted  examples  facebook  feed  feeds  firefox  flash  flexscreen  flickr  folksonomy  forms  framework  free  freeware  fun  funny  future  game  gamebasedlearning  games  gaming  gcal  geeks  generator  geography  geolocation  gesturecomputing  gif  git  github  google  googledocs  googleearth  googlemaps  gps  graphics  greasemonkey  guitar  hacking  history  howto  HTML  html5  human  humor  hypertext  hz07  hz08  hz09  hz09au  hz09biz  hz10  hz10amz  hz10anz  hz10ib  hz10k12  hz10mu  hz11  hz11k12  hzau08  hzau09  hzk09  hzk10  hzmc  hzmeta  hzmuseum08  hznmc  icons  identity  image  images  infographic  infographics  informaleducation  innovation  inspiration  instagram  interaction  interface  internet  ios  ipad  iphone  ipod  ipodtouch  javascript  jekyll  jquery  json  language  law  learning  learninganalytics  library  lifestream  literacy  literature  lms  locationmedia  mac  machine  machinelearning  map  mapping  maps  marcusidea  MarcusInstitute  marketing  mashup  math  media  mediawiki  medical  meme  microblogging  midea  midea10so  mobile  mobiles  movie  movies  mp3  multimedia  multlingual  museum  music  mysql  naps  network  networking  newcomm  newmedia  news  nmcfuture  nmcstorytools  nmfs_f10  node  notcatdiaries  ocr  oet09  oet10  online  opencontent  opened  openedtech  openeducation  opensource  opml  osx  p2p  pdf  personalpublishing  personalweb  photography  photos  photoshop  php  pipes  planning  plugin  plugins  podcast  podcasting  poetry  policy  portable  prediction  presentation  presentations  productivity  programming  projects  publishing  python  random  reading  realtime  realtimeweb  reference  remix  research  resources  rss  ruby  scholarship  science  scraping  screencapture  screencast  search  secondlife  secretrevolution  seesmic  semanticweb  sharing  simulation  slack  slider  slideshow  social  socialmedia  socialnetworking  socialos  socialsoftware  software  soundcloud  spam  splot  standards  statistics  steveproject  storybox  storytelling  streaming  student  syndication  tagging  tastyblog  teaching  technology  techtools09  TED  templates  text  themes  thoughtvectors  thru  thruthelens  timeline  tool  toolls  tools  translation  transliteracy  travel  trends  twitter  unconference  undefined  user_content  video  virtualcollab  virtual_worlds  visu  visual  visualization  visualthinking  web  web2.0  web2storytelling  webapp  webapps  webconferencing  webdesign  webdev  webgems  widget  widgets  wiki  wikipedia  windows  wordpress  workspacing  writing  xml  youshow  youtube 

Copy this bookmark: