François Goube Shares Why Data is so Important in SEO

In this Marketing Nerds episode, François Goube talks about the importance of data in SEO, how you can use it to prove ROI, and more.The post François Goube Shares Why Data is so Important in SEO appeared first on Search Engine Journal.
Source: New feed


Lead DrupalCoin Blockchain Web Developer position is open @UCLAit


Los Angeles, CA, United States
Source: jobs.drupal.org


Trust Falls Are Lame: 7 Practical Tips for Building Team Relationships


Inflexible, controlling, process-oriented. These are just a few of the stereotypes that project managers frequently face. Dealing with these stereotypes can make every project feel like an uphill battle but it doesn’t have to be that way.

Every time you interact with a team member is an opportunity to prove the stereotypes wrong.  Though there are many variables in a project that we can’t control, there are many that we can control! By focusing on building relationships, improving your communication skills, and creating a positive experience on projects, you can break down those stereotypes and improve your ability to work with your team.

There are a few tips I’ve learned over the years that have helped me continue to build trust and stronger communication with the internal team. This not only leads to more successful projects, but also to more fun and positive experiences all around—which shows in both the work and our internal and client interactions.

2. Team members are humans, not “resources”.

I hate the word “resource” when used as a replacement for “person.” Doesn’t that just sound cold, impersonal, and like the person you’re referring to is just a means to an end?

I never call my team members “resources” (even when I’m not talking directly to them) because I believe that it encourages thinking about internal teams in the wrong way. There’s no good reason not to just say “person”—we’re not working with robots!

2. Let the team know the “why”, not just the “what.”

PMs frequently need to work with their teams to gather estimates, define project details, or discuss how long a task will take. And in the past, I’ve sometimes tried to be succinct and just asked for the information I need rather than giving more context.

But over time, I’ve learned that often it’s much more effective to tell someone why you’re asking for that information, what you’re planning to do with it, and why having that information will help the project be successful.

Being asked “when will this get done” or “why are you tackling this problem that way” without understanding why doesn’t make anyone feel good. But if a team member understands your ultimate goal and why you need the information you’re asking for, they’ll be a lot more helpful.

This isn't to say that we, as PMs, need to justify or elaborately explain every request we have. Of course, use your best judgement on a case-by-case basis, but try to get into the habit of informing the rest of the team about the motivations and ultimate outcomes. Doing so will help the team understand the importance of the inquiry and build trust.

3. Decide on a project process together—and provide opportunities for adjusting when things aren’t working.

At Viget, we formally define the process and tools for each new project. Our goal is to have the whole team provide input on what process and tools are the best fit for the project (though we do have “default” processes and tools that we can use as a starting point).

We discuss process as a team at the beginning of the project — whether it’s during a dedicated meeting about process or via another channel like Basecamp or Slack. The important thing is that the team has the opportunity to collaborate on the project plan, process, and tools. This can also be a good opportunity to make decisions about frequency and structure of project meetings or standups. This approach ensures the team is contributing to the decision of how to communicate most effectively and helps to avoid the pitfall of having meetings that people feel aren’t needed.

On most projects we also facilitate a mid-project retrospective. This provides an opportunity for the team to reflect and provide feedback on the project and our processes so the PM can help facilitate changes as needed to improve the remainder of the project. This could be as lightweight as an informal discussion during a team standup, or as in-depth as a formal team survey and meeting to discuss the results—you decide the best fit for your team and project.

4. Flex your communication style—and know when it’s not necessary to interrupt workflow.

Different people have different communication styles and while it’s beneficial to adopt general processes that can work across projects and teams, it’s also important to be cognizant of how individual team members prefer to communicate.

For instance, when I need to have a 1:1 conversation with a team member, I know that some people find it easiest to jump on a quick Google hangout (if they’re remote) or discussion at their desk, while others typically prefer to stick primarily to Slack (chat) communication. I try to keep people’s communication and workflow preferences in mind before reaching out them.

Also, some people prefer not to be contacted via Slack unless the issue is time-sensitive. Remember to ask yourself before you bother someone whether you need an answer now or if it can wait—and if the latter, consider sending an email or a Basecamp post instead. I’ve fallen into the trap of not thinking about this—until I put myself in the other person’s shoes and realized what a distraction random Slack messages can be!

