Wednesday, 30 November 2016

How to Create a Rollover Effect in Adobe Muse

Muse For You - How to Add a Rollover Effect - Adobe Muse CC

Add a Rollover Effect to your Adobe Muse website. No Coding Skills Required.

 Muse For You - Adobe Muse CC Adobe Muse CC Logo

Subtle animations and rollovers can really make a website more dynamic. Whether you are showcasing a product or giving more information about an image, rollovers can be very effective.

Adobe Muse makes it really easy to create a rollover effect via their states panel. The states panel consists of four different states. They are:

  • Normal
  • Rollover
  • Mouse Down
  • Active

For each of the states you can change the color, border, and image for the state. This allows for a unique rollover effect when applying to images. Also with the later versions of Adobe Muse the transition dialog was introduced for more fluid rollovers and transitions. So rather than a quick change when rolling over the image, the image can now fade in and out of another image.

Adobe Muse CC also integrates seamlessly with Adobe Photoshop CC so you can take different layers in Photoshop and apply them to the different states via the states panel. An example of this would be taking one layer in Photoshop and applying it to the normal state, and then taking another layer in the same Photoshop file and applying it to the rollover state. This will give you a nice rollover effect in Adobe Muse all from the same Photoshop file.

Via the Adobe Creative Cloud you can add vectors from Adobe Illustrator CC to your Creative Cloud library. You can then drag and drop those vector images as SVG files into Adobe Muse. Placing these images in rectangles allows you to create rollover states in Adobe Muse.

muse-for-you-how-to-add-rollover-effects-1-adobe-muse-cc-web-design-ledger

Images being prepared Adobe Illustrator CC

Muse For You - How to Add a Rollover Effect - Adobe Muse CC

Images added to different states in Adobe Muse CC

The steps are as follows:

1. Create a rectangle in Adobe Muse.

2 . Fill the rectangle with an image for the normal state. The image can be added by going to the “Fill” option in the upper toolbar and then clicking on “Add Image.” You can select any image or a Photoshop file. If it is a Photoshop file you can select which layer you would like to add for the image. You can also select the fitting and position for the image within the “Fill” section.

3. With the rectangle selected go to the “States Panel” in the upper left hand corner of the Adobe Muse interface. Here click on “Normal” and select “Rollover.” You are now on the rollover state for the rectangle.

4. Fill the rectangle with an image or Photoshop file for the rollover state.

5. You can also add a “Mouse Down” state or an “Active State.”

6. Go to File > Preview Page in Browser to test and preview the rollover effect.

7. Done.

In the video above I go over how to create rollover states in Adobe Muse CC using Adobe Photoshop CC and Adobe Illustrator CC.

For more video tutorials and widgets for Adobe Muse visit http://museforyoushop.com. Happy Musing :).

Read More at How to Create a Rollover Effect in Adobe Muse



from
https://webdesignledger.com/how-to-create-a-rollover-effect-in-adobe-muse/

How Web Hosting Can Impact Page Load Speed

web hosting page load

Page load speed is a very important factor when it comes to the overall success of a business’s website or blog. And it is something that should not be taken lightly. It can affect almost everything; from your conversions, SEO and rankings, time on your site, bounce rate, and the entire user experience. If you dip in all of those areas, this could easily result in loss of revenue and customers. Today we will explore just how much page speed is impacted by certain web hosts and why you might want to reconsider using a cheap shared host.

Speed is a Ranking Factor

Google announced way back in 2010 that page load speed is a ranking factor. What that means is that sites with a faster page load speed could in turn rank higher in search engine results pages (SERPs). In Google’s Site Performance for Webmasters video, Developer Programs Tech Lead Maile Ohye, states that “two seconds is the threshold for e-commerce website acceptability. At Google, we aim for under a half-second.”

And fast forward to today and we now have Google launching the mobile-first index. This means that the ranking factor is also heavily looking at mobile optimization. You can almost guarantee that whatever weight they placed on the speed ranking factor before that it will be increasing. So you need to ensure that you have a fast responsive loading site, along with possibly an AMP implementation.

You can use free tools like Google PageSpeed Insights or Pingdom to test your website’s page load speed. They will inform you how fast your website is and offer suggestions on how to improve it, such as leveraging browser caching or minimizing redirects.

pingdom speed test

Page Load Speed Can Affect Conversions

A  slow page load speed can also affect your conversions and sales. For an e-commerce site, the last thing you need is to be losing revenue simply because your website is too slow. According to research from Kissmetrics,

“A 1-second delay in page response can result in a 7% reduction in conversions.”

2-speed-affects-conversions

Example: Let’s say your website loads in 3 seconds, and you have a product that sells for $200. On average you have 1000 conversions per week, equalling $200,000 in total sales. If you were to migrate to a faster web host and bring the page load speed down to 2 seconds, at 7%, that means you could potentially increase your weekly profits by over $14,000 a week!

Kyle Rush from the 2011 Obama for America campaign site showed through A/B testing that a 3-second page time reduction (from 5 seconds to 2 seconds) improved donations by 14%, resulting in an increase of over $34 million in contributions.

There have been countless studies proving that speed does affect your conversion rates.

Time On Site / Dwell Time

