Automatically pulled from Google Starred

Thinking about strategies of how to best edit web content, we will rather quickly agree that the so-called inline or inpage editing is the best way to do it. Inline editing means the editing of web contents right inside their original layout. Still this best way is supported by only very few systems. The project Create.js provides a module for almost every CMS out there to relatively easily implement exactly this, inline editing of any content.

Go to Source

Automatically pulled from Google Starred

We have come to the end of another fine month. For WordPress users, December 2012 marked the release of WordPress 3.5 Beyond that, many new themes were also released in December, and in this round-up, we shall be taking a look at them.

Go to Source

Automatically pulled from Google Starred

JavaScript and galleries, what do you associate? I associate the word plethora. Though it’s not easy for new projects to impress, SwipeView does. Because SwipeView supports touch control, it is ideal for usage on mobile devices such as tablets and smartphones. You navigate through the galleries with swipes. Non-mobile devices imitate the swipes with mouse actions. The project even features classical navigation concepts.

Go to Source

Automatically pulled from Google Starred

Hello, Shane Brasher here, and I wanted to take a minute today to talk to you about a Windows Server 2012 Hyper-V / System Center 2012 Data Protection Manager (DPM) SP1 supportability issue. First let’s briefly discuss an exciting new feature of Windows Server 2012 Hyper-V. There is a new functionality added to the Hyper-V role that enables you to implement Business Continuity and Disaster Recovery. This functionality is called Hyper-V replication or Hyper-V Replica. This new feature allows you to have a Hyper-V Primary server that replicates it’s virtual machines to another server hosting the Hyper-V replica role. Any changes made on the Primary Hyper-V are replicated over to the Hyper-V Replica server every 5 minutes, thus if the Primary Hyper-V server should fail then the Hyper-V Replica can take over the workload. More information can be found at the link below:

Hyper-V Replica Overview : http://technet.microsoft.com/en-us/library/jj134172.aspx

The important thing to note about this is that while the DPM agent can be installed on both servers with no issues and you can backup the Primary DPM server as usual with no problems, on the Hyper-V Replica server you can enumerate the virtual machines and “may” even be able to back them up successfully, however backing up or restoring the Hyper-V replica is not supported.

Due to the inner workings of the Hyper-V replication architecture which may be in progress during the time of a DPM backup, there can be no guarantees of a successful backup or restore of virtual machines that reside on the Hyper-V Replica server. You will still be able to backup other types of data on the Hyper-V Replica such as flat files and system state for example.

A common question that is often asked is “if the Replica is a complete backup of the Primary Hyper-V server virtual machines, then why would I want to back that up again with DPM if redundancy is already built-in.” Well, then answer is you wouldn’t need to backup the Hyper-V Replica but you still may want to backup the Primary Hyper-V server for many reasons.

Automatically pulled from Google Starred

Do you know that you can use Google’s services to build a one-click registration form for your web site? Everyone with a Google Account can then press a button and instantly sign up for your application with their email, name and photo.

This service is called federated login, and is built on top of the OAuth2 protocol. This is a complex process that involves several data-exchange requests between your server and Google, but we will leave all this to Google’s PHP Library, whcih will handle nearly everything on the server side.

Using this login/registration flow can simplify things for both you and your users. Here are some of the benefits:

• No need to create and validate registration and login forms;
• No need for a “forgot password” feature;
• Greatly simplified login/registration flow – you get the person’s email, name and photo with only one click;
• The email is already validated by Google, so you don’t have to send a validation message.
• Great security on Google’s part.

Of course, this will only work if the person has a Google account, so it might make sense to have this in addition to an existing registration system. Let’s get started!

Setting things up

The first step is to create a new application through Google’s API Console. Follow these instructions for more information. After you complete the process, place the obtained keys in setup.php.

Run the code from schema.sql (you can find it in the download archive) in phpMyAdmin or a different MySQL administration tool. This will create the glogin_users table in your database, which will be used to store account information about the users of your app. After this, write your database connection details to setup.php.

Sign in With Google

The PHP

The login form we are making, uses Google’s Federated login flow. What that means is that visitors of your website follow a link to a Google page, where they give your application access to their accounts, and are redirected back. You then get an access token, which you can use to request information about them. Here is a simplified description of the login flow:

• When the user clicks “Sign in with Google” in our demo, they are taken to Google’s Authentication page, where they see what permissions are requested by our application.

Automatically pulled from Google Starred

View demo Download source

In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll cut the current slide open in order to reveal the next or previous slide. Using different data-attributes, we’ll define the type, rotation angle and scale of a slide’s parts, giving us the possibility to create unique effects of each slide transition.

We’ll be using the following jQuery plugins:

• jQuery cond by Ben Alman, for chainable “if-then-else” statements
• jQuery Transit by Rico Sta. Cruz, for easy and smooth CSS3 transformations and transitions

The animal icon font that we’ll be using is by Alan Carr and you can find it here.

Let’s start with the HTML.

The Markup

Our initial markup will consist of a main container with the class and id sl-slider which will hold all the slides, each one having the class sl-slide. Additional classes for the slide’s color will also be added:

<section id="sl-slider" class="sl-slider">

	<div class="sl-slide">
		<div class="sl-deco" data-icon="6"></div>
		<h2>A bene placito</h2>
		<blockquote>
			<p>You have just dined, and however scrupulously
			the slaughterhouse is concealed in the graceful
			distance of miles, there is complicity.
			</p>
			<cite>Ralph Waldo Emerson</cite>
		</blockquote>
	</div>

	<div class="sl-slide sl-slide-dark">
		<!-- ... -->
	</div>

	<!-- ... -->

</section>