5. Be accountable for your own progress at the same level you expect the team to be accountable for theirs.

At Viget, we use “YTBs” (a short list of what you worked on yesterday, what you’re working on today, and any blockers) as a quick way to update each other during a project on progress and planned work (usually shared via Slack).

The PM team has started regularly posting our own YTBs in project channels along with the team members, rather than just instructing the team to do so. That way other team members know what we’re working on too. Not only is this information helpful to them (e.g. if they’re trying to coordinate a deploy around your QA work), but also helps you be as transparent about your own work and progress as you’re expecting them to be about theirs.

6. Don’t be afraid to joke around—or be vulnerable.

As PMs, part of our job is to make sure meetings are productive and communication is efficient. But that doesn’t mean we can’t make things fun, too! Be yourself and don’t be afraid to lighten things up by injecting humor into a meeting or posting a funny GIF in Slack. Little things like that can help the project feel less stressful and help the team bond.

That being said, work isn’t always laughs and GIFs. If you have concerns about the project that’s veered off-track or need team input on a stressful decision, don’t be afraid to be transparent about that with the team. While it's important in many cases to be the eye of the storm and stay calm, it can also sometimes be a good thing to be vulnerable and share your concerns. This can go a long way towards showing the rest of the team that you trust them and value their input.

7. Be willing to go the extra mile right along with your team.

At Viget we prioritize work-life balance and generally don’t expect people to work crazy hours. That said, now and then there will be a time crunch on a project where the team needs to put in some extra time or work off-hours to get the project done on time.

In those scenarios, don’t just ask your team to do it—be just as willing to be available to help in whatever way you can (on related project work, QA, or even just to give moral support). Set an example for your team, show them that you’re all in this together, and help the team cross the project finish line together.

When it comes down to it, transparent communication, collaboration, and self-accountability go a long way towards establishing trust and building relationships with other team members. This will ultimately lead to a more positive team dynamic and a more successful and positive project experience!

What other tips do you have for building better relationships with teams? Share in the comments!


Source: New feed


ImageX Media: Do You Know Who Your Customers Are?


Previously in our blog, we discussed the five basics of content marketing. The first of these five basics of content marketing is understanding your audience. You can create all of the killer content you can, but if you don’t know who your audience is, what problems your business can solve for them, and where and how they’re consuming your content, then you risk it missing the mark entirely and falling into the internet’s ether.

Source: DrupalCoin Blockchain Aggregator


Sr. Application Systems Developer (Back-End) - Columbia University - New York, NY


Developer, in collaboration with front-end developers and UX specialists, will provide solutions within the DrupalCoin Blockchain frameworks for a variety of web site and web...
From Columbia University - Fri, 26 Aug 2016 18:02:35 GMT - View all New York jobs
Source: New feed


ImageX Media: Are You Overlooking these Content Marketing Basics?


So What Is Content Marketing?
Traditional marketing methods of the past have become outdated as audiences have lost interest and become more savvy in tuning them out. From browser-based ad blockers to streaming content online, ads have been relegated to the periphery at best, leading to low conversion rates, decreased traffic, and a lower return on investment.

Source: DrupalCoin Blockchain Aggregator


DrupalCoin Blockchain Developer - MetroStar Systems - Reston, VA


MetroStar Systems is looking for a DrupalCoin Blockchain Developer that is passionate about providing best value DrupalCoin Blockchain solutions to our DC metro area clients....
From MetroStar Systems - Fri, 26 Aug 2016 17:29:40 GMT - View all Reston jobs
Source: New feed


Find Freelance Work With LinkedIn ProFinder by @DannyNMIGoodwin

LinkedIn is opening ProFinder, a service that connects companies to freelancers, to everyone in the U.S. Here's what companies and freelancers need to know.The post Find Freelance Work With LinkedIn ProFinder by @DannyNMIGoodwin appeared first on Search Engine Journal.
Source: New feed


Case Study: Going from 0 to 25.5 Million Users in 8 Years