In Google Analytics, average time on site is a type of visitor report that provides data on the amount of time (in minutes or seconds) visitors have spent on your website. This is sometimes also referred to as “average session duration” or “dwell time.” The higher this number, generally the better.

average time on site

A couple ways to keep your time on site higher is to write better and more engaging content that will keep the visitor on your site. Another way to structure your site in an organized fashion so people kind find what they are looking for. But speed is definitely a huge factor in average time on site as well. If a visitor gets frustrated with how fast it is to navigate your site they will most likely leave immediately. Ensure not only your homepage is fast, but your entire site.

Bounce Rate

Bounce Rate is the percentage of single-page sessions (i.e. sessions in which the person left your site from the entrance page without interacting with the page). According to another study by Kissmetrics, a whopping 40% of people abandon a website that takes more than 3 seconds to load!

Here are some typical bounce rate averages according to types of content and industries:

  • 40-60% Content websites
  • 30-50% Lead generation sites
  • 70-98% Blogs
  • 20-40% Retail sites
  • 10-30% Service sites
  • 70-90% Landing pages

One of the easiest ways to keep people from hitting that back button in their browser is to simply ensure that it loads fast! This can include even diving into more advanced optimization methods such as improving your TTFB and initial HTTP request. A content delivery network (CDN) is a great way to improve TTFB as it will help cache your static assets closer to the visitor. But one of the primary factors in this is the configuration of your web host’s servers.

How Premium Hosts Stack Up Against Shared Hosts

There are countless ways to improve page load speed on your website, such as:

  1. Using a CDN to cache content closer to the user
  2. Improving TTFB
  3. Optimizing images
  4. Lazy loading content
  5. Caching
  6. Being smart with web fonts
  7. Optimize CSS code and delivery

But the number one factor that is going to drive the overall load times of your pages down is choosing a fast web hosting provider. And to be honest, it is one of the easiest. While it is great to save money, hosting is one area in which you should be very careful as choosing a bad provider could actually affect your revenue going forward. We recommend looking at hosting as an investment in your business/website and therefore skip the shared hosting route and go for a premium or managed host. You will be much happier in the long run.

Premium web hosts typically use a much faster technology stack based on the latest and greatest in the industry. Some things for 2017 that you will want to make sure they have are PHP 7 or HHVM, NGINX, MariaDB, HTTP/2, and premium DNS options. This combination has been shown to be very fast when it comes to loading any type of website, from a static site, to Drupal, and of course WordPress.

Speed Tests

To show you just how much web hosts differ when it comes to performance, we decided to run a few tests. Here is a comparison of Kinsta, a high-performance managed WordPress host, vs a 3rd party shared host. Both are configured in the exact same way and are approximately the same distance from Pingdom’s testing server.

Kinsta Speed Test

We did a fresh install of WordPress on Kinsta, nothing is configured other than SSL. It is running the default 2016 theme. We ran 5 speed tests on Pingdom and took the average. As you can see the fresh install clocked in at 386 ms, which according to Pingdom is 98% faster than all other tested sites.

kinsta fresh install page load speed

3rd Party Speed Test on Shared Host

We then replicated the exact same setup on a 3rd party shared host. We did a fresh install of WordPress and configured SSL. It was also setup with the default 2016 theme. We then ran 5-speed tests on Pingdom and took the average. As you can see the fresh install clocked in at 1.00 second.

shared host fresh install speed test

So in this scenario the premium host, Kinsta, had 61.4% faster page load speeds! Why is there such a large difference? Here are a few reasons:

NGINX

Kinsta uses NGINX whereas the 3rd party shared host was using Apache. NGINX has been proven to be lightweight and fast. Chris Lea said, “Apache is like Microsoft Word. It has a million options but you only need six. NGINX does those six things, and it does five of them 50 times faster than Apache.”

Here is a quick look at the top million busiest websites (see below). As you can see in the trending graph, Apache is losing market share while NGINX is rapidly growing. Large websites like upwork, themeforest, wordpress.org, quora.com, and dropbox all use NGINX.

websites using nginx

Img src: NGINX vs Apache

Server-Level Caching

Kinsta, like many premium WordPress hosts, use server-level full page and object caching to deliver pages lightning fast. The shared host we were using had no such technology in place. We could fiddle with caching plugins but then you should be looking at time involved hassling with this. With premium hosts it is a lot easier to just install and go! Joe from Human Made did a great comparison of the Batcache caching plugin vs Varnish, a server-level caching approach. As you can see under heavy loads server-level caching won by a mile!

server level caching

Premium DNS

Kinsta had Amazon Route 53, which is a premium DNS provider. The shared host was simply using their free included DNS. DNS works like a phonebook for the internet, as it is a mapping of your domain to an IP address. There are slower and faster DNS providers out there. Amazon of course is one of the faster ones since they have an enormous infrastructure and network. Faster DNS lookup times can further increase the speed of your site.


And don’t forget DNS Doomsday, besides performance, a premium DNS provider is also important when it comes to reliability and uptime for your site.

HTTP/2

HTTP/2 is a new protocol designed to speed up connections with better multiplexing, parallelism, HPACK compression with Huffman encoding, the ALPN extension, and server push. Because of browser support, SSL/TLS is required to utilize HTTP/2.

