Playing around SVG (scalar vector graphics) always fascinates me. To me, providing a usable website shows the designer cares about its users and product, and SVG provides us power to do so. SVG has already taken the web by storm, and its robust feature “SVG transformations” takes its abilities to a whole new level. SVG images can be transformed easily by moving, scaling, skewing, and rotating. The process is quite useful when it comes to performing animations where scaling and rotating are deemed necessary. This is also helpful presenting vertical and diagonal text.
The transform attribute defines a series of elements that need to be transformed. All the items within the transform list can be split with the help of whitespace or commas, and applied from right to left.
Google’s OAuth documentation seems to indicate OAuth 2.0 for installed applications fits the bill for a mobile application.
The idea is to use an embedded web browser to show the OAuth consent page. If the user grants access, we can get the authorization code out of the embedded browser’s title property. We PhoneGap developers have InAppBrowser for embedded browsing, so this should be a piece of cake!
Often developers will publish source code to a custom application or library on GitHub. Experienced developers will also document their code/solution with a detailed README, and perhaps Wiki pages. But those same developers often do not have convenient answers to the following issues:
How do you upload images that you want to be shown in the README file(s)?How do you deploy a live demo of your application or library?
The following two sections will show you how to accomplish these easily!
Users notice if sites and apps don't run well, so optimizing rendering performance is crucia!
In some cases you might be able to avoid this problem by using paging or infinite scrolling, but sometimes that's just not good enough. For example, lists that are displaying only a few items at a time (like any kind of a log) would simply be very impractical from the users point of view. Another reason - you might be using libraries like SlyJS that load a whole list at once to calculate the size of the embedded scrollbar and to make list swiping and elastic bounds work properly. Ooooor - your client simply demands it. :)
It’s been almost three years since I wrote A Baseline for Front-End Developers, probably my most popular post ever.
It’s 2015. I want to write an update, but as I sit down to do just that, I realize a couple of things. One, it’s arguably not fair to call this stuff a “baseline” – if you thought that about the original post, you’ll find it doubly true for this one. One could argue we should consider the good-enough-to-get-a-job skills to be the “baseline.” But there are a whole lot of front-end jobs to choose from, and getting one doesn’t establish much of a baseline.
Web Development: AngularJS for ASP.NET MVC Developers by Miguel A Castro
When using ASP.NET MVC, you need to to know how to set Angular up with regards to modules, controllers, and services. And the truth is that not the entire site needs to be one giant Single-Page-Application. I’ll show how to design an ASP.NET MVC site so that it includes pockets of SPA that use Angular, taking advantage of binding, routing, and even back-button support - all while remaining on the client.
Promises make asynchronous processing simple, consistent and easy to use. And, with TypeScript and Promises.TypeScript providing support for generic Promises, you get both type safety and IntelliSense support.
AngularJS is an open-source web application framework designed with the aim of making both development and testing tasks easier for web developers. It is a fully extensible client-side MVC/MVVM framework.
This in-depth tutorial outlines some best practices and accessibility challenges common to SPAs (and specifically Angular apps).
Before we get started, you need to know… this tutorial isn’t designed to be “everything you’ll ever need to know about making Angular.js apps accessible.” This is a walk-through of some fairly common accessibility challenges to watch out for when building SPAs, and how you can address them when using Angular.js.
Here’s what we’re looking at:
Document structure, navigation and keyboard accessibilityFocus managementVisually hidden textARIA liveAngular’s ngAria and ARIA in general
Via Jan Hesse
This post explains the construction of a simple React web application. The app we want to design is basically a React clone of the email client in Ember‘s home page. It won’t send email, or communicate with a backend to pull a list of emails, it’s just a bit of static data with some Bootstrap styling.
Each component is, as always, a visible, semantic element on the screen. We have components to represent an email, a list of emails, the list of mailboxes, and a general component for when no email or mailbox has been selected.
Join us as we take an in-depth look at Facebook's React and how its core principles of components and one-way data binding can greatly simplify your client-side apps. We'll explore some example apps built in Salesforce and even look at how LevelEleven uses React to power some incredibly complex interfaces in its own products.
Have burning questions about AngularJS 2.0? Want to know what we're up to, what's planned or get a status update? This is the place. In this talk we'll start by looking at the fundamental motivators and design goals of AngularJS 2.0. Next, we'll talk about specific features such as Dependency Injection, Templating, Binding and Routing. You'll gain a solid understanding of what AngularJS 2.0 comprises and have a feel for what the next generation of JS client development will be like.
By building ang-news, you will learn how to develop CRUD (create, read, update, delete) services, securely authenticate users, access servers with $http, communicate with REST APIs using $resource, enable three-way data binding with your server, create directives for your user interface and more.
Once you have finished building the ang-news application, your users will be able to:
Sign up for an account on your sitePost links to the site, as well as delete their own linksComment on linksHave a user profile with a picture and a list of user's posts
Sharing your scoops to your social media accounts is a must to distribute your curated content. Not only will it drive traffic and leads through your content, but it will help show your expertise with your followers.
How to integrate my topics' content to my website?
Integrating your curated content to your website or blog will allow you to increase your website visitors’ engagement, boost SEO and acquire new visitors. By redirecting your social media traffic to your website, Scoop.it will also help you generate more qualified traffic and leads from your curation work.
Distributing your curated content through a newsletter is a great way to nurture and engage your email subscribers will developing your traffic and visibility.
Creating engaging newsletters with your curated content is really easy.