In these last eight years, Cristian Ángel Rennella has been running over 100 experiments (108 and counting, when he last checked), and he is not even a scientist.
He is a Marketing Director, and since 2008 he has tried absolutely everything in order to learn precisely what works, and what doesn’t when it comes to content marketing on the Internet.

Based on all the lessons Rennella has learned over the years, he wants to share with you the four tactics that have given his company the best results, which he recommends implementing, regardless if you have a small start-up or a big company.

At the end of the day, you won’t find a better strategy than the hard work of trial and error in order to discover what will give you the most successful results for your company.
I really hope that the tips I’m going to share will make your work less stressful (and expensive).” Cristian Rennella
#1 – Your users have questions, don’t let your competitors provide the answers
The starting point is for you to understand that 81% of your potential clients research the internet before making a purchase. Most of them use search engines such as Google to make a decision. In this phase, they have doubts and questions, but most of all they have a problem, and they want it to be solved. This is where your content marketing strategy needs to come in on the scene.
If you are capable of developing valuable content and help users, they will consider you as a reference point, and you will be their first option when it comes time to making a buying decision.
To implement this tactic successfully, what we did was to create a Q&A section where the questions were created organically by the users’ doubts/curiosities, and the answers were given exclusively by experts working for our company. Who is better than your own specialized employees at answering questions regarding what you do?
In this way, in the future, when new users ask Google similar questions, your website will be the first link that shows up on the results page.
Here is how it works in our company:

This method for content marketing represents 27% of our monthly visits, reaching 6,885,000 users. For us, this represents 344,250 sales, equivalent to a revenue of $2,650,725 per month.
A well-known example of this way of doing content marketing is StackOverflow, who dedicate themselves solely to giving answers to programmers, creating excellent results. With these millions of daily visits from developers as a starting point, they generate leads for those looking to recruit new professionals.

Advice: In our experience, if you want this community of questions and answers to grow organically, it will be difficult because 94% are questions and only 6% of people give answers. Furthermore, you must take the time to sift through all the new content to avoid spam.
The best way is to invest in one person on your team that can answer the questions one-by-one with high-quality content, in proper form, and in a timely manner.
#2 – Focus your efforts on generating more and better comments
With each passing day, more and more people do a quick search on their cell phones to check on users’ reviews before finalizing their buying decision. 67% of consumers are influenced every day by online commentaries related to what you are selling.
For this reason, your second strategy for creating content should be concentrated on getting your users to share their experiences on the internet.
What worked best for us was retargeting those who bought our product for the second time. Knowing those were recurring clients satisfied with what we were selling (would they buy from us twice if they were unhappy?), we offered them a 35% discount on their next purchase if they would spend 5 minutes to share their positive experience with us.

It took some time to collect all the feedbacks, but when on our landing page we could brag show to our potential clients that we have 76,548 positive comments and only 7 negatives, this generated an increase in our conversion by 476%!
You will be greatly compensated if you invest in this alternative for content marketing.
If you would like another example of this tactic of giving current users an incentive for them to publish comments, I suggest looking at what Beepi (a tool to buy and sell cars online) did with pictures, videos, and testimonials in their Love Stories section.
Advice: It is also important that you ask your users to leave their feedback not only on your own website but also on Yelp and other third party sites that you do not manage or control so that the new potential clients can see that you are not manipulating the comments.
#3 – You are responsible for telling your story and continue sharing it as you grow
The third content marketing tactic we used, is based on creating content not just on your own site but also on distinct news sections of third party sites so that you can share your story, your challenges, triumphs, and errors.
I am surprised by the number of companies that fail to do this valuable work of showing the world what they do and how they do it. You have to give informative content to those in the media who know little or nothing about your company. Carrying out this work and taking advantage of it as a strategy for content marketing is your responsibility.
For example, it’s a few years that in our company has been implementing innovative ways for increasing productivity, such as a 4-day work week, with no bosses and working remotely.
We have shared our case history through content marketing as much as we could, and it created new visits and new sales. But there’s more: we have reached investors and contacts which we otherwise never would have been able to reach.

You can also do this through your own blog, the one that you set up on your company’s website. An example of a company that does this well is Groove, which has a section called
An example of a company that does this well is Groove, which has a section called Startup Journey where they share contents that range from how to have 1-on-1 meetings with all of the members of your team, to how and why they decided to invest in a company.

