web design
13 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

AngularJs native tag editor

AngularJs native tag editor | web design | Scoop.it

Continuing my series on directives that fill gaps in the angular framework, today I will discuss my implementation of a tag editor. In some ways this is simpler than my previous attempts, no new services needed to be created, however, there are a lot of styling concerns that need to be dealt with. I think I found a reasonable approach that provides adecent default look and feel and provides implementers the flexibility to provide their own styling.

Design Goals

* Native

* Control styling

* Enable tag interactivity

* Support edit & read-only modes


Via Jan Hesse
more...
No comment yet.
Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

Polling, Long Polling, Comet, Server-sent Events (SSE), and WebSockets

I've been asked about these concepts multiple times. Not being known for the most concise and easily understood explanations, I thought this would be an apt opportunity for sharpening my Yoda.

Challenge: provide the best explanation, to a software engineer with little understanding of HTTP, for Polling, Long Polling, Comet, Server-sent Events (SSE), and WebSockets. 

But ofcourse you're free to skip sections you're familiar with. However, if you're new to all this, then I really do think that you should just pucker up and read it all.


Via Jan Hesse
more...
No comment yet.
Scooped by Brian Tan
Scoop.it!

CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles.

CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles. | web design | Scoop.it
CSS3Ps is a free, cloud based, photoshop plugin for converting layers to CSS3 styles.
Brian Tan's insight:

haven't personally tried this yet, but looks pretty cool...

more...
No comment yet.
Rescooped by Brian Tan from Designer's Resources
Scoop.it!

50 Illustrator Tutorials That Will Leave You Looking Like A Pro

50 Illustrator Tutorials That Will Leave You Looking Like A Pro | web design | Scoop.it
Adobe Illustrator is the foremost vector creation software around these days, but it is not an easy program to master.

Via Mark Strozier
more...
Lucy Atkinson's curator insight, September 25, 2013 10:31 PM

Useful and easy short snippets that are doable.

Sven Jänchen's curator insight, October 2, 2013 9:11 AM

Vielleicht ein paar hilfreiche Übungen für die nächtlichen Stunden. In der Regel ist es aber deutlich besser, einem versierten Fachmann/Fachfrau die gestalterischen Aufgaben zu überlassen. Allein das Wissen um die Bedienung eines Tools macht noch keinen Fachmann ;-).

Yulia Stoyanova's curator insight, November 8, 2013 7:59 PM

Adobe Illustrator will be quite useful for every progressive teacher. Spend some time now to feel confident and free in expressing your own ideas in the future

Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

Form Autocomplete and Remember Password with AngularJS

Form Autocomplete and Remember Password with AngularJS | web design | Scoop.it

Recently a user complained about the log in form not saving the credentials. This is a common problem with AJAX and single-page applications. But I decided to get to the bottom with it.

The UserApp “dashboard” is built with the JavaScript framework AngularJS, and it doesn’t play along very well with the “save password” feature. These are the issues I addressed:

* The form cannot be dynamically inserted into the DOM.

* The form must perform an actual POST request.

* When the browser autofills the fields, the scope doesn’t get updated.

Firefox was easy, all it required was that the form had a name attribute.


Via Jan Hesse
more...
No comment yet.
Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

Complex Single Page Application Architecture with Backbone

Complex Single Page Application Architecture with Backbone | web design | Scoop.it

Over the past few months we've been developing the 2nd (and much improved) generation of the SOOMLA dashboard.  Though we use myriad front-side technologies, the jewel in the crown is Backbone.js.  Much has been written about Backbone, though still I find that most articles focus on HOW-TOs of models, views and events.  In this post, I’ll describe our dashboard’s Backbone architecture, with an attempt to zoom out a bit and understand the fundamentals of building complex, heavy single page applications (hereinafter SPA) with Backbone.  Disclaimer: this post is not about code, but about architecture concepts.  Therefore, the code examples won't be detailed to the bits and bytes, but they are all documented sufficiently to understand the idea.

We use:
* Require.js for dependency management and modular code.
* Backbone.js - for basic application structure and separation of concerns.
* Marionette.js - for composite application architecture and saving lots of Backbone boilerplate.
* underscore.js for general object, array and function utilities.
* undescore.string for extended string manipulation functionality.
* Handlebars.js - for client side templating.
* jQuery for DOM manipulation, AJAX, promises, and much more.
* These jQuery plugins: Qtip, SlimScroll, Isotope, jQuery UI sortable and jQuery validations.
* imagesloaded - for capturing and synchronizing image load events.
* Less - for CSS pre-processing.
* grunt.js - for build automation (tasks like pre-compilation, minifying and concatenating code).

 


Via Jan Hesse
more...
No comment yet.
Rescooped by Brian Tan from JavaScript for Line of Business Applications
Scoop.it!

Best resources to learn JavaScript

book recommendations, video tutorials etc.


Via Jan Hesse
more...
No comment yet.
Rescooped by Brian Tan from Designer's Resources
Scoop.it!

Let's see a show of hands for those wanting a boatload of designer freebies!

Let's see a show of hands for those wanting a boatload of designer freebies! | web design | Scoop.it
If you're a web designer then you certainly love design freebies. Today I've put together a list of 7 amazing and free packs for designers. This list includes:

Via Mark Strozier
more...
Dhyan Rakesh's curator insight, July 19, 2013 12:37 PM

Really good stuff. Thanks!

BreAnn Hollinger's curator insight, August 17, 2013 11:05 AM

Nothing like designer freebies! Here's a list of 7 amazing and FREE packs for designers. #graphicdesign #freebies

Quinn Stirling's curator insight, September 19, 2013 9:05 PM

+1 Thanks for that :)