The performance of HTTP/2 is a lot better than that of HTTP/1.1. For example, with server push capability HTTP/2 allows servers to respond with a page’s full contents other than the information in the browser’s cache. Efficient compression of HTTP header files minimizes protocol overhead to improve performance with each browser request and server response.

http2

In our tests above, Kinsta was utilizing HTTP/2 on their servers which the shared hosting provider was not. You can easily see this by checking the header requests in Chrome Devtools network panel (as seen below).

HTTP/2 Supported (Kinsta)

http/2 kinsta

HTTP/2 Not Supported – Still Running over HTTP/1.1 (Shared host)

http/2 not supported

HTTP/2 is simply a must now for secure connections!

Overcrowding Issue

Another issue with shared hosting is that they overcrowd their servers. Typically shared hosts don’t make any money on actual hosting customers, due to the overhead of support. For example, the shared hosting plan being tested above only cost us $10 a year!

crowded servers

They make most of their revenue on upsells and 3rd party add-ons such as domain registrations, SSL certificates, etc. Due to the fact they have very low margins they will tend to put as many customers on the same servers as they can until it starts to slow down. You can guarantee that at some point your site will be affected. And unless you have a performance monitoring tool running you will never know at what time it happens.

With premium hosts they normally go a different route. For example, with Kinsta above, they use Linux containers (LXC), and LXD to orchestrate them, on top of Google Cloud Platform which enables them to completely isolate each WordPress site. This is much more secure and when it comes to performance the Google Compute engines allow them to sale the sites automatically. The overcrowding and scaling issue is simply not an issue at all.

Summary

As you can see, page load speed is super important, as it can affect everything from your SEO, time on site, bounce rate, and conversions. Choosing a premium or managed hosting provider can be one of the smartest decisions you make for your business or blog; as it plays one of the biggest roles in improving your page load speeds. The old saying “You get what you pay for…” comes into play here. Think of hosting as an investment and choose wisely, as they greatly differ in terms of performance and technologies being offered.

Read More at How Web Hosting Can Impact Page Load Speed



from
https://webdesignledger.com/how-web-hosting-can-impact-page-load-speed/

Tuesday, 29 November 2016

Wonder Woman, Stevie Wonder throw down in 'Epic Rap Battles' - CNET

The latest lyrical showdown on the YouTube series "Epic Rap Battles of History" pits a fictional DC Comics superhero played by Lilly Singh against a famous pop star portrayed by T-Pain.

from
https://www.cnet.com/news/wonder-woman-stevie-wonder-epic-rap-battles-youtube-dc-comics-t-pain-lilly-singh/#ftag=CAD590a51e

SF Muni hack contained. Next transit hack could be train wreck - CNET

The San Francisco transit system avoided paying a ransom and restored its systems. But the hack shows US infrastructure is vulnerable.

from
https://www.cnet.com/news/sf-muni-hack-contained-next-transit-hack-could-be-train-wreck/#ftag=CAD590a51e

Farsighted looks toward a safe self-driving world and the very unsafe Westworld (Farsighted, Ep 2) - CNET

The crew hears from an expert building the autonomous future before discussing HBO's latest hit series that shows the scarier side of smarter tech.

from
https://www.cnet.com/news/farsighted-ep-1/#ftag=CAD590a51e

​EU court asks: Is Uber an app or taxi service? - CNET

Europe's highest court looks into Uber's business model. Its decision could have major ramifications for the ride-hailing company.

from
https://www.cnet.com/news/is-uber-an-app-or-taxi-service-eu-court-asks/#ftag=CAD590a51e

12 tweets that describe your morning ritual - CNET

Social Studies: One of the more popular hashtag games on Twitter today had people describing how they deal with waking up in the morning. Some are predictable, some aren't.

from
https://www.cnet.com/news/12-tweets-hashtags-games-morning-ritual-social-studies/#ftag=CAD590a51e

DirecTV Now vs. Sling TV vs. Playstation Vue: Channel lineups compared - CNET

AT&T is the latest company to offer a new alternative TV package that streams live broadcasts over the internet -- it's called DirecTV Now and for a limited time, customers can sign up for a promotional deal that offers more than 100 channels for $35 a month.

from
https://www.cnet.com/news/directv-now-vs-sling-tv-vs-playstation-vue-channels-compared/#ftag=CAD590a51e

UK surveillance law marks a 'worse than scary' shift - CNET

The newly passed "Snooper's Charter" means British police and intelligence agencies will soon be able to see every website that everyone in the UK visits.

from
https://www.cnet.com/news/snoopers-charter-investigatory-powers-bill-royal-assent-surveillance-uk/#ftag=CAD590a51e

Spotify brilliantly reveals your dirty secrets - CNET

Technically Incorrect: In a new billboard campaign, the streaming service shows what people are actually listening to. No, really.

from
https://www.cnet.com/news/spotify-ad-campaign-2016-weird/#ftag=CAD590a51e

A 'Farsighted' look at connecting cities, cars and everything after 2016 - CNET

Self-driving cars are moving out of the sci-fi realm and into our lives. The "Farsighted" crew chats with one man building that future. Plus, we talk "Westworld."

from
https://www.cnet.com/news/a-farsighted-look-at-connecting-cities-cars-and-everything-after-2016/#ftag=CAD590a51e

Arizona gains new electric vehicle plant as Lucid Motors announces manufacturing - Roadshow

