Javascript

There are a handful of outstanding front-end development organizations and Sencha is right at the top of them.  Sencha has done some incredible work, all the way back to the ExtJS days to the modern day Sencha Touch library.  Sencha cont...
There are a handful of outstanding front-end development organizations and Sencha is right at the top of them.  Sencha has done some incredible work, all the way back to the ExtJS days to the modern day Sencha Touch library.  Sencha continues to push the limits of front-end web development and performance, as evidenced by last year’s revelation FastBook.  Mark Zuckerburg claimed HTML5 wasn’t ready so Sencha shocked the industry with a world class, performant Facebook app.  In short:  Sencha doesn’t mess around. SenchaCon 2013 is coming up in Orlando, Florida on July 16-19 at Walt Disney World Swan & Dolphin.  This epic conference is a front-end developer’s dream, covering HTML5, mobile, JavaScript, performant practices, and more.  Sencha promises: Get the inside track on Sencha’s New technologies Spend 3 days in 60+ sessions on Sencha tools & frameworks Interact with HTML5 experts, Sencha engineers & fellow developers Show off your coding skills during our full-day hackathon Network and enjoy yourself with your peers at SenchaCon’s kickass parties SenchaCon is a premier front-end event, and it’s exactly what you’d expect from a Sencha.  If you love front-end development and can make it to Sencha Con, be sure to get there! Learn About SenchaCon! Read the full article at: SenchaCon 2013: Live Like a Rock Star
about 9 hours ago
Minicons : 210 Free Vector Icons Pack on 16 pixelMinicons Free Vector Icons Pack this is a set of 210 vector for Web Design that Perfect to design Wireframes, Websites and Web Applications. The Vector source files available in Illustrat...
Minicons : 210 Free Vector Icons Pack on 16 pixelMinicons Free Vector Icons Pack this is a set of 210 vector for Web Design that Perfect to design Wireframes, Websites and Web Applications. The Vector source files available in Illustrator and .EPS. All the icons size designed on a 16 pixel that can readable at small sizes nor larger size.Download: http://www.webalys.com/minicons/icons-free-pack.php License : CC LicenseBlogupstairs - Open Source Resources & Tools for Web Developer
about 12 hours ago
RESTful API's are hard! There are a lot of aspects to designing and writing a successful one. For instance, some of the topics that you may find yourself handling include authentication, hypermedia/HATEOS, versioning, rate limits, an...
RESTful API's are hard! There are a lot of aspects to designing and writing a successful one. For instance, some of the topics that you may find yourself handling include authentication, hypermedia/HATEOS, versioning, rate limits, and content negotiation. Rather than tackling all of these concepts, however, let's instead focus on the basics of REST. We'll make some JSON endpoints behind a basic authentication system, and learn a few Laravel 4 tricks in the process.The AppLet's build an API for a simple Read-It-Later app. Users will be able to create, read, update and delete URLs that they wish to read later. Ready to dive in and get started?Install Laravel 4Create a new install of Laravel 4. If you're handy with CLI, try this quickstart guide. Otherwise, we have a video tutorial here on Nettuts+ that covers the process.We're going to first create an encryption key for secure password hashing. You can do this easily by running this command from your project root:$ php artisan key:generate Alternatively, you can simple edit your app/config/app.php encryption key:/* |-------------------------------------------------------------------------- | Encryption Key |-------------------------------------------------------------------------- | | This key is used by the Illuminate encrypter service and should be set | to a random, long string, otherwise these encrypted values will not | be safe. Make sure to change it before deploying any application! | */ 'key' => md5('this is one way to get an encryption key set'), DatabaseOnce you have a working install of Laravel 4, we can get started with the fun. We'll begin by creating the app's database.This will only require two database tables:Users, including a username and passwordURLs, including a url and descriptionWe'll use Laravel's migrations to create and populate the database.Configure Your DatabaseEdit app/config/database.php and fill it with your database settings. Note: this means creating a database for this application to use. This article assumes a MySQL database.'connections' => array( 'mysql' => array( 'driver' => 'mysql', 'host' => 'localhost', 'database' => 'read_it_later', 'username' => 'your_username', 'password' => 'your_password', 'charset' => 'utf8', 'collation' => 'utf8_unicode_ci', 'prefix' => '', ), ), Create Migration Files$ php artisan migrate:make create_users_table --table=users --create $ php artisan migrate:make create_urls_table --table=urls --create These commands set up the basic migration scripts that we'll be using to create the database tables. Our job now is to fill them with the correct table columns.Edit app/database/migrations/SOME_DATE_create_users_table.php and add to the up() method:public function up() { Schema::create('users', function(Blueprint $table) { $table->increments('id'); $table->string('username')->unique(); $table->string('password'); $table->timestamps(); }); } Above, we're setting a username (which should be unique), a password, as well as the timestamps. Save that, and now edit app/database/migrations/SOME_DATE_create_urls_table.php, and add to the up() method:public function up() { Schema::create('urls', function(Blueprint $table) { $table->increments('id'); $table->integer('user_id'); $table->string('url'); $table->string('description'); $table->timestamps(); }); } The only important note in this snippet is that we're creating a link between the url and users table, via the user_id field.Add Sample UsersWe can use Laravel's seeds to create a few sample users.Create a file within the app/database/seeds folder that has the same name as the table that it corresponds to; in our case, UserTableSeeder.php. Add:delete(); User::create(array(
about 22 hours ago
CSS is becoming more and more powerful but in the sense that it allows us to do the little things easily.  There have been larger features added like transitions, animations, and transforms, but one feature that goes under the radar is g...
CSS is becoming more and more powerful but in the sense that it allows us to do the little things easily.  There have been larger features added like transitions, animations, and transforms, but one feature that goes under the radar is generated content.  You saw a bit of this with CSS counters, where we used the counter and counters expressions to set the content of a given element.  There’s another expression, attr, that allows for CSS-based content creation as well. Let me show you how attr an content can work together! View Demo Basic content Usage The content property allows the developer to statically or (somewhat) dynamically set the content of a pseudo-element: .myDiv:after { content: "I am hardcoded text from the *content* property"; } Remember to make the element (not the pseudo-element) position: relative if you plan to absolutely position the pseudo-element. content and attr In the case that you’d like to use an element attribute as content (this being the dynamic usage of content), you may do so with the attr expression: /* */ div[data-line]:after { content: attr(data-line); /* no quotes around attribute name! */ } attr is typically used with custom data- attributes since traditional element attributes are good for functionality but not so much or text presentation. content Concatenation Concatenating strings is done via simple spacing: /* */ div[data-line]:after { content: "[line " attr(data-line) "]"; } Trying to concatenate via JavaScript “+” or any other symbol will bomb … not that I found that out the hard way or anything… View Demo The ability to use generated content with an attr expression is quite exciting.  You can see this used within PrismJS’ line-highlighting plugin and a line-number plugin I’ll release soon.  These generated content tactics make pseudo-elements all the more valuable too!Read the full article at: CSS content and attr
about 22 hours ago
The saying “if it doesn’t exist on the Internet, it doesn’t exist”[1] is ringing truer every day. Nowadays, it is hard to imagine most businesses without an e-commerce platform, let alone without a web presence at all. Since e-commerce i...
The saying “if it doesn’t exist on the Internet, it doesn’t exist”[1] is ringing truer every day. Nowadays, it is hard to imagine most businesses without an e-commerce platform, let alone without a web presence at all. Since e-commerce is becoming the new standard, e-commerce performance needs to be at its best. In this blog series, I have come up with several ways to ensure your company’s e-commerce performance success, including: avoiding unnecessary network load,reducing number of (internal) HTTP errors, improving backend performance,understanding your clients, ensuring scalability of e-commerce site and finally understanding sales results through conversion rate. Our client TescaraHats (name changed for commercial reasons), a European market leader in manufacturing customized hats, decided to expand its market reach with an e-commerce site where its potential customers could choose, customize and order hats online. Since the company’s core competence is in delivering highly customized products, TescaraHats could not simply use an off-the-shelf e-commerce application. It needs a customization wizard so that customers can create a uniquely customized product.read more
about 23 hours ago
Today Nodejitsu is excited to announce that we have acquired IrisCouch along with its suite of Database-as-a-Service and npm products. This acquisition continues to enhance our toolset for our Enterprise and Public Cloud customers. There...
Today Nodejitsu is excited to announce that we have acquired IrisCouch along with its suite of Database-as-a-Service and npm products. This acquisition continues to enhance our toolset for our Enterprise and Public Cloud customers. There is a related press release available on nodejitsu.com. There are a number of reasons we are thrilled to bring IrisCouch into the Nodejitsu team: 1. Importance of Database-as-a-Service: Data is everything today. It drives forward development of both a technology and a business. Tightly integrating your database with your application can mean the difference between a successful or failed product. We have already been working with IrisCouch and our other database partners (like MongoLab) to ensure that the databases they created are co-located with our datacenter targets, and this acquisition will only improve that effort for Redis and Apache CouchDB. 2. Commitment to node.js: Node.js has been in our DNA since Nodejitsu was founded three years ago. Everything we’ve created is built on Node.js, Apache CouchDB, and Redis. One of the best parts about node.js is npm (the node package manager). It makes publishing and installing node modules as fun as it is to write them. If you’re using npm today, you’re already using IrisCouch. But don’t take our word for it, listen to what Isaac Z. Schlueter, creator of npm and leader of the Node.js project had to say: "IrisCouch has been the official host of the public npm registry since they were part of CouchOne (now Couchbase). They have provided top-notch service to the Node.js and npm community since day one, even going so far as to make modifications to Apache CouchDB itself for our security needs. I cannot recommend them highly enough." Through the acquisition of IrisCouch, every node.js developer in the world will be using Nodejitsu every day. Our commitment to node.js and npm remains steadfast, you can count on us to ensure the public npm registry remains open, available, and reliable. 3. The Team: As part of the acquisition, both Jeff Jackson (IrisCouch CEO) and Jason Smith (IrisCouch CTO) will be joining the leadership team at Nodejitsu. Adding this wealth of high-caliber industry expertise to Nodejitsu will ensure that we are well equipped for the road ahead as we begin hyper-growth. What’s going to change? As part of this acquisition we will be rolling IrisCouch’s Database-as-a-Service for CouchDB and Redis directly into our public Platform-as-a-Service. This means that our users will be able to deploy their applications and databases from the same set of tools all backed by node.js. If you’re an existing IrisCouch user you will be notified and given ample time to migrate your IrisCouch account into a Nodejitsu account. In addition to tightly integrating Database-as-a-Service into the Nodejitsu Public Cloud, we will be sunsetting their IrisNpm product over the next few months. If you’re an IrisNpm user today, you will be given ample time to ensure your private npm packages can be transferred. Sunsetting IrisNpm was a tough decision but it will allow us to focus on offering the best Enterprise npm product to node.js power users. Interested in how a private npm workflow can help your team? Get in touch with our sales team today! The road ahead IrisCouch’s collection of technology, services, and talent join our recent announcement of OpsMezzo, fortifying the breadth of our offering to both developers and businesses. Jason Smith marked this occasion in his own words by saying simply: “this is the first step of a thousand mile journey.” Apache CouchDB, CouchDB, and the project logo are trademarks of The Apache Software Foundation
about 23 hours ago
SYS-CON Events announced today that Wowrack will exhibit at SYS-CON's 12th International Cloud Expo, which will take place on June 10–13, 2013, at the Javits Center in New York City, New York. Wowrack’s core expertise lies in high-a...
SYS-CON Events announced today that Wowrack will exhibit at SYS-CON's 12th International Cloud Expo, which will take place on June 10–13, 2013, at the Javits Center in New York City, New York. Wowrack’s core expertise lies in high-availability Private and Public Cloud IaaS Hosting Solutions. Wowrack provides a true Hybrid service – where business release all IT management and hardware provisioning – taking the data center and server system administrative headaches off our customer’s shoulders. From headquarters in Seattle, WA, Wowrack services seven data centers globally for nearly 3000 customers around the world. read more
1 day ago
IM Creator – A Simple and Professional HTML5 Website BuilderThere are so many website building tools over the Internet but most of them is complicated and confusing to use. They come with offer many designing restrictions and the r...
IM Creator – A Simple and Professional HTML5 Website BuilderThere are so many website building tools over the Internet but most of them is complicated and confusing to use. They come with offer many designing restrictions and the results from most were less than professional.That is all changed now. You simply end up wasting your time and effort . if you need a simple site for creating your own website or for your work. one of the best options is IM Creator.IM Creator is The first HTML5 website builder that makes it easy with simplification process for you to provide better solutions for yourself or your work. You can design basic sites quickly and easily. you can customize the templates with a drag-and-drop editor, with no programming required. if you’d rather not use a template, you can build a site completely from scratch.There are a few reasons, why IM Creator is the best options for you?. First of all, it’s free and IM-Creator makes it easy to update, maintain, and promote your site once it’s live. the Second of all, The tool is based on professional free templates, which are very flexible for editing by a user.There are templates for artists, fashion and beauty, musicians, hotels, architects, personal sites, general business, web designers, restaurant, photography, portfolios, real estate, and much more. There are 100s of designer-made templates, all of which are incredibly flexible and can be customized. The templates of all is modern, stylish, and professional. A lot of website creators play it very safe with their templates, but IM-Creator isn’t afraid to take some risks. Their templates are not only well-designed, but they’re also modern and unique. you would certainly enjoy creating a website..Blogupstairs - Open Source Resources & Tools for Web Developer
1 day ago
You can send in your Node projects for review through our contact form. Node 0.10.7 Node 0.10.7 was released last week. This version includes fixes for the buffer and crypto modules, and timers. The buffer/crypto fix relates to enc...
You can send in your Node projects for review through our contact form. Node 0.10.7 Node 0.10.7 was released last week. This version includes fixes for the buffer and crypto modules, and timers. The buffer/crypto fix relates to encoding issues that could crash Node: #5482. JSON Editor Online JSON Editor Online (GitHub: josdejong / jsoneditor, License: Apache 2.0, npm: jsoneditor, bower: jsoneditor) by Jos de Jong is a web-based JSON editor. It uses Node for building the project, but it’s actually 100% web-based. It uses the Ace editor, and includes features for searching and sorting JSON. It’s installable with Bower, so you could technically use it as a component and embed it into another project. english-time Azer Koçulu sent in a bunch of new modules again, and one I picked out this time was english-time (GitHub: azer / english-time, License: BSD, npm: english-time). He’s using it with some of the CLI tools he’s written, so rather than specifying a date in an ISO format users can express durations in English. The module currently supports milliseconds, seconds, minutes, hours, days, weeks, and shortened expressions based on combinations of these. For example, 3 weeks, 5d 6h would work. puid puid (GitHub: pid / puid, License: MIT, npm: puid) by Sascha Droste can generate unique IDs suitable for use in a distributed system. The IDs are based on time, machine, and process, and can be 24, 14, or 12 characters long. Each ID is comprised of an encoded timestamp, machine ID, process ID, and a counter. The counter is based on nanoseconds, and the machine ID is based on the network interface ID or the machine’s hostname. node-mac node-windows provides integration for Windows-specific services, like creating daemons and writing to eventlog. The creator of node-windows, Corey Butler, has also released node-mac (GitHub: coreybutler / node-mac, License: MIT, npm: node-mac). This supports Mac-friendly daemonisation and logging. Services can be created using an event-based API: var Service = require('node-mac').Service; // Create a new service object var svc = new Service({ name: 'Hello World', description: 'The nodejs.org example web server.', script: '/path/to/helloworld.js') }); // Listen for the "install" event, which indicates the // process is available as a service. svc.on('install', function() { svc.start(); }); svc.install(); It also supports service removal, and event logging.
1 day ago
Recently I asked engineers to share their experiences working with GitHub at companies. I’ve always used GitHub for open source projects, but I was interested in learning more about using it professionally and how one’s devel...
Recently I asked engineers to share their experiences working with GitHub at companies. I’ve always used GitHub for open source projects, but I was interested in learning more about using it professionally and how one’s development workflow might change given all of GitHub’s capabilities. I set up a gist[1] so people could leave the answers to my questions and got some great responses. The information comes from companies such as Yammer, BBC News, Flickr, ZenDesk, Simple, and more. This is an overview of the responses I received plus some detail from Scott Chacon’s post on Git Flow at GitHub[2]. Basic setup Everyone has at least one GitHub organization under which the official repositories live. Some have more than one organization, each representing a different aspect of the business, however all official repositories are owned by an organization. I suspect this would be the case as it would be horribly awkward to have an important repository owned by a user who may or may not be at the company next year. Also, using an organizational owner for these repositories allows better visibility as to what’s going on with official projects just by looking at the organization. Several people mentioned that no one is barred from creating their own repositories on GitHub for side projects or other purposes. Creating repositories for company-related work is generally encouraged. If a side project becomes important enough, it can be promoted to an organizational repository. Developer setup Companies took a couple of different approaches to submitting code: Most indicated that developers clone the organization repository for their product and then work on feature branches within that repository. Changes are pushed to a remote feature branch for review and safe-keeping. Some indicated that each developer forks the organization repository and does the work there until it’s ready for merging into the organization repository. A couple indicated that they started out with forks and then switched to feature branches on the organization repository due to better transparency and easier workflow. The general trend is in the direction of feature branches on the organization repository. Since you can send pull requests from one branch to another, you don’t lose the review mechanism. Submitting code In the open source world, external contributors submit pull requests when they want to contribute while the maintainers of the project commit directly to the repository. In the corporate world, where everyone may logically be a maintainer for the repository, does it makes sense to have developers send pull requests? The responses were: Some required pull requests for all changes. Some required pull requests only for changes outside of their responsibility area (i.e., making a change to another team’s repo). Other changes can be submitted directly to the organization repository. Some left this up to the developer’s discretion. The developer should know the amount of risk associated with the change and whether or not another set of eyes is useful. The option to submit directly to the repository is always there. The responsibility for merging in pull requests varied across the responses. Some required the team leads to do the merging, others allowed anyone to do the merging. Interestingly, some indicated that they start a pull request as soon as a new feature branch is created in order to track work and provide better visibility. That way, there can be a running dialog about the work being done in that branch instead of temporary one at the time of work completion. Preparing code for submission A secondary part of this process is how the code must be prepared before being merged in. The accepted practice of squashing commits and rebasing still  remains common across the board though the benefits aren’t clear to everyone. Of those who responded: Some required a squash and rebase before a pull req
2 days ago