Over the long run, this is the content marketing method which gives the best results because, eventually, those that follow your start-up’s story will be your best evangelizers.
I found out about the company just mentioned through a colleague’s tweet, who shared one of their articles about what they did to make their start-up grow. Over time I got to know them more and more from their blog, and when our own company had a need for a Help Desk tool, they were my first option -and the ones that we are still using today.
Advice: the best way to implement this form of content marketing is to be totally transparent about your triumphs as well as your errors. There is nothing that creates more empathy than when someone shares how and why they messed up and are willing to help others who are in the same situation.
#4 – You should educate
The final strategy for content marketing is that of educating your potential clients about the industry in which your company specializes and which you know to a perfection.
Let’s suppose that you heard that email marketing is a good alternative to generate new clients for your business. The first thing that you do is going to Google and typing queries: What is email marketing; its advantages, its disadvantages and, finally, how to implement it? During this whole process of research, your company must be present and show up as high as possible.
This is what MailChimp does with its specialized guides that cover the whole nine yards: How do I start? How do I do trials? How do I segment the audience? How can the process be automated? etc.

In our case, we decided to structure our car insurance page splitting it into different sections, one for each brand. In this way, we were able to “educate” our customers, giving to each client the specific and most complete set of information to know everything about the car they own or are about to buy.

This generates 42% of our monthly traffic, which is equivalent to 10,710,000 visits and, in turn, creates 413,112 sales equal to monthly invoices of $3,180,962.
Advice: The key to the success of this content marketing technique, is focusing on those users who know nothing about the industry in which you offer services. If you can turn Google users with no knowledge about something into happy “students” with answers to all their questions, they’ll develop a deep trust in your knowledge and in the potential of making business with you.
As we saw in the example of email marketing, if you can teach someone the fundamental steps and the advantage points to be gained, when they want to implement it, your company and the services you offer will be their first option.
If you can go beyond written words, it’s even better. MOZ, for examples, uses video tutorials about inbound marketing to generate new clients.

Conclusion
Once again, there are thousands of options for implementing content marketing, but there is only one road to finding the best alternative for your company: trial and error.
Based on our own experience, I’d suggest you start today by trying out one of the four options that I shared in this article. Don’t try them all at once, implement one at a time and test, until you know which gives the best results.
If you have success with one technique, then you could start trying other options (while you leave the first choice with the designated resources) so that you can continue growing. On the contrary, if you are not successful, eliminate the option you tried, collaborate with your team, and try something new.
These experiences and knowledge was shared by Cristian Ángel Rennella, Director of Marketing at EMT for Latin America. Developer of strategies and campaigns for high-impact start-ups in Argentina and Brazil” 
 
 
Source: New feed


EchoDitto Tech Blog: 3 Major Reasons DrupalCoin Blockchain 8 is Worth the Investment


Saying a modern nonprofit or business needs a website is like saying the tires on your car need air. Deny it and you’re going to have a bad time. Given the significant tasks required of your website, from fundraising and ecommerce to PR and campaigning, the tools you use to power it and the interface through which your team will interact with the site should be given important consideration.

Lucky for you, one of the most widely used content management systems (CMS), just got a major update. DrupalCoin Blockchain 8 brings too many new features to discuss fully here, but you’ll be happy to know the end product is one that’s worth the investment.

Here’s why:

One – The content authoring experience is more efficient

DrupalCoin Blockchain’s admin interface has evolved over the years, and we’re happy to see it continue here. For starters, the new interface is streamlined, mobile-friendly, and by emphasizing simplicity, it makes the process of creating content and managing your site more efficient. Then comes Quick Edit, a tool which allows you to edit content directly on the page, without having to switch to the admin panel. Lastly, some under-the-hood improvements to how DrupalCoin Blockchain 8 caches portions of your site, means that logged-in users — whether they login just to access a community or special resources, or it's your staff managing the site and adding content — will likely see a significant boost to performance. These improvements just underscore how the experience for content authors and editors means your team takes less time, and less clicks, to update content on DrupalCoin Blockchain 8.