Lucid Motors announced today that it would build a manufacturing plant for its electric vehicles in Arizona, with production beginning in 2018.

from
https://www.cnet.com/roadshow/news/arizona-gains-new-electric-vehicle-plant/#ftag=CAD590a51e

'Star Trek: Discovery' reveals its first cast members - CNET

Michelle Yeoh, Doug Jones and Anthony Rapp will beam up for the newest series in the sci-fi franchise. As promised, the show will feature a gay character.

from
https://www.cnet.com/news/star-trek-discovery-cast-michelle-yeoh-anthony-rapp-doug-jones/#ftag=CAD590a51e

Why you should be intrigued by Reddit's r/MildlyInteresting - CNET

Social Studies: Today, I'm checking out the subreddit called MildlyInteresting, a place where people try to strike a balance between interesting and uninteresting. You get to be the judge.

from
https://www.cnet.com/news/how-the-mildlyinteresting-becomes-interesting-on-reddit/#ftag=CAD590a51e

Twitter tracks Hillary Clinton sightings post election - CNET

Prestige selfie shooters may want to consider heading to the woods outside of Chappaqua, New York, to grab that perfect shot of "HRC" in the wild.

from
https://www.cnet.com/news/hillary-clinton-hrc-in-the-wild-twitter-sightings-post-election/#ftag=CAD590a51e

Google's new Timelapse satellite images show Earth in flux - CNET

Google sorts through 3 quadrillion pixels to give us a look at time unfolding everywhere from San Francisco to Antarctica.

from
https://www.cnet.com/news/google-earth-timelapse-satellite-photos-update/#ftag=CAD590a51e

Astronaut photographs glorious 'sheet of flame' sunset - CNET

An otherworldly sunset seen from space paints the planet with a streak of fire in an impressive NASA image.

from
https://www.cnet.com/news/space-station-astronaut-sunset-nasa-iss/#ftag=CAD590a51e

See all 8 Harry Potter movies crammed into 80 minutes - CNET

A patient fan distills the essence of every Harry Potter movie into the length of a single film, and it all still makes sense.

from
https://www.cnet.com/news/harry-potter-movies-recut-one-film-wizardhood/#ftag=CAD590a51e

5 Things You Need to Know About WeTransfer’s Redesign

wetransfer redesign

The filesharing company WeTransfer has pulled out probably the best redesign we’ve seen this year.
To be completely honest I’m a bit biased when I say that because WeTransfer is a product that amazes me through its simplicity.

WeTransfer is the kind of product that embraced simplicity at its core and built the whole user experience with the KISS rule in mind. (Keep It Simple Stupid) Sometimes, all it takes to disrupt an industry it’s simplicity and delivering a straightforward experience to the users. Creating a clutter free design is definitely a difficult process. It takes courage and a very good understanding of your audience to be able to sacrifice features, visual elements or conventional design “must do’s” to the detriment of what’s relevant to your user.
Companies like Teamweek, Medium and of course, WeTransfer, are leveraging their simple design for creating a tool tremendously accessible to the masses.

What WeTransfer did with its new redesign is to push the limits of simplicity even further and created an utterly intuitive file sharing platform that is suited both for their Plus customers and for the average one-time user.

I’ve asked WeTransfer’s Senior Designer, Thomas Schrijer, for a reason why the redesign makes WeTranfer the go-to platform when it comes to filesharing, and he gave me five. Enjoy.

1. We Optimized the transfer window.

Our biggest challenge was improving the iconic transfer window. We had a few things that our users (and ourselves) wanted improving. There was no good overview when you added a lot of files, multiple email addresses or a long message. We made the behavior within the box a lot smarter. The box will now grow to fit all the contents. When you write a long message for example, the field will expand so the overview remains.

 

wetransfer redesign

2. Clear navigation

We made massive improvements on the navigation side of things. In the previous version, we had two labels attached to the left side of the box, which barely anyone noticed. Now we’ve put three main navigation items at the top-right part of the screen which makes it a lot easier to reach out for help, learn more about our service and manage your Plus account. All the information is presented in the panel, that covers the wallpaper. Because a piece of the wallpaper is always in sight, you’re able to go back from wherever you are. Wetransfer redesign

 

3. Our Plus users get way more attention on the new WeTransfer

There is now way more space to manage transfers and contacts. We’ve made a distinct section to personalize your WeTransfer experience, under the label Profile. But this is just the start, we’re already thinking of ways to make our Plus users even happier.

wetransfer redesgin

 

4. Brand refresh

With the new site also comes a new logo and identity. The focus is moving away from transferring, and towards we. We’ve collaborated with Paul van der Laan from Bold Monday to help us sharpen our ideas on the logo. Next to the logo we’ve introduced a new color palette, updated typography and a visual language around particles.

 

wetransfer logo

 

5. Illustrations

When people interact with our service, they come across a few important moments. We’ve worked together with illustrators to mark these moments. Now when your transfer is done, you’ll get a thumbs up by a shark, or a cool pug smiling at you. We’ve added a level of emotion to our product by doing this. And it makes sense because working with the creative community is a big part of our DNA.

 

wetransfer redesign

 

 

Read More at 5 Things You Need to Know About WeTransfer’s Redesign



from
https://webdesignledger.com/wetransfer-redesign-5-things-need-to-know/

