Templates: [vuejs-templates]
[Turning Design Mockups Into Code With Deep Learning]
Training: [Learn Vue 2: Step By Step]
Category: Web Development
Atom.io
[Atom] is a text editor that’s modern, approachable, you can customize to do anything but also use productively without ever touching a config file.
apm install package-name
Some useful packages:
[atom-beautify]
[prettier-atom]
[platformio-ide-terminal]
[remote-ftp]
[browser-plus]
[markdown-pdf]
[markdown-to-html]
apm install remote-ftp apm install markdown-pdf
apm install markdown-to-html
Open package commands with control+shift+P.
Another useful tool is nodemon.
npm install nodemon -g
Chromium Embedded Framework Revisited
Getting CEF to work out of the box was a bit of a PITA since the last time I used it.
With that working, I started a project [xilium-xilium.cefglue-live-editing] for live website editing. Unfortunately, CEF3 doesn’t provide an easy way to modify response headers and content… yet.
PhpStorm & Xdebug: Installation and Configuration
[Xdebug] zend_extension=C:\xampp\php\ext\php_xdebug-2.5.5-7.1-vc14.dll xdebug.remote_enable=1 xdebug.remote_host=localhost xdebug.remote_port=9000
XAMPP Apache + MariaDB + PHP + Perl
[XAMPP Apache + MariaDB + PHP + Perl] is a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl. The XAMPP open source package has been set up to be incredibly easy to install and to use.
Edit: httpd.conf
AddHandler cgi-script .cgi .pl .asp .py
The default webroot can be found at:
C:\xampp\htdocs
CD C:\xampp\htdocs composer install
Generate JSON Classes
A [class generator] for JSON would be handy.
Online Documentation
StackOverflow has [documentation] on any language that you might be using.
[DevDocs] combines multiple API documentations in a fast, organized, and searchable interface.
Swagger IO: Automate client code generation
The [Swagger.IO Editor] UI is great for generating code, but sometimes you want to automate the whole process. You might have to do that if your REST API has upcoming changes and if you always want to keep your client up to date.
Swagger definition files: [ChromaSwaggerDefinition]
Make sure you have [JDK7] (or better) and [Maven] in your path.
[Getting Started] shows a quick example for getting the project with GIT clone and generating a client on the command-line.
1 GIT Clone [tgraupmann-swagger-codegen]
2 Run [maven_clean_package] after cloning the repo
3 The [generate_java_clients.cmd] script will auto-generate the Razer Arena JAVA clients.
@todo: [automate these changes in the swagger java templates]
Implemented: Get the changes with a [Pull Request]
THEY LOVE GAMES
I updated the [They Love Games] website to show recent content and to look slightly better.
Certificates: Generating a Self-Assigned Certificate for HTTPS
A certificate can be generated to work for [Httplistener with https support].
Unreal: Built-in JS Support
It looks like the existing Unreal build system can include JS files.
ModuleRules: [HTML5JS.Build.cs]
Sample JS: [HTML5JavaScriptFx.js]
C++ hooks: [HTML5JavaScriptFx.h]
Chromium Embedded Framework
The [Chromium Embedded Framework (CEF)] is a simple framework for embedding Chromium-based browsers in other applications.
[Xilium.CefGlue] is a .NET/Mono binding for The Chromium Embedded Framework (CEF).
[Chromium Embedded Framework 3 Builds]
The CEF [Add support for the Web Speech API] feature requires that [api keys] are generated to work and are capped at [50 requests].
[Cloud Speech Discussion Group]
Forums: [UnityCEF]
Forums: [CEF Speech API]:
It is NOT possible to get additional quota for Chrome’s Speech API. Look at the [Cloud Speech API] instead.
Do NOT post to any Chromium groups/mailing lists for questions about the Speech API.
Source: [fork]
JavaScript 30 Challenge
Build 30 things in 30 days with [JavaScript 30].
PHP: Laravel
[Laravel] is a PHP framework that provides authentication and a design to help create reusable code.
Swagger.io
[Swagger] is a powerful open source framework backed by a large ecosystem of tools that helps you design, build, document, and consume your RESTful APIs.
The [Swagger Editor] will autogenerate code for a ton of languages.
**Note on code generation issues**
Please open an issue in [Swagger Codegen] repository for any issue with generating code or issues with generated codes.
[Ambiguous Object]
[Generating Enum Values]
Made a temporary [Windows.Forms] project to automate syntax fixes.
Two potential devs that worked on the Java client.
[David Kiss] from Toronto, Canada
[Xu Hui Hui] from Lianyungang, China
I do have [some questions] about the Swagger Android client.
WordPress on AWS EC2 with RDS Database
Vimeo Developer Portal
The [Vimeo Developer Portal] has information on how to embed Vimeo videos into your applications.
Docs: [JavaScript API]
Docs: [config.xml specifications]
[API Example Repository]
[API Playground]
The [ADB Chrome Add-On] lets you debug [Cordova] in the browser while the app is running on Android.
Unfortunately because of the [same origin policy], the Vimeo API can’t be invoked from HTML5 invoked from `file:///`. Chromium has a [Command-Line] to specify `–disable-web-security` when doing local development. Web security should be enabled for the final application.
3D in CSS
Crazy web developers are now doing [3D Acceleration via CSS].
Carousels in WP
WordPress is [customizable] with some small changes you can have shortcode to turn a gallery into a carousel.
Cordova in Visual Studio
[Cordova] is an accelerated HTML5 wrapper for apps on multiple platforms and C9 has a great article for [Getting Started with Apache Cordova in Visual Studio].
WordPress 4.4 Released
WordPress 4.4 officially released yesterday which adds new [API] features. WordPress is a great content management system for things like websites with blogs.
A recent change to HTTPS has made generating new certificates FREE! HTTPS is necessary if you have a site with logins or private data where you want to encrypt the web traffic. [Dreamhost] has a blog post for adding HTTPS support to Dreamhost hosted domains.
Free Web Templates
[HTML5 UP] has a bunch of site templates that are responsive and 100% free.
Query Monitor WordPress Plugin
[Query Monitor] is a WordPress plugin that helps identify performance bottlenecks by displaying a detailed summary on all the components that contributed to loading pages in WordPress.
Perfmap Chrome Plugin
[Perfmap] is a Chrome development plugin that overlays a heatmap on websites to help developers fine tune their web performance.
Raspberry PI 2 – Sails.js
Installing Sails.js required building and installing Node.js from source.
I let the source build overnight and then moments later ‘sails lift’ was functional.
https://github.com/tgraupmann/TAGENIGMA-Docs/blob/master/Sails.md
Also the reference guide is super helpful.
http://sailsjs.org/#!/documentation/reference/
Here is also a useful C# client:
https://github.com/Quobject/SocketIoClientDotNet