Every slide will also have some data-attributes that we will use in order to control the effect for each slide. The data attributes that we want are the following:

data-orientation
data-cut1-rotation
data-cut2-rotation
data-cut1-scale
data-cut2-scale

The first one, data-orientation should be either “vertical” or “horizontal”. This we need in order to know where to “cut” the slide. It will be either cut horizontally or vertically. The data-cut1-rotation and data-cut2-rotation value will be the rotation degree for each one of the cuts and the data-cut1-scale and data-cut2-scale value will be the scale value.

So, our first slide will have the following values:

<div class="sl-slide" data-orientation="horizontal" data-cut1-rotation="-25" data-cut2-rotation="-25" data-cut1-scale="2" data-cut2-scale="2">

Our structure is a “base structure”. We will build upon that structure using JavaScript in order to be able to create the effects. So, we will want to transform it into this (each slide will also have the data attributes):

Automatically pulled from Google Starred

Are you new to System Center Data Protection Manager (DPM)? Here is a list of some videos from myITforums.com that will help you get up to speed on DPM: Overview of System Center Data Protection Manager http://www.myitforum.com/absolutevc/avc-view.aspx?videoid=922&categoryid= DPM 2007 SP1 — How does DPM really work http://www.myitforum.com/absolutevc/avc-view.aspx?videoid=1324&categoryid= TechNet Webcast: Protecting Microsoft SharePoint with Data Protection [...]

Go to Source

Automatically pulled from Google Starred

A product page is any page on your website that showcases a product. It has to describe its features, give some screenshots, and be descriptive. Naturally, this is the place where you build up the visitor’s interest towards your product,  but it is getting increasingly difficult to be original in grabbing their attention. Luckily, a new compact JavaScript library can help you make a splash.

impress.js is a small, standalone library that makes it easy to design advanced CSS3 presentations with eye-catching effects. But what if we used impress.js for something other than a presentation? This is what we are doing today – we will be spicing up a plain old product page with some CSS3 magic!

The HTML

We start of with a simple HTML5 document that will be the backbone of today’s example.

index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Impressive CSS3 Product Showcase | Tutorialzine Demo</title>

        <!-- Google Webfonts and our stylesheet -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow|Open+Sans:300" />
        <link rel="stylesheet" href="assets/css/styles.css" />

        <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>

    <body>

		<div id="impress" class="impress-not-supported">

			<!-- The Slides Will Go Here -->

		</div>

		<a id="arrowLeft" class="arrow">&lt;</a>
		<a id="arrowRight" class="arrow">&gt;</a>

        <!-- JavaScript includes -->
		<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script src="assets/js/impress.js"></script>
		<script src="assets/js/script.js"></script>

    </body>
</html>

Nothing unusual here. Along with the Google Webfonts include in the head, we also have our main stylesheet (we will go back to it in the next section) and a number of JavaScript source files before the closing body tag.

The #impress div will hold the slides. The id is required in order to be recognized by impress.js (you can override this by passing a different id to the impress function call in script.js). After this, we have the arrows that initiate the slide transitions.

Last on the page, we have our JavaScript source files. impress.js is standalone and does not need jQuery to work, but we will be including it so we can listen for clicks on the arrows in our script.js file.

CSS3 Product Showcase

Each of the slides of our showcase contains three elements – a title, a paragraph of text, and a smartphone image. These are all positioned uniquely for each slide. The promo images and text for this example were taken from Google’s Galaxy Nexus web site.

Automatically pulled from Google Starred

Hi everyone, Shane Brasher here with some tips on how to troubleshoot networking issues related to the DPM Agent.  The goal of this article is not to make you a networking expert or to provide in-depth networking training, but rather provide you with basic skills and knowledge of specific tools used to assess communication problems with Data Protection Manager (DPM) traffic.

One of the most common issues that is seen with the System Center Data Protection Manager Agent here in product support is connectivity issues and port blockage. This document will go over some of the key troubleshooting methodologies used in addressing these types of issues such as:

a.) You can’t push out your DPM agent to a server via the DPM management console.
b.) You manually install your agent, but the communication is still not working with the DPM server.

Naturally, if a connectivity or port blockage issue is diagnosed, then the DPM administrator may have to work with the Networking Administrator or the Directory Services Administrator in certain circumstances.  For example, if you suspect that the routing tables on a router are missing a route due to an unsuccessful tracert result, then a collaborative effort with the Networking Administrator will be needed to check out the router.  Another example is if the Windows Integrated Firewall for the servers on your domain is configured via GPO and does not have the rule exception for the DPMRA ports, then the Active Directory Administrator will need to be collaborated with in order to change the GPO.

The DPM Agent - What is the agent for? What purpose does it serve?

The DPM agent is a component installed on a server for which we intend to backup by Data Protection Manager. It is what performs the function of tracking changed blocks of data selected to be backed up and is also responsible for transferring data being backed up to the Data Protection Manager Server.

The Startup Type for the DPM agent service (DPMRA) is manual and runs as a Local System Account on each protected machine. The DPM agent will only be started when contacted by the DPM server when a job is scheduled to run. Once a scheduled job has completed DPMRA service will remain running for five minutes before the service is stopped.

Automatically pulled from Google Starred

Provides Drag & Drop Upload Widget for Image field.

Description:

• The widget supports multiple images to be uploaded into the field
• At this moment this module works only with images
• The widget does not support multiple instances on page (i.e. 2 fields with this widget on a one page will cause problems)
• The widget uses jquery-filedrop plugin

Installation:

• Download the jquery-filedrop plugin and put it into ‘sites/all/libraries/jquery-fieldrop/’ directory
• Install this module
• Create an Image field and choose a widget 'Drag & Drop Upload Widget' for it

Go to Source