Monday, 28 November 2016

Amazon Echo's sleeper success wakes up - CNET

The Echo has sold more than 5 million units altogether -- with 2 million sold this year before the start of the holiday-shopping season.

from
https://www.cnet.com/news/amazon-echo-has-sold-over-5-million-units/#ftag=CAD590a51e

Samsung under pressure to split company in two - CNET

The company is expected to announce changes within the next 24 hours that could reward investors with more money.

from
https://www.cnet.com/news/samsung-under-pressure-to-split-company-in-two/#ftag=CAD590a51e

Roadshow's emergency car kit giveaway - Roadshow

Enter to win* one of two emergency car kits just in time for your holiday travels. This promotion ends on December 15, 2016.

from
https://www.cnet.com/roadshow/news/roadshows-car-emergency-kit-giveaway/#ftag=CAD590a51e

Trump claims millions voted illegally, Twitter aghast - CNET

Technically Incorrect: The president-elect, having already offered up a tweetstorm about the vote recount, comes back to tweet more controversially.

from
https://www.cnet.com/news/donald-trump-tweet-millions-voted-illegally/#ftag=CAD590a51e

See what's inside a Furby Connect - CNET

Ever wonder what lurks inside the original Furby and the brand-new Furby Connect? Luckily, the YouTube channel What's Inside opens him up so you don't have to.

from
https://www.cnet.com/news/furby-connect-youtube-inside-hasbro-toys-robotics-robots/#ftag=CAD590a51e

Watch as a giant colosseum of dominoes gets demolished - CNET

YouTuber Hevesh5 spends four days setting up a colorful 3D structure using thousands of dominoes; then she topples them dramatically.

from
https://www.cnet.com/news/3d-colosseum-dominoes-domino-toys-youtube/#ftag=CAD590a51e

Trump unleashes tweetstorm over recount, Hillary Clinton - CNET

Technically Incorrect: The president-elect is unhappy that Greens and Democrats are participating in a push for a vote recount in Wisconsin and elsewhere.

from
https://www.cnet.com/news/donald-trump-vote-recount-wisconsin-jill-stein-hillary-clinton/#ftag=CAD590a51e

Can tech save the rhino? - CNET

From CNET Magazine: Poachers are slaughtering rhinos to the edge of extinction. Scientists, conservationists and tech companies are working to stop the killings.

from
https://www.cnet.com/news/rhinos-endangered-poaching-synthetic-horn-tech/#ftag=CAD590a51e

Sunday, 27 November 2016

'Firefly,' 'Barney Miller' star Ron Glass dies at 71 - CNET

Glass, who earned fans with his TV characters Shepherd Book and Detective Ron Harris, has died. Nathan Fillion, Joss Whedon and other co-stars pay tribute to him online.

from
https://www.cnet.com/news/ron-glass-firefly-serenity-barney-miller-joss-whedon-nathan-fillion/#ftag=CAD590a51e

Cards Against Humanity is digging a giant hole to nowhere - CNET

Call it a ground-breaking stunt in the annals of online streaming. As long as people keep paying, the game company says it intends to keep digging.

from
https://www.cnet.com/news/cards-against-humanity-is-digging-a-hole-to-nowhere/#ftag=CAD590a51e

Your Black Friday brawl videos, in all their glory - CNET

Technically Incorrect: For some people, it's a tradition to go to the mall on Black Friday and film their fellow humans fighting over bargains.

from
https://www.cnet.com/news/your-black-friday-brawl-videos-in-all-their-glory/#ftag=CAD590a51e

Best Cyber Monday deals from Dell - CNET

Dell's eight-page Cyber Monday catalog has sprung up online. Here are some of the best deals worth a look.

from
https://www.cnet.com/pictures/top-cyber-monday-deals-from-dell/#ftag=CAD590a51e

Vinyl records top the popularity charts - CNET

From CNET Magazine: The demand for vinyl records -- from hipster millennials, retro-fans and musicians -- is spinning up faster than ever.

from
https://www.cnet.com/news/vinyl-records-and-urban-outfitters-appeal-to-millennials/#ftag=CAD590a51e

Saturday, 26 November 2016

How To Draw A Diamond Heart Icon in Illustrator

dansky_diamond-heart-icon-in-adobe-illustrator

In this tutorial, we’re going to learn how to draw a diamond heart icon in Adobe Illustrator.

Download Adobe Illustrator.

Read More at How To Draw A Diamond Heart Icon in Illustrator



from
https://webdesignledger.com/draw-diamond-heart-icon-in-illustrator/

Friday, 25 November 2016

Sorry, Negan: TSA says Lucille has to go in checked luggage - CNET

Someone in Atlanta tried to take a replica of the infamous "Walking Dead" barbed-wire-wrapped baseball bat on board a plane.

from
https://www.cnet.com/news/sorry-negan-tsa-says-lucille-has-to-go-in-checked-luggage/#ftag=CAD590a51e

Russian propaganda may have fueled fake election news fiasco - CNET

Campaign used thousands of botnets and networks of websites and social-media accounts to create as well as spread misleading articles, the Washington Post reports

from
https://www.cnet.com/news/russian-propaganda-may-have-fueled-fake-election-news-fiasco/#ftag=CAD590a51e

CNN denies airing porn on Thanksgiving night - CNET

