Side

The Side Projects of Mozillians: JSFiddle and Meatspac.es

At Mozilla, we are happy to get the chance to work with a lot of talented people. Therefore, as an on-going series, we wanted to take the opportunity to highlight some of the exciting projects Mozillians work on in their spare time.

JSFiddle

JSFiddle is a tool to write web examples (in HTML, JavaScript and CSS) called ‘fiddles’. They can be saved and shared with others or embedded in a website which is perfect for blogs, documentation or tutorials. Created by Piotr Zalewa.

JSFiddle

Piotr: I wanted a tool that could help me check if my frontend code was working. I was active on the MooTools scene at the time and we needed a tool to support our users who had questions about the framework and specific bugs to solve. The community is the best motivation. There are about 2,000 developers creating and watching fiddles right now! Many big projects are using JSFiddle for docs (MooTools, HighCharts) or bug requests (jQuery).

I’m always logged in on the #mootools IRC channel and one day we had a small competition to see who could be the first to answer support questions with only one line of JavaScript code. A user asked a non-trivial question which needed to be answered with both HTML and JavaScript. Our usual workflow was to write an HTML file, run it locally in the browser, copy the code to a Pastebin site then share the link. No one knew of a tool that could do this. The next day I had a prototype created in the evening and it was well accepted. The working but ugly version was completed shortly after. Oskar Krawczyk joined as a designer and the project was ready to be shown to the world.

It started as Django and MySQL on the server side with MooTools as a frontend framework. Since then the only major change was adding Memcache. Currently we run JSFiddle on 12 servers sponsored by DigitalOcean. 2 database servers, 3 application servers, 2 Memcache, then static files and development servers. I would ideally like to have the database structured in a way that would be easier to scale. The database is huge and updating tables takes a lot of time.

JSFiddle was designed in the time when most of the JavaScript libraries were running under one framework only. We want to allow users to mix frameworks and add more languages. At the moment you can write in HTML, JavaScript, Coffeescript, CSS and SCSS but I would like to support more languages. We’ve got a full hat of ideas to be implemented but I think it’s better to provide improvements than promises.

Meatspac.es

Meatspac.es is a single public channel chat app that generates animated GIFs of users from their camera once they submit a new message. Created by Jen Fong with GIF library support added by Sole Penadés.

Meatspac.es

Jen: I’ve been working on various quirky chat apps that involved some form of embedded media so this was an idea I had about getting users to interact beyond typing by posing for the camera and doing a little movement. I also really like GIFs and the fact that they work everywhere. I had been playing with WebRTC here and there and Sole was working on her RTCamera app when I thought: “Could we combine the two worlds? Chat and GIFs?”.

For the web server I used Nginx which proxies to a long running Node process using Express. The messages and GIFs are stored temporarily in LevelDB with a TTL (time-to-live) that deletes the message, including the GIFs stored as Base64 blobs, after 10 minutes. On the client-side, it uses jQuery, some GIF library files and updates with WebSockets with an AJAX fallback.

The biggest challenge of the project was surprisingly not code related! It was largely keeping up with all the craziness when a flood of people started using the chat, tweeting at me and contacting me. I first mentioned it publicly at ‘RealTimeConf’ in Portland a few weeks prior then started tweeting about it. After that a bunch of people checked it out, and someone posted it on Hacker News where even more people came (around 8,000 people on the heaviest day). It was mentioned on Twitter and various sources for a few days after.

People can be really creative during their GIF creation. It was also interesting to watch people give each other humorous ‘-bro’ nicknames; both women and men. They would always ask others what their name should be rather than giving themselves a name.

I am now working on a similar app but for one to many GIF chatting for Firefox OS called chatspaces. Anyone who is interested in contributing can watch the repository and check the README for what to contribute.

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Mobile Engineer – with server side JAVA for mobile startup

MO-Saint Louis, Mobile Engineer – with server side JAVA for mobile heavily funded startup *This position is located in Kansas City, Kansas* Currently, we are seeking a Java Platform Engineer with strong server side experience, to design and build out our mobile platform. You will be working for a startup in the mobile marketing space, that is quickly making a name for itself. Our client list includes Fortune 500 View full post on Monster Job Search Results (mobile)

View full post on WebProJobs.org

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

PHP Developer, LAMP Web Developer, Backend Server Side Programmer Analyst, Linux, Apache, MySQL, SQL

CA-Thousand Oaks, Backend, Server Side PHP Programmer Analyst, PHP Developer, LAMP Developer responsible for backend, server side programming using PHP, XML and MySQL for a contract to hire position. Will be responsible for: –    Debug, troubleshoot and fix large scale website, enterprise class applications using PHP, XML, MySQL, Apache, LINUX –    Rewrite application and improve functionality –    Backend programm View full post on Monster Job Search Results jt:(Web Developer)

View full post on WebProJobs.org

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Senior Server Side Java Engineer

Herb Deitz and Associates Redwood City, CA
Job description: …Scheduling Service (e.g. Quartz)Spring, Hibernate/JPARESTful Web servicesSQL and high-volume high-transaction databasesIndustry standards security including TLS, PKCSExperience in distributed computing technology such as Hadoop… View full post on Dice.com – web security

View full post on WebProJobs.org

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Creators Of The Web /TV Series “Money Power & Respect” Shows The Real Love Side Of Atlanta With New Show, “LOVE …

Bobby and Renee Peoples, founders of the Atlanta based production company The Peoples Network (TPN) an online TV Network and, producers of the highly acclaimed web-series, Money Power & Respect (MPR) shows Atlanta is filled with love.

View full post on web development – Yahoo! News Search Results

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Server Side Senior Developer Ruby on Rails

Splat Interactive, Inc. Renton, WA
Job description: …Product managers and designers you work with want you on their projects because they know it increases the chances for success. For three or more years, you’ve been: + Shipping web-based applications to production with… View full post on Dice.com – web designer

View full post on WebProJobs.org

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Client Side J2EE Developer

TEKsystems El Segundo, CA
Job description: …live in March 2011, which will support the set top boxes. Phase 2 will be supporting the PC and Mobile devices.Join TEKsystems() and get your career on the fast track. As the leading technology staffing and… View full post on Dice.com – mobile

View full post on WebProJobs.org

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Server Side C# Developer

JK Partners Inc New York, NY
Job description: …platforms a plus.- The FIX Protocol- Trading markets structure and market data sources.- Straight-through Trade….NET, C#, ASP.NET) development skills, both GUI and services. Web experience a plus.* Strong understanding of XML and… View full post on Dice.com – Web Marketing

View full post on WebProJobs.org

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Front End Developer – Web Developer – Client Side Developer

CyberCoders New York, NY
Job description: …jquery, ajax, adobe, rails, flash, video, prototype, mvc, symfony, web developer, front end developer, front end web developer, fe…with a team of five developers, working closely with designers, engineers and project managers- Work with cutting edge… View full post on Dice.com – web designer

View full post on WebProJobs.org

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)