codepen/jsfiddles/dabblets   221

« earlier    

Embed.js - JavaScript plugin that embeds emojis, media, maps, tweets, gists, code, services, markdown, and more!
A JavaScript plugin that embeds emojis, media, maps, tweets, gists, code, services and markdown.

Text strings convert and embed these formats:
- Emoji & Font icons
- Twitter
- Github Gists
- Video Sharing Services
- YOUTUBE
- VIMEO
- VINE
- USTREAM
- DAILYMOTION
- LIVELEAK
- Audio and Video Files
- Audi files with extension wav|mp3|ogg
- video files with extension ogv|webm|mp4 are supported
- Online Code Editors
- CODEPEN
- JSFIDDLE
- JSBIN
- IDEONE
- PLUNKER
- Code Highlighting - syntax highlighting using the code's markdown syntax
- Video Details - The preview of videos with video description
- YOUTUBE videos
- VIMEO videos
- Music sharing
- SPOTIFY
- SOUNDCLOUD
- Photo Sharing
- FLICKR
- INSTAGRAM
- Google Map
- Markdown - This plugin supports markdown parsing using the power of marked.js
- URL - converts urls into HTML anchor tags
- Images - Image files with extensions gif|jpg|jpeg|tiff|png|svg|webp are automatically embedded


Project - http://riteshkr.com/embed.js/
GitHub - https://github.com/ritz078/embed.js
Docs - https://embedjs.readme.io/docs
Demo - http://codepen.io/ritz078/full/WvvNGe/
Image - https://www.apollowebstudio.com/screenshots/2017/05/demo.gif
JavaScript  Embed  Markdown  CodePlayground  CodePen/JSFiddles/Dabblets  Video  Maps  Syntax  Emojis  Generator  Formater  WebDevAppModule  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools 
may 2017 by jasondavis
WebDevApp GoTo-Anything Selector/Picker Modal App - JSFiddle
WebDevApp GoTo-Anything App

Popup modal with search that list all commands/actions that can be done in WebDevApp. Each Module in WebDevApp can register commands to show up here using the plugin system/api.

Commands are loaded from a JSON file/dataset. When you select a command on the left column sidebar it loads the description HTML for that command in the right column/container.

The top search bar filters through the commands alphabetically as you type. An empty search input results in all commands showing in the command list.

The left sidebar also has a quick run/execute button that will run the command. Clicking outside the button loads the description HTML.

Demo - https://jsfiddle.net/jasondavis/eat3v9wv/
Image - https://www.apollowebstudio.com/screenshots/2017/05/chrome_2017-05-13_01-23-51.png
JavaScript  CodePen/JSFiddles/Dabblets  Selector  Picker  Search  WebDevAppModule  JSFiddle  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  Filter  Modals  JSON  AJAX 
may 2017 by jasondavis
Repl.it - Online compiler REPL Code Playground for 30+ languages
Powerful and simple online compiler, IDE, interpreter, and REPL. Code, compile, and run code in JavaScript, Python, Ruby, Java, Node.js, Go, Scheme, C, C#, C++, Lua, CoffeeScript and much more.and more programming languages over 30 languages available to use as a code playground. You can embed them on a website as well.

Project - https://repl.it/
Docs - https://repl.it/site/docs
JavaScript  Python  JavaScript/NodeJS  JavaScript/React  C++  Go-Programming-Language  CodePen/JSFiddles/Dabblets  CodePlayground  REPL  Compiler  Dev-Tools  Web-Development  Web-Dev  Web-Dev-Tools  Java  Ruby  C#  C  CoffeeScript 
may 2017 by jasondavis
PLAYCODE - Online Code Editor
Make Awesome Web Things, Demos, Apps with html, css, javascript in online code editor.

Playcode - Code Playground Web App and ElectronJS Desktop AppDesktop client for Playcode Online Javascript Editor PLayground like CodePen and JSFiddle.

Desktop client for Playcode Online Javascript Editor https://github.com/Meadowcottage/playcode-desktop

Web Version - https://playcode.io

- Projects
- Multiple JS and CSS files in a project
- Multiple Pre CSS and JS processing libraries
- Web and Desktop versions
- Project can have multiple versions
- Project gets nice friendly subdomain URL and you can set which version of the project shows on the URL to visitors.