Technically Incorrect: It seems that the RCN cable provider in Boston is accused of emitting something other than Anthony Bourdain's famous CNN show. Confusion, however, reigns.

from
https://www.cnet.com/news/cnn-denies-airing-porn-on-thanksgiving-night/#ftag=CAD590a51e

Xiaomi doesn't 'make a single dime' on phones - CNET

The Chinese electronics maker is laying the groundwork for direct sales to US consumers, executive Hugo Barra tells Reuters.

from
https://www.cnet.com/news/xiaomi-doesnt-make-a-dime-on-phones-hugo-barra/#ftag=CAD590a51e

Brady Bunch's Florence Henderson dies aged 82 - CNET

Henderson, who played mom Carol Brady on the iconic American sitcom, passed away from heart failure on Thanksgiving Day in Los Angeles.

from
https://www.cnet.com/news/brady-bunchs-florence-henderson-dies-aged-82/#ftag=CAD590a51e

CNET UK podcast 507: Less porn for the UK and Andy apologises - CNET

Proposed laws might mean there's a lot less porn for the UK, but we will at least be able to watch what we have on fast fibre connections. Andy presents a shorter episode of the week's tech news.

from
https://www.cnet.com/news/cnet-uk-podcast-507-less-porn-for-the-uk-and-andy-apologises/#ftag=CAD590a51e

Farewell Florence: What 'The Brady Bunch' taught me about science - CNET

Rest in peace, Florence "Carol Brady" Henderson, and thanks for mothering a generation of TV viewers. Someday we'll tackle that volcano experiment.

from
https://www.cnet.com/news/florence-henderson-dies-82-lessons-brady-bunch-taught-me-about-tech-and-science/#ftag=CAD590a51e

The best Black Friday deals on fitness trackers and smartwatches - CNET

Best Buy, Target, Walmart and other retailers are offering great discounts on many popular fitness trackers and smartwatches. These are the best deals.

from
https://www.cnet.com/pictures/best-black-friday-deals-2016-fitness-trackers-smartwatches/#ftag=CAD590a51e

Simple phones help volunteers stamp out polio - CNET

From CNET Magazine: Thousands of Lady Health Workers in Pakistan face resistance, fear -- and the Taliban -- as they try to eradicate the crippling virus.

from
https://www.cnet.com/news/phones-pakistan-lady-health-workers-fight-polio-door-to-door/#ftag=CAD590a51e

Pickle, bacon, coffee and gravy candy canes? That's twisted! - CNET

Now that Thanksgiving is over, it's time to think about Christmas. Deck the halls with these truly disturbing holiday treats.

from
https://www.cnet.com/news/pickle-bacon-coffee-and-gravy-candy-canes-thats-twisted/#ftag=CAD590a51e

Cheap TV deals of Black Friday 2016 (plus our favorite picks) - CNET

Buying a dirt-cheap TVs on Black Friday is an American tradition, and here are the absolute dirt-cheapest TVs we've found.

from
https://www.cnet.com/pictures/black-friday-2016-cheap-tv-deals-our-picks/#ftag=CAD590a51e

Thursday, 24 November 2016

CNET Giveaway: The Hunger Games 4K Ultra HD Combo Pack - CNET

Don't miss your chance to get your hands on the complete collection of "The Hunger Games" in 4K Ultra HD in this week's giveaway. This promotion ends December 1.

from
https://www.cnet.com/news/cnet-giveaway-hunger-games-collection/#ftag=CAD590a51e

Video shows e-cigarette explode in man's pants, lawyer says - CNET

Technically Incorrect: In New York's Grand Central Terminal, there's smoke and fire coming from a store employee's trousers.

from
https://www.cnet.com/news/e-cigarette-explode-in-mans-pants-lawyer-says/#ftag=CAD590a51e

Ukrainian Air force jet flies too low, human dives for cover - CNET

Technically Incorrect: For reasons that may only amount to "because it's fun," some air force pilots around the globe enjoy scaring people on the ground. Here's the latest.

from
https://www.cnet.com/news/ukrainian-air-force-jet-flies-too-low-human-ducks/#ftag=CAD590a51e

Airbus's newest airliner takes to the skies - CNET

Four months after it rolled out of the factory, the Airbus A350-1000 completed its first flight today over southern France.

from
https://www.cnet.com/news/airbuss-newest-airliner-takes-to-the-skies/#ftag=CAD590a51e

Raspberry Pi helps build strong brains - CNET

From CNET Magazine: They might not look like much, but tiny Raspberry Pi computers could help society relearn what it means to be technically literate.

from
https://www.cnet.com/news/raspberry-pi-computer-helps-kids-learn-computer-science/#ftag=CAD590a51e

Humans strike back: Korean Go master bests AI in board game bout - CNET

After Google's AlphaBrain artificial intelligence beat one of South Korea's best Go players earlier this year, we humans get a second chance at glory.

from
https://www.cnet.com/news/humans-strike-back-korean-go-master-beats-ai-in-board-game-bout/#ftag=CAD590a51e

Singapore to Sydney: Girt by CNET podcast 95 - CNET

What is the tech world like in Asia? What do people care about, how do they consume, where do they shop, what brands are big? This week, CNET's Aloysius Low gives us the low down.

from
https://www.cnet.com/news/singapore-to-sydney-girt-by-cnet-podcast-95/#ftag=CAD590a51e

Everyone breathe. There's little chance the election was hacked - CNET

Jill Stein wants recounts after cybersecurity experts recommend them. Statisticians aren't convinced there were irregularities in the presidential election.

from
https://www.cnet.com/news/trump-election-recount-michigan-pennsylvania-wisconsin-jill-stein/#ftag=CAD590a51e

Facebook slapped with racial discrimination suit - CNET

The lawsuit alleges a facility manager at the social networks' North Carolina data center used racial slurs when referring to black employees.

from
https://www.cnet.com/news/facebook-north-carolina-racial-discrimination-lawsuit/#ftag=CAD590a51e

NASA will try not to depress astronauts with space-food bars - CNET

Crew morale is just as important as flavor and nutrition when it comes to replacing meals with food bars on space missions like Orion.

from
https://www.cnet.com/news/nasa-orion-food-bars-mars/#ftag=CAD590a51e

Black Friday deals on cameras and drones - CNET

Bundles, gift cards and a couple of price drops are the deal highlights for the 2016 holiday season.

from
https://www.cnet.com/pictures/black-friday-deals-on-cameras-and-drones/#ftag=CAD590a51e

Activity UI Design in Illustrator

dansky_activity-ui-in-adobe-illustrator

In this tutorial, we’re going to learn how to design an activity user interface in Adobe Illustrator.

Download Adobe Illustrator.

Read More at Activity UI Design in Illustrator



from
https://webdesignledger.com/activity-ui-design-in-illustrator/

Wednesday, 23 November 2016

Trump offers Tim Cook 'incentives' to make iPhone in US - CNET

Technically Incorrect: In his sit-down with The New York Times, the president-elect describes his version of a call with the Apple CEO.

from
https://www.cnet.com/news/donald-trump-tim-cook-apple-incentives-iphones-us/#ftag=CAD590a51e

Samsung Group offices get raided again in political scandal - CNET

The parent company of Samsung Electronics has been ensnared in the "Choi-gate" corruption probe facing South Korean President Park Geun-hye.

from
https://www.cnet.com/news/samsung-group-offices-get-raided-again-in-south-korean-political-park-geun-hye/#ftag=CAD590a51e

'Lost in Space' remake for Netflix gender-flips a main role - CNET

Indie film actress Parker Posey will join the Robinson family as Dr. Smith as they grapple with an alien environment far from home.

from
https://www.cnet.com/news/parker-posey-cast-in-netflix-lost-in-space-remake/#ftag=CAD590a51e

What's new on Amazon Prime Video in December 2016 - CNET

Amazon originals headline the company's December offerings, including new seasons of "Mozart in the Jungle" and "Man in the High Castle."

from
https://www.cnet.com/news/whats-new-to-stream-on-amazon-prime-in-december-2016/#ftag=CAD590a51e

'Rudolph' gets the gift of an Honest Trailer - CNET

Even the lovable 1964 classic "Rudolph the Red-Nosed Reindeer" isn't safe from the ridicule of Honest Trailers.

from
https://www.cnet.com/news/rudolph-red-nosed-reindeer-honest-trailers-christmas/#ftag=CAD590a51e

'Star Wars' toys anyone in the galaxy would love - CNET

Lightsabers to swing, AT-ACTs to drive and the remote-controlled R2-D2 droid you could be looking for: CNET editors take to the furthest reaches of a galaxy far, far away to find the toys any Star Wars fan could love.

from
https://www.cnet.com/news/star-wars-toys-anyone-in-the-galaxy-would-love/#ftag=CAD590a51e

Everything you need to know about those 'Gilmore Girls' - CNET

In case you hadn't heard, "Gilmore Girls: A Year in the Life" premieres soon (as in Friday). We'll help you catch up before you get left behind.

from
https://www.cnet.com/news/gilmore-girls-netflix-a-year-in-the-life-what-to-know/#ftag=CAD590a51e

Tuesday, 22 November 2016

How To Center a Logo Within the Browser in Adobe Muse

Muse For You - Browser Centering Widget - Adobe Muse CC

Center Your Logo Vertically and Horizontally Within the Browser in Adobe Muse. No Coding Skills Required.

 Muse For You - Adobe Muse CC Adobe Muse CC Logo

Branding plays a big part in web design and most websites are branded with a logo and a slogan. A lot of times web designers and developers look for the best way to initially show the brand when someone visits their website. That is why I decided to create the Browser Centering Widget. With this widget you can initially center any element directly in the center of the browser. The element will be vertically centered and horizontally centered across all devices until the user scrolls, and then the element scrolls with the website. You can also fix the element in the center of the browser. This will insure that the brand or logo gets maximum attention and looks great when the user first visits the website. In the video above I go over how to use the Browser Centering Widget in your Adobe Muse website.

The steps are as follows:

1. Drag and drop the widget from the library panel onto your Adobe Muse website. If you do not see the library panel go to Window > Library.

2. Assign the graphic style name that is in the widget to the element you would like to center via the graphic styles panel. If you do not see the graphic styles panel go to Window > Graphic Styles.

3. Place the element at the very top of your Adobe Muse website. Element can be anywhere at the top.

4. If you would like the element to stay fixed in the center and not scroll with the website select ‘Fixed in Center’ within the widget.

5. Done.

 Muse For You - Browser Centering Widget - Adobe Muse CC

You now have a centered element on your website. No matter what device the user is on you can be sure that the centered element will be the first thing they see.

For more video tutorials and widgets for Adobe Muse visit http://museforyoushop.com.

Happy Musing :).

Read More at How To Center a Logo Within the Browser in Adobe Muse



from
https://webdesignledger.com/center-logo-within-browser-adobe-muse/

5 Good Tools That Will Help You Collaborate Better

2

Design teams are usually made up of individuals having diverse yet complementary skills. Under proper leadership, they can do what is needed to ensure a project’s success. If not applied properly however, the skills they bring to the table can undermine the chances of a project’s success.

A team leader’s role, is to take these individual team members, and mold them into a cohesive group that will work together toward a common goal.

The team leader’s job can become much easier. How? By choosing tools to help manage the workflow, and encourage collaboration among team members. Yet, even the best tools can’t do it all. The team leader needs to play a proactive role in getting the team working together and focused on a common aim. The following key issues must be addressed for that to happen:

  1. Constantly clarify roles. If roles are not clear, or allowed to overlap; oversights, duplication of effort, and/or confusion will likely result.
  2. Explicitly state team member responsibilities. Responsibilities are best assigned to individuals rather than groups to ensure things get done.
  3. Identify who is responsible for making a specific decision. If more than one person is responsible, how decisions will be reached needs to be spelled out.
  4. Continuously review team and project goals. This ensures that everyone will be focused on the tasks at hand.
  5. Use pre-selected tools for specific functions. This ensures the right tools are being applied to the right tasks.

 

The following 5 tools offer solutions for project management, workflow support, and team collaboration concerns:

Wake

1

Wake offers a solution to a problem designers often face; how to share information and collaborate among team members without interrupting a project’s workflow.

With Wake, you can upload and share sketches, screenshots, or other information, without ever interrupting your Photoshop, Sketch, or Illustrator design flow.

For example, you can use Wake’s iPhone app to capture notebook or whiteboard content and instantly share it with your team. The app allows you to share and see project feedback on the go.

This ability to share information without interrupting workflow makes the entire design process more transparent for your entire team, even those outside of design. With Wake, information can be shared publicly, so everyone knows what everyone is working on; or shared privately with selected individuals or stakeholders.

 

InVision

2

InVision is an excellent choice if you need a tool that integrates prototyping, workflow management, and collaboration functionality into a single platform. With InVision, you can avoid the need to select a variety of tools to perform a variety of tasks. Whether you are a team leader or a freelancer, this design-driven project management tool will manage your prototyping, design sharing, collaboration and modification, and user test activities from a central location.

InVision makes prototyping easy. Simply upload a static design file, add animations, transformations, and gestures, and you can create an interactive, high-fidelity prototype in about 5 minutes.

InVision has been used by approximately 2 million designers, including freelancers, design agencies, and design teams working for major corporations. If you request a free trial, you’ll be allowed to work with a single prototype for as long as you wish while you learn more about this tool’s functions and features.

 

Active Collab

3

Using separate tools for task management, time tracking, and invoicing sometimes makes sense, but it’s almost always better to do it all using a single platform, like Active Collab. Active Collab provides a one-stop solution for all your team’s business needs.

Features include project tracking, advanced to-do lists to keep things organized, team collaboration, time tracking, and invoicing. Active Collab runs on the cloud so no setup is required on your part – you’ll be up and running within 2 minutes. Also, you have the option to self-host the app on your own server for a one-time fee.

More than 200,000 designers and project managers currently use Active Collab on a regular basis. Its 30-day free trial should give you plenty of time to test it and see if it’s the right fit for you.

 

Paymo

4

Paymo is well suited for teams working for small and medium-size businesses who are looking for a tool that makes project management easy. Paymo’s progress visual Kanban boards allows you to create your workflows and move the associated tasks through sequential and logical steps. Tasks can easily be changed or added, you can organize tasks into lists and, using drag and drop, simply reorder them when necessary.

Paymo’s features include a real-time collaboration capability, project templates designed to save you time, Gantt charts, and a dashboard to provide instant project overviews. A 15-day unlimited free trial is yours for the asking.

 

Pinnery

5

Pinnery is the perfect project planning tool. Place your ideas on Pinnery’s color-coded board, move the ones you wish to pursue to the to do list, attach files and pictures to each item on your list, check what is in progress and what has been accomplished, and before you know it, your project is done.

Pinnery keeps everything organized, everything can be shared with everyone, and a perfect overview of project status is always available. This app also encourages team collaboration, no installation is required on your part, and you can get started for free.

 

Ending Thoughts

No matter what your workflow or project management issues may be, you’ll find the right solution here. Depending on the tool or tools you select, your workflow and task management, collaboration, or project planning needs will be in good hands. And you can devote more time to design issues or other pressing issues.

Several of these tools feature mobile apps than allow you to check status or coordinate with your team or project stakeholders while on the go. Freelancers can benefit from several of these tools, while others are best suited for use by teams and team leaders.

Read More at 5 Good Tools That Will Help You Collaborate Better



from
https://webdesignledger.com/5-good-tools-that-will-help-you-collaborate-better/