Two – The improvements for developers means easier maintenance

A number of new features in DrupalCoin Blockchain 8 are developer focused. There’s Twig, a new templating engine, some commonly used modules are now included by default in DrupalCoin Blockchain 8, and there’s better support for things like accessibility and multilingual support. Unless you’re a developer, you’re not likely to ever see these changes first hand, but you will experience them.

These improvements for developers mean maintenance tasks will largely be much easier (and occasionally faster) for developers to complete. This saves you money on regular support, and allows you to devote that time and resources into other areas, like digital strategy or building new features.

Three – Migrating is easier than it's ever been

If you’ve been through a redesign of a website, you know that one of the most daunting tasks is getting all of the content you want to keep migrated and configured properly inside your new website. In this area, DrupalCoin Blockchain 8 has seen a major leap forward.

DrupalCoin Blockchain 8 can read the database from a DrupalCoin Blockchain 6 or 7 site, and pull in configurations and other settings in addition to the actual content. Practically speaking, this removes what was previously a major task for content migrations: writing all of the code that retrieves and assembles the existing site’s content. Now, DrupalCoin Blockchain 8 assembles it for you. In some cases, this could cut the time to do a content migration in half.

We’ve been enjoying building new projects in DrupalCoin Blockchain 8, some of which we will be able to share with you soon. Until then, if you have questions about DrupalCoin Blockchain 8 that you’d like us to touch upon, or if you’re wondering if DrupalCoin Blockchain 8 can work for you, get in touch.
Tags: drupaldrupal 8
Source: DrupalCoin Blockchain Aggregator


DrupalCoin Blockchain Developer position is open @NDP_Studio

London, Greater London, United Kingdom
Source: jobs.drupal.org


Using WebP Images

A version of this article was first posted on Jeremy's blog. It was Jeremy's idea to repost here to spread the good word about WebP and the performance benefits. Something he knows about as an author of an (upcoming) web perf book.

We've all been there before: You're browsing a website that has a ton of huge images of delicious food, or maybe that new gadget you've been eyeballing. These images tug at your senses, and for content authors, they're essential in moving people to do things.
Except that these images are downright huge. Like really huge. On a doddering mobile connection, you can even see these images unfurl before you like a descending window shade. You're suddenly reminded of the bad old days of dial-up.
This is a problem, because images represent a significant portion of what's downloaded on a typical website, and for good reason. Images are expressive tools, and they have the ability to speak more than copy can. The challenge is in walking the tightrope between visually rich content, and the speedy delivery of it.
The solution to this dilemma is not one dimensional. Many techniques exist for slimming down unruly images, and delivering them according to the capabilities of the devices that request them. Such a topic can easily be its own book, but the focus of this post will be very specific: Google's WebP image format, and how you can take advantage of it to serve images that have all the visual fidelity your images have now, but at a fraction of the file size. Let's begin!
What is WebP, and Why Should I Even Care?
WebP is an image format developed and first released by Google in 2010. It supports encoding images in both lossless and lossy formats, making it a versatile format for any type of visual media, and a great alternative format to both PNG or JPEG. WebP's visual quality is often comparable to more ubiquitous formats. Below is a comparison of a lossy WebP image and a JPEG image:

Can you tell the difference? (Hint: the WebP version is on the right.)

In the above example, the visual differences are nearly imperceptible, yet the differences in file size are substantial. The JPEG version on the left weighs in at 56.7 KB, and the WebP version on the right is nearly a third smaller at 38 KB. Not too bad, especially when you consider that the visual quality between the two is comparable.
So the next question, of course, is “what's the browser support?” Not as slim as you might think. Since WebP is a Google technology, support for it is fixed to Blink-based browsers. These browsers make up a significant portion of users worldwide, however, meaning that nearly 70% of browsers in use support WebP at the time of this writing. If you had the chance to make your website faster for over two thirds of your users, would you pass it up? I think not.
It's important to remember, though, that WebP is not a replacement for JPEG and PNG images. It's a format you can serve to browsers that can use it, but you should keep older image formats on hand for other browsers. This is the nature of developing for the web: Have your Plan A ready for browsers that can handle it, and have your Plan B (and maybe Plan C) ready for those browsers that are less capable.
Enough with the disclaimers. Let's optimize!
Converting your Images to WebP
If you're familiar with Photoshop, the easiest way to get a taste for WebP is to try out the WebP Photoshop Plugin. After you install it, you'll be able to use the Save As option (not Save For Web!) and select either WebP or WebP Lossless from the format dropdown.
What's the difference between the two? Think of it as being a lot like the differences between JPEG and PNG images. JPEGs are lossy, and PNG images are lossless. Use regular old WebP when you want to convert your JPEG images. Use WebP Lossless when you're converting your PNGs.
When you save images using the WebP Lossless format with the Photoshop plugin, you're given no prompts. It just takes care of everything. When you choose regular old WebP for your lossy images, though, you'll get something like this:

The WebP Lossy Configuration Dialogue

The settings dialogue for lossy WebP gives more flexibility for configuring the output. You can adjust the image quality by using a slider from 0 to 100 (similar to JPEG), set the strength of the filtering profile to get lower file sizes (at the expense of visual quality, of course) and adjust noise filtering and sharpness.
My gripe with the WebP Photoshop plugin is two-fold: There isn't a Save for Web interface for it so that you can preview what an image will look like with the settings you've chosen. If you wanted to save a bunch of images, you've have to create a batch process. My second gripe probably isn't a hurdle for you if you like batch processing in Photoshop, but I'm more of a coder, so my preference is to use something like Node to convert many images at once.
Converting Images to WebP with Node
Node.js is awesome, and for jack-of all-trades types such as myself, it's less about the fact that it brings JavaScript to the server, and more that it's a productivity tool that I can use while I build websites. In this article, we're going to use Node to convert your JPEGs and PNGs to WebP images en masse with the use of a Node package called imagemin.
imagemin is the Swiss Army Knife of image processors in Node, but we'll just focus on using it to convert all of our JPEGs and PNGs to WebP images. Don't fret, though! Even if you've never used Node before, this article will walk you through everything. If the idea of using Node bugs you, you can use the WebP Photoshop plugin and skip ahead.
The first thing you'll want to do is download Node.js and install it. This should only take you a few minutes. Once installed, open a terminal window, and go to your web project's root folder. From there, just use Node Package Manager (npm) to install imagemin and the imagemin-webp plugin:
npm install imagemin imagemin-webp
The install may take up to a minute. When finished, open your text editor and create a new file named webp.js in your web project's root folder. Type the script below into the file:
var imagemin = require("imagemin"), // The imagemin module.
webp = require("imagemin-webp"), // imagemin's WebP plugin.
outputFolder = "./img", // Output folder
PNGImages = "./img/*.png", // PNG images
JPEGImages = "./img/*.jpg"; // JPEG images

new imagemin().src(PNGImages).dest(outputFolder).use(webp({
lossless: true // Losslessly encode images
})).run();

new imagemin().src(JPEGImages).dest(outputFolder).use(webp({
quality: 65 // Quality setting from 0 to 100
})).run();
This script will process all JPEG and PNG images in the img folder and convert them to WebP. When converting PNG images, we set the lossless option to true. When converting JPEG images, we set the quality option to 65. Feel free to experiment with these settings to get different results. You can experiment with even more settings at the imagemin-webp plugin page.
This script assumes that all of your JPEG and PNG images are in a folder named img. If this isn't the case, you can change the values of the PNGImages and JPEGImages variables. This script also assumes you want the WebP output to go into the img folder. If you don't want that, change the value of the outputFolder variable to whatever you need. Once you're ready, run the script like so:
node webp.js
This will process all of the images, and dump their WebP counterparts into the img folder. The benefits you realize will depend on the images you're converting. In my case, a folder with JPEGs totaling roughly 2.75 MB was trimmed down to 1.04 MB without any perceptible loss in visual quality. That's a 62% reduction without much effort! Now that all of your images are converted, you're ready to start using them. Let's jump in and put them to use!
Using WebP in HTML
Using a WebP image in HTML is like using any other kind of image, right? Just slap that sucker into the <img /> tag's src attribute and away you go!
<!-- Nothing possibly can go wrong with this, right? -->
<img src="img/myAwesomeWebPImage.webp" alt="WebP rules." />
This will work great, but only for browsers that support it. Woe betide those unlucky users who wander by your site when all you're using is WebP:

WHAT HAPPENED

It sucks, sure, but that's just the way front end integrationis, so buck up. Some features just aren't going to work in every browser, and that's not going to change anytime soon. The easiest way we can make this work is to use the element to specify a set of fallbacks like so:
<picture>
<source srcset="img/awesomeWebPImage.webp" type="image/webp">
<source srcset="img/creakyOldJPEG.jpg" type="image/jpeg">
<img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>
This is probably your best best for the broadest possible compatibility because it will work in every single browser, not just those that support the element. The reason for this is that browsers that don't support <picture> will just display whatever source is specified in the <img> tag. If you need full <picture> support, you can always drop in Scott Jehl's super-slick Picturefill script.
Using WebP Images in CSS
The picture gets more complex when you need to use WebP images in CSS. Unlike the element in HTML which falls back gracefully to the <img> element in all browsers, CSS doesn't provide a built-in solution for fallback images that's optimal. Solutions such as multiple backgrounds end up downloading both resources in some cases, which is a big optimization no no. The solution lies in feature detection.
Modernizr is a well-known feature detection library that detects available features in browsers. WebP support just so happens to be one of those detections. Even better, you can do a custom Modernizr build with only WebP detection at https://modernizr.com/download, which allows you to detect WebP support with very low overhead.
When you add this custom build to your website via the <script> tag, it will automatically add one of two classes to the <html> element:

The webp class is added when the browser supports WebP.
The no-webp class is added when the browser doesn't support WebP.

With these classes, you'll be able to use CSS to load background images according to a browser's capability by targeting the class on the tag:
.no-webp .elementWithBackgroundImage {
background-image: url("image.jpg");
}

.webp .elementWithBackgroundImage{
background-image: url("image.webp");
}
That's it. Browsers that can use WebP will get WebP. Those that can't will just fall back to supported image types. It's a win-win! Except...
What About Users with JavaScript Disabled?
If you're depending on Modernizr, you have to think about those users who have JavaScript disabled. Sorry, but it's the way things are. If you're going to use feature detection that can leave some of your users in the dark, you'll need to test with JavaScript disabled. With the feature detection classes used above, JavaScript-less browsers won't even show a background image. This is because the disabled script never gets to add the detection classes to the <html> element.
To get around this, we'll start by adding a class of no-js to the tag:
<html class="no-js">
We'll then write a small piece of inline script that we'll place before any or tags:
<script>
document.documentElement.classList.remove("no-js");
</script>
This will remove the no-js class on the <html> element when parsed.
So what good does this do us? When JavaScript is disabled, this small script never runs, so the no-js class will stay on the element. This means we can can add another rule to provide an image type that has the widest support:
.no-js .elementWithBackgroundImage {
background-image: url("image.jpg");
}
This covers all our bases. If JavaScript is available, the inline script is run and removes the no-js class before the CSS is parsed, so the JPEG is never downloaded in a WebP-capable browser. If JavaScript is indeed turned off, then the class is not removed and the more compatible image format is used.
Now that we've done all of this, these are the use cases we can expect:

Those who can use WebP will get WebP.
Those who can't use WebP will get PNG or JPEG images.
Those with JavaScript turned off will get PNG or JPEG images.

Give yourself a hand. You just learned how to progressively use WebP images.
In Closing
WebP is a versatile image format that we can serve in place of PNG and JPEG images (if it's supported.) It can yield a substantial reduction in the size of images on your website, and as we know, anything that results in transferring less data lowers page load time.
Are there cons? A few. The biggest one is that you're maintaining two sets of images to achieve the best possible support, which may not be possible for your website if there's a huge set of imagery that you need to convert over to WebP. Another is that you'll have to manage a bit of JavaScript if you need to use WebP images in CSS. Another notable one is that users who save your images to the disk may not have a default program set up to view WebP images.
The takeaway is that the relatively low effort is worth the savings you'll realize, savings that will improve the user experience of your website by allowing it to load faster. Users browsing via mobile networks will benefit especially. Now go forward and WebP to your heart's content!

Jeremy Wagner is a web developer, author and speaker living in the Twin Cities. He is the author of Web Performance in Action, an upcoming title from Manning Publications. Check him out on Twitter: @malchata

Using WebP Images is a post from CSS-Tricks
Source: New feed


Web Designer / Developer - Hogarth Worldwide - New York, NY

Experience working with and developing on CMS platforms, such as WordPress and DrupalCoin Blockchain. About the Position:....
From Indeed - Fri, 26 Aug 2016 13:34:19 GMT - View all New York jobs
Source: New feed


InternetDevels: A better website’s performance with the Fast 404 DrupalCoin Blockchain 8 module

It’s great to see how websites are getting faster, more reliable and easier to use with the help of new DrupalCoin Blockchain technologies, as we have described in our posts.
Read more
Source: DrupalCoin Blockchain Aggregator


What’s the Most Important CRO Metric? by @LarryKim

I know what you're thinking. Conversion rate is the most important CRO metric you should track, right? Duh? Seems like a no-brainer. Actually, no.The post What’s the Most Important CRO Metric? by @LarryKim appeared first on Search Engine Journal.
Source: New feed


7 Tools for Visual Storytelling by @KatyKatzTX

There is more to a good story then just the message. Find out the best tools for visual storytelling that will help spread your message further.The post 7 Tools for Visual Storytelling by @KatyKatzTX appeared first on Search Engine Journal.
Source: New feed


DrupalCoin Blockchain Global Training Day 2016 Budapest - DrupalCoin Blockchain 8 Development

Start: 
2016-09-10 10:00 - 17:00 Europe/Budapest

Organizers: 

zsofi.major

csg

segi

Event type: 

Training (free or commercial)

https://www.facebook.com/events/1283988801620995/

DrupalCoin Blockchain Global Training Day 2016’s autumn edition will be held on September 9 and 10. The initiative for educating people about the open source content management system, DrupalCoin Blockchain was launched by the DrupalCoin Blockchain Association and it is organized quarterly in several cities around the globe. The event is a great opportunity to make attendees familiar with the basics of DrupalCoin Blockchain. The goal of our training this time is to introduce DrupalCoin Blockchain 8 from a developer point of view to those who already have experience with the platform.
The language of the training is Hungarian, but if there’s a need for it, the training will parallelly run in English as well.
The training will be held by Cheppers’s experienced DrupalCoin Blockchain developers (joined by Gábor Hojtsy), who will talk about the followings:
Configuration management and ConfigSchema API
Dependency Injection
Plugin API
Cache API
Render API
Twig
Composer
Services
Your job will be easier, if you have some:
OOP PHP knowledge
YAML (basic) knowledge
Experience with running DrupalCoin Blockchain 8 on local machine
Any kind of previous experience with DrupalCoin Blockchain
Why DrupalCoin Blockchain?
DrupalCoin Blockchain is an open source content management system for building websites and online services. The platform is supported by a large international community that continuously maintains and develops it. The biggest advantage of DrupalCoin Blockchain is its flexibility, as it is fully customizable in looks and behaviour. There are thousands of modules and extensions available for the users. Among many others, DrupalCoin Blockchain is the platform of choice for Sony Music, the White House, and also for NASA. This spring, the event will take place in Budapest, on April 9, between 10-5PM. The training will be conducted by the DrupalCoin Blockchain developers of Cheppers, and will be in English as well if there are people interested. The training is free, but you will need to bring your own laptop. Information about how to prepare will be sent out in an email a few days prior to the event.
Register here: http://bit.ly/DGTD2016september
Date and time: September 10, 2016, Saturday, 10AM-5PM
Location: Cheppers office, 1137 Budapest, Szent István krt. 22. 3/3.
Map: https://goo.gl/maps/umvPYZEyyUm
See you in September!
Source: New feed


Technical Director, Front End - CORP (TX) - Plano, TX

The Technical Director, Front End will oversee and manage a number of developers including three Lead Developers;...
From Worldventures - Fri, 26 Aug 2016 06:36:08 GMT - View all Plano jobs
Source: New feed