GitHub - https://github.com/Meadowcottage/playcode-desktop
Project Web App - https://playcode.io
Image - https://www.apollowebstudio.com/screenshots/2017/04/Screenshot.png
JavaScript  JavaScript/Electron  Electron-JS-App  CodePen/JSFiddles/Dabblets  CodePlayground  WebDevAppModule  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  Software/Web-Based  Software/Windows 
april 2017 by jasondavis
Playcode - Code Playground Web App and ElectronJS Desktop App
Playcode - Code Playground Web App and ElectronJS Desktop AppDesktop client for Playcode Online Javascript Editor PLayground like CodePen and JSFiddle.

Desktop client for Playcode Online Javascript Editor https://github.com/Meadowcottage/playcode-desktop

Web Version - https://playcode.io

- Projects
- Multiple JS and CSS files in a project
- Multiple Pre CSS and JS processing libraries
- Web and Desktop versions
- Project can have multiple versions
- Project gets nice friendly subdomain URL and you can set which version of the project shows on the URL to visitors.

GitHub - https://github.com/Meadowcottage/playcode-desktop
Project Web App - https://playcode.io
Image - https://www.apollowebstudio.com/screenshots/2017/04/Screenshot.png
JavaScript  JavaScript/Electron  Electron-JS-App  CodePen/JSFiddles/Dabblets  CodePlayground  WebDevAppModule  Web-Development  Web-Dev  Web-Dev-Tools  Dev-Tools  Software/Web-Based  Software/Windows 
april 2017 by jasondavis
Pure JS Fade in DOM EL - JSFiddle
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
JavaScript  Animation  CSS3  CSS/Animations  Web-Development  Web-Dev  CodePen/JSFiddles/Dabblets  Snippets 
april 2017 by jasondavis
Pure CSS Radio Button Icon Tiles
A visual card-based alternative to traditional radio inputs - no JS required. Accessible, cross-browser compatible, and mobile-friendly. Flat design Form Radizo fields shown as nice square icons that you can click on to select a radio option

CodePen Demo - http://codepen.io/jasondavis/pen/yawwYY?editors=0100
Image - https://www.apollowebstudio.com/screenshots/2017/02/chrome_2017-02-08_17-38-59.png
CSS  CSS3  CSS/FlatUI  Forms  Checkbox  Radio  Selector  Web-Development  Web-Dev  ApolloWebStudio  ApolloLibrary  CodePen/JSFiddles/Dabblets 
february 2017 by jasondavis
PHPTester - PHP Code Playground to Test PHP in multiple versions
PHPTester - PHP Code Playground to Test PHP in multiple versions including:
- 5.3
- 5.4
- 5.5
- 5.6
- 7.0
PHP  Dev-Tools  Debugging  Web-Development  Web-Dev  Web-Dev-Tools  CodePen/JSFiddles/Dabblets  Code  CodePlayground 
january 2017 by jasondavis

« earlier    

related tags

admin  ajax  animation  api  apollolibrary  apollowebstudio  autohotkey  books  bootstrap  browser  build-tools  c#  c++  c  calendar  charts  cheatsheet  checkbox  chrome  code  codeplayground  coffeescript  colorpicker  compiler  components  console  css/animations  css/bootstrap  css/flatui  css  css3  dashboard  database/mysql  database  date  datepicker  datetime  debug  debugging  designpatterns  dev-server  dev-software  dev-tools  diff  editor  electron-js-app  email  embed  emojis  events  excel  extension  filter  form  formater  forms  generator  gist  git  github  go-programming-language  graphs/charts  grid  html  html5  ide  iframe  java  javascript/electron  javascript/nodejs  javascript/react  javascript  jquery  jsfiddle  json  learning  lists  log  logger  logging  maps  markdown  marketing  mentions  menu  mobile  mockup  modal  modals  module  mouse  multi-panel  mysql  npm  oo  package-managers  panels  performance  php  picker  popover  portfolio  presentations  profile  progress  project-management  project  promise  prototyping  python  queue  radio  record  regex  repl  responsive  revealjs  ruby  scroll  scrollbar  search  selection  selector  server-tools  settings  sidebar  slider  sliders  snippets  software/chromeextensions  software/web-based  software/windows  sorting  spreadsheet  sprites  svg  switch  syntax  tables  tabs  tagging  tags  templates  text-field  textarea  thumbnails  time  timeline  toggle  tooltips  ui  user  users  video  web-agency-studio-tools  web-dev-tools  web-dev  web-development  web-service  webdevappmodule  webdevapptools 

Copy this bookmark:



description:


tags: