Category Archives: Featured

Interview With Fabio Sasso – The Founder Of Abduzeedo


1. Tell us a little bit about yourself and what you do.

I’m a designer from Brazil currently living in Oakland, California. I moved to the US in 2011 when I got an offer from Google. Since then, I have been working for them. Before that, in 2006 I founded a personal blog that ended up growing more than I’d ever planned. Abduzeedo started as a side project and it has always kept that status, it is a blog where I can share things that inspire me. Over the past 10 years, a lot has changed and with that, the blog has evolved as well.

2. How did you get into design? Was there a pivotal point in your life when you decided to become a designer, or was it a gradual process?

My background is industrial design, and I think the reason I got into design was because I was always curious. I also have to thank my parents, especially my dad for always nurturing a sense of curiosity in my brother and me. Then, when i got my first computer and discovered some early graphic software, things became much clearer for me and this led to my desire of creating things using my computer as a medium. Of course, when I chose industrial design, to my surprise, I had to learn to do things without the computer first. I got a bit frustrated, but that was a sign of my naïveté. Now I really appreciate those days and what I learned.

3. What’s the most exciting project you’ve worked on so far?

I am fortunate to have had the opportunity to work on so many cool projects. It is hard to pinpoint one. I always try to put myself in very uncomfortable situations so I can learn the most. Of course this inevitably has resulted in some awful mistakes, but that’s the only way to gain experience, in my opinion. But to answer your question I will say Abduzeedo because it is my personal project and the one I’ve run the longest.

4. How did Abduzeedo start, and where do you see your publication in 10 years from now?

Abduzeedo started after my design studio in Brazil got robbed. We left for lunch and when we came back our studio was empty. All of our equipment was gone. For me it was even worse because that day I decided to back up my files so I lost all my backup discs as well. It started as a backup system, way before the cloud was something. There was no Dropbox, iCloud or Google Drive. I used a server and the blog to backup files in which I would write little tutorials so I could remember how I did certain things in photoshop. It ended up taking off, luckily.

After 10 years I’ve seen quite a lot of things. The blog reached its peak in 2009-2010. It was really massive the amount of traffic it was getting. Since then it has been on a decline but I believe it is more a filtering process. The web became much bigger and the long tail is simply huge. There’s a lot of information and ways to get it. That ended up fragmenting the blogosphere in terms of traffic. My goal is to keep running with Abduzeedo until the point it doesn’t make more sense for me.

5. You probably get this question a lot, but what is like to be a part of a company like Google? Do they really have slides in their offices?

Google is an amazing company. I have learned so much in so many ways. From all the incredibly amazing people to the scale of the projects and how to design for billions. It’s much more challenging indeed. The company’s culture is also incredible and we do have slides in some of the offices. 🙂

6. What’s the most interesting project you’ve had on Google?

I got the chance to work on quite a few projects, from Google Search to the most recent one that is Google Play Music. Each one with their particular challenges and requirements. I cannot get too much into the details, but designing for a very broad audience is always a big task and that really gets me motivated.

7. Where do you see the graphic design industry going? What is going to be next year’s graphic design biggest trend?

I feel that the industry is moving towards simplicity. I cannot speak too much about graphic design, but in terms of user interface we see this evolution quite clearly. From the beginning of mobile UI with the iOS and now you can see how much simpler the visual design became. There’s a constant movement towards reduction. The challenge is to do that without losing user’s understanding of how to use the software. As the audience gets more mature and savvy, it allows us to experiment more with this type of exercise.

8. Aside WebDesignLedger, where do you get your inspiration from? 🙂

More and more I try to find inspiration from the physical world. With the overload of information online I sort of started to lose my capacity to pay attention to the small little things that are so inspiring in our quotidian lives. From nature to books and architecture. There’s so much out there to be seen, and the most beautiful thing is that it’s unique to your eyes and brain to process that.

9. What are your current hobbies? What are you most curious about right now?

I became a father a little over 9 months ago and right now my hobby is to be a father hah! It takes most of my spare time for sure but it’s just awesome. I also have been learning to prototype in native Android with Android Studio. I feel that the design community focus so much on iOS and there’s a huge need for Android as the main mobile OS>

10. Tea or Coffee?

Coffee.

Read More at Interview With Fabio Sasso – The Founder Of Abduzeedo


Source: Web Design Ledger

My Journey Of Learning Programming Through Flatiron School #6

My name is Mason Ellwood and I’m currently working on Flatiron School’s Online Full Stack Web Development Program. Each week, I’ll be writing about my experience, what I’m learning, and tips on learning to code.

Throughout my learning to program career, it seems like all I have and will be doing is learning and never actually be able to start my carrer. That seems like a stupid sentence, but a lot of the time it seems like the list of things I NEED to know does not stop. Every job listing you need to know 20 different abstract languages to even get your foot in the door, and I am constantly under qualified or lack enough experience to even land an interview. To put it frankly; that sucks. So where is the standard, what do I NEED to know, and what will actually be used on a daily basis; because if in my head I am constantly juggling 20 different language’s syntax on a daily basis, I may be over my head… I was discussing this with one of my good friends Paul Jackson who works in IT, and he helped me set everything straight. He said “If you master a language OOP (Object-oriented programming) concepts it will show in your work. Companies just want you to contribute in a certain way rather than to be an expert in all.”

As Eli eloquently touched on, most job postings come from a “pissed off IT manager” and a human resource person who both do not really know what they want. After the IT manager dumps tons of data on the human resource manager, he then writes a convoluted list of requirements that the developer needs to meet. When in actuality they only need you to do a few tasks, not all 20 “requirements” that are listed on the job posting. Thinking about the development world in this sense has better helped me personally prepare what I NEED to know to have a better chance at landing a developer job once I have completed the coursework for Flatiron Schools.

Alright let’s get into it, what is a Command Line Application! A Command Line Application, often referred to as a CLI (Command Line Interface) Application, are applications you interact with entirely through the terminal of shell. This includes no use of graphics or visual interface beyond what you see in the terminal. This birthed the software revolution!

“Write programs to handle text streams, because that is the universal interface”

– Douglas Mellroy, creator of UNIX Operating System

They are often times the most powerful interfaces you will interact with on a daily basis. This including GIT, Learn (the software Flatiron School is founded on), and Ruby’s CLI application interface. There are many more, but we will not talk about those.

So how do you use the CLI application logic with Ruby…. All files should follow a similar file structure with the top level directory being: bin, lib, config, spec, and something like app. You may also see .learn (specific to Flatiron Schools), .rspec, Gemfile, Rakefile, or program files like ttt.rb. If you are working in your terminal you can also use the bash command ls -lah which will show the list of files in your current directory, including hidden files (files starting in a period).

You can also use ls -a which displays all files including hidden files as well.

Inside the bin/ folder we generally want to place all the code that is relatable to running our actual program.

Inside the config/ folder you will place all the application environments. This includes all required files to initialize the environment of your program. These files connect to your database, and ensures your test suite has access to the files that contain the code it is testing.

Your lib/ folder is where a majority of your code lives. Within these files defines what your program can do.

Your spec/ folder is where test files go. These are written tests that makes sure your code behaves as expected.

Within the root directory of your Ruby program you may also file, if needed, your .rspec, .learn, GEMFILE, Gemfile.lock, Rakefile dependent on necessity.

Using Ruby’s CLI Application process, you are able to create dynamic programs that are able to capture user inputs to produces an interactive program. This follows a basic workflow:

  • Greet the user
  • Asks the user for input
  • Compares and stores the input
  • Do something with the input

As you can see by my beautiful artwork, running this program will first run files in bin/ and which are the instructions of how to execute. The file workflow sounds something like this.

  • Include the files need to execute (lib/hello-ruby-program.rb)
  • Greet user
  • Asks user for input
  • Captures that input using #gets
  • Uses user input to do something else, setting it to the value of name which is in the method of greeting
  • Sends that value to the lib/hello-ruby-program.rb
  • Execute method with user inputted value
  • Display return value to the terminal.

Using this logic allow users to input a value directly to the terminal, with a return value displayed to the user.

Calling the gets method captures the last thing the user typed into the terminal, which can be set to a variable. Calling gets freezes the program until user inputs some value.

Comment below if you need any further explanation on what was covered before, and I will do my best to elaborate.

Read More at My Journey Of Learning Programming Through Flatiron School #6


Source: Web Design Ledger

Top 5 Headphones For All Different Kinds of Web Designers

B&O Beoplay H9

Just because a web designer’s job isn’t necessarily audio-related, that doesn’t mean that web designers shouldn’t use headphones that are tailored to their needs. Just what are their audio needs? Well, those needs could range from needing active noise cancellation to better concentrate to needing headphones with a decent microphone so that you can chat with your clients.

Here are a few awesome headphones to suit your web-designing needs.

B&O Beoplay H9

B&O Beoplay H9

The B&O Beoplay H9 headphones are some of the best reviewed headphones we’ve tried over at HeadphoneReview.com, and for good reason — for one, they’re super high quality, plus they offer an awesome sound.

One of the coolest things about the Beoplay H9’s is that they offer some really nice noise cancellation — which is perfect for those that sit and a desk working and don’t want to be distracted during that time. Their battery life isn’t amazing, but another good thing about them is that if they do run out of battery, you can simply plug them into your computer via an aux cable.

If there is a downside to the B&O Beoplay H9’s, it’s that they’re a little pricey, sitting at a cool $499. Still, if you can afford them, these are the headphones we recommend for web designers and everyone else alike.

HiFiMan HE400S

HiFiMan HE400s

Next up on the list are the HiFiMan HE400S’. These are perhaps better suited to the web designers out there who work from home. Why? Because they have an open design, meaning that the sound inside the headphones is more likely to escape, and the sound from outside the headphones is more likely to get in. That’s a good thing — it means that the sound is much more natural and many suggest that open-back headphones in general sound a lot better. Whether that’s true or not, the HiFiMan HE400S’ sound absolutely awesome.

Like the Beoplay H9’s, these cans probably aren’t the best if you’re looking for a pair of headphones to take out and about, but if you just need them for home use, they’re a steal at only $299.

Echobox Finder X1

Echobox Finder X1

The HiFiMan HE400S aren’t the best for taking out and about, but the Echobox Finder X1’s are the opposite — because they’re earbuds. One of the coolest things about these is that they’re customizable — you can unscrew the filters on the earbuds and screw new ones in place, resulting in a slightly different sound. That means that you’ll be able to get the sound that best matches your needs.

On top of the customizable sound, the Echobox Finder X1’s have quite a nice design, and one that’s pretty unique. All these features aren’t super cheap though — especially for earbuds. They come in at $229, but if you’re looking for earbud-style headphones and don’t mind spending a bit of cash, we highly recommend these.

Grado SR125e

Grado SR125e

Grado is a classic name when it comes to headphones, and for good reason. The company builds only quality products, and all of its headphones are hand-built. The SR125e’s are another pair of headphones that have an open-design, so you might only want these if you work at home — but they are quite a bit cheaper than the other open-design headphones on this list, coming in at $150. They’re also a little smaller — they’re on-ear rather than over-ear.

Still, as Grado headphones, the SR125e’s sound like a dream, so if you have a $150 budget but still want an excellent pair of cans, these could be the cans for you.

JLab Audio Omni

JLab Audio Omni

On a bit of a budget but still want a decent pair of headphones? That’s where the JLab Audio Omni’s come in. These are Bluetooth headphones, meaning that you can listen without needing pesky wires. On top of that, they’re really quite comfortable, boasting JLab Audio’s “Eco Leather Cloud Foam Cushions.” Sure, that’s mostly marketing lingo, but in the end they deliver on their promise. The best thing about these, however, is their price — they come in at only $99.

Conclusions

There’s a great pair of headphones for everyone, and this list should have plenty to offer for all web designers. Of course, if you need a little more info, head over to HeadphoneReview.com.

Read More at Top 5 Headphones For All Different Kinds of Web Designers


Source: Web Design Ledger

Super Deal: Mega Snow & Winter Bundle from Feingold Design – only $11!

This bundle contains 9 high-quality design products for your perfect winter time. Simulating photorealistic snow or fog for photography, web or print design has never been that easy. Various snow objects as well as 16 artistic snowflakes with transparent backgrounds will add a special touch to your Christmas and winter designs. The pack of winter photos and a frozen text effect rounds everything up, and is perfect for social media posts, bloggers or web shop owners.

Highlights:

  • Real Snow Brushes for Photoshop CS1+: This high resolution brush for Photoshop was created to paint falling and lying snow or photorealistic frozen effects. The snow flakes were cut out of real photographic material and can be used to create quite realistic snowscapes.
  • Real Snow Photo Overlays for Photoshop CS4+: Just drag one of the 4 different snow-layer folders on top of your photo. Each of the 4 preconfigured overlays consist of 8 different layers to control the amount and depth of snow.
  • Fog Effect for Photoshop CS4+: Realistic and lossless high quality fog effect prepared to fit for portrait, landscape, architecture or panorama photos. Easy to apply, just drag & drop the adjustment layer folder on top of your photo.
  • Frozen Text Effect for Photoshop CS4+:The Photoshop document provides simple adjustment settings for text layers to create frozen looking text. The effect is prepared for dark and bright backgrounds and comes fine-tuned in 7 different sizes (6pt to 180pt).
  • Snow Line Elements and Icicles : 27 photographic high-resolution snow line elements. Perfect to add more realistic snow to your web design, poster, greeting- or post card layouts. Cut out and prepared for easy use. Delivered in transparent PNG-files (38 files).
  • Seamless Snow Texture (1 JPG image file & PS Action): This seamless high-resolution snow texture was made to generate large snow surfaces. One JPG-file, 4717 × 3146 pixel, 300dpi. Including Photoshop Actions to generate large surfaces.
  • Abstract Snowflakes (16 transparent PNG image files): Want something special on your Christmas or business cards? This bundle includes 16 transparent snowflakes you can work with. Each flake is 2000 x 2000 pixel large (about 15 x 15 cm in print at 300 dpi).
  • Abstract Snowflake Generator for Photoshop CS4+: Paint your own individual snowflakes with the help of this PSD-file. You only paint one-twelfth of the snowflake and the Smart Object does the rest for you. Just paint with brushes into the Smart Object to get your 2000 x 2000 pixel snowflakes directly.
  • Winter & Snow Photo Pack (36 JPG image files): 36 winter photos matching a wide variety of snow related topics.

Check all the previews here.

Normally, this mega vector collection sells for $642 but for a limited time only, you can get Mega Snow & Winter Bundle for just $11 – That’s a monstrous savings of 98% off the regular price.Go here to get this awesome deal!

Read More at Super Deal: Mega Snow & Winter Bundle from Feingold Design – only $11!


Source: Web Design Ledger

21 CTA Based Plugins for Better On-Page Optimization

Using WordPress? Try These CTA Based Plugins for Better On-Page Optimization

WordPress powers nearly 5% of the entire web, and a quarter of the top 10,000 websites. Its ease of use, flexibility, and versatility account for its widespread adoption. Built with search engine optimization in mind, WordPress does a lot of the heavy lifting on the back end, but leaves on-page optimization up to you. The WordPress plugin repository comes to the rescue with a number of options for calls to action.

HubSpot found that using anchor text CTAs improved conversion rates by 121%. They also discovered that between 47% and 93% of a post’s leads only come from the anchor text CTAs. Data suggests that more than 90% of the visitors who read your headline also read your CTA copy, and emails using a single CTA increased clicks 371%, with 1617% sales increases.

01.Hello Bar

Want to grab user attention right away, but want to be unobtrusive about it? Hello Bar creates a small bar that displays across the top of your website, to encourage email subscription sign up. It’s free and integrates with several of the top email marketing platforms including Aweber, MailChimp, and Campaign Monitor.  You can also drive traffic to a page, and get some basic split testing capabilities to see which phrasing gets the best conversion rate. The plugin is free, but a premium version is available. Contact for pricing.

02.OptinMonster

If you’re trying to build up your email list, OptinMonster is good to use because it because it provides a smooth opt-in box, rather than a popup. The form can be completely customized to your needs, or you can choose to use one of the many premade designs. It includes split-testing so you can see which copy converts the best for your audience, and provides page-level targeting so you can display different massages based on where visitors are on your website. Analytics are also built in, and it supports the most popular email marketing platforms. Pricing starts at $19/month, and annual plans are priced at $9/month.

03.MailMunch

Use MailMunch to create customizable calls to action that integrate with a number of email marketing platforms, including Constant Contact, Campaign Monitor, InfusionSoft, MailChip, and AWeber, to name a few. Once you sign up for your free MailMunch account, you can create your choice of a top bar, pop-up, sidebar opt-in, or a scroll-triggered box. If you want to add forms to more than a single site, get analytics, and other features, there are premium options, starting at $9/month with discounts for annual plans.

04.SumoMe ListBuilder

SumoMe offers a number of free tools to help you grow your website. The List Builder allows you to create a lightbox popup to increase email subscriptions. It works with MailChimp, Constanct Contact, GetResponse, Campaign Monitor, Exact Target, and more. Premium plans allow you to get all the pro apps and pay only for the traffic your site uses. Plans start at $29/month, paid annually.

05.Exit Intent

When a visitor leaves your website, Exit Intent gives you one more chance to grab their attention and convert them. Use it to display a special offer message as they’re going to leave your website.

06.Pippity

Pippity is a WordPress popup plugin that comes with 20 themes, all of which can be completely customized to fit your needs. The premium version includes analytics and split-testing so you can see what your audience responds best to. Pricing starts at $49/year.

07.Icegram

Icegram is a free plugin designed to capture leads and call your visitors to action. It allows you to to use popups, header and footer bars, notifications, messengers, and more. Premium pricing, at either $49/year or $99/year adds more features.

08.WP Subscribe Pro

WP Subscribe Pro is a premium email subscription plugin, priced at $29. It gives you plenty of options to help increase your subscription base. Options include transition popups, sidebar widgets, and more. It integrates with many third-party email marketing platforms including MailChimp and AWeber. A free version is also available.

09.WordPress Calls to Actions

Part of the Inbound Now marketing suite, WordPress Calls to Action allows you to place advertisements and calls to action anywhere you want across your entire website, including posts, pages, widgets, and custom post types. You can also create variations in your calls to action to perform split-testing. The plugin includes some call to action templates, but you can also design your own. It’s possible to collect the form submission data and store it in the Inbound Now leads database. The free version gives you access to landing pages, calls to action, and lead management. Paid plans start at $10/month.

10.Opt-In Content Locker

Opt-In Content Locker is a premium plugin, priced at $15. It allows you to offer exclusive content on your website to your email subscribers. Use shortcodes to lock the content, and once someone is confirmed as a subscriber, they can view it.

11.Boxzilla

Boxzilla allows you to build boxes that contain whatever you want, to slide or fade in at any point. You are in full control of the way the box looks, the way it is positioned, how it is animated, and how it fades. You also have the option to add-premium add-ons for $6/month or $60/year per site. You can choose to add features like triggering a box after a certain number of page views, after a certain amount of time spent on site, trigger a box when someone is leaving, hide boxes from current MailChimp subscribers, integrate with WooCommerce, and track all box interactions with Google Analytics.

12.Click to Tweet

Click to Tweet allows you to quickly and easily create custom tweets your visitors can send to Twitter with a click. This is great for promoting a contest, sale, or any other limited-time offer.

13.Bloom Email Opt-In

Bloom is one of the plugins from Elegant Themes, so you must join at either $89/year, or a one-time fee of $249 to gain access to it. It includes six display types, such as automatic opt-in popup or fly-in, inline, and widget areas. You also have the option to require the opt-in to unlock content. It works with 16 email marketing platforms, including InfusionSoft, AWeber, Feedblitz, and GetResponse.

14.Ultimate Social Media and Share Icons

Social buttons are CTAs of their own – telling visitors you want them to share the content on their favorite networks. Most visitors won’t take the time to manually share content on their own – so the buttons make it easy for them. While many themes have social media and share icons built in, for those that don’t, the Ultimate Social Media and Share Icons plugin will add icons for Facebook, Twitter, Email, RSS, and more than 200 other social channels. 16 icon designs are included, but there’s also the option to upload your own custom images.

15.MaxButtons

MaxButtons offers a button generator, social icon, and social sharing plugin all in one. Create buttons to draw attention. The premium version costs $19 and includes more options for shapes, colors, and gradients. You can also add every button they’ve created, and any new buttons they create for a year, for another $80.

16.Mango Buttons

Mango Buttons is a free and simple plugin that allows you to add buttons anywhere in your pages or posts. You can add text and icons, and adjust colors to grab user attention.

17.Top Bar

Top Bar is a free plugin that allows you to add text with a linked button to the top of your WordPress pages, in an effort to drive traffic to another page. A premium version, priced at $12 for a single site, or $49 for unlimited sites, is available that allows you to further customize the user experience with colors, user restrictions, and timing.

18.PopUp Domination

PopUp Domination is a premium service, with pricing starting at $9/month, with discounts on annual plans. Pricing is based on popup views, ranging from 30,000 to 1 million. The platform works with all websites and email providers. It includes email themes, redirect themes, exit popups, split testing, popup triggers, split testing, analytics, and more.

19.Ninja Popups

A premium plugin available for $25, Ninja Popups includes a drag and drop visual editor to make it easy to create your own custom popups in no time. It includes more than 50 themes to help get you started, with eight free opt-in panels, and 74 animations. If that’s not enough, there are add-ons available for more widgets, themes, and opt-in bars. It works with many of the top email marketing platforms, such as MailChimp, AWeber, GetResponse, InfusionSoft, Constant Contact, and more. It also includes an opt-in locker and social locker.

20.Simple Side Tab

Simple Side Tab offers quick and easy way to add a global call to action to your website. This plugin adds a vertical tab to either the left or right side of your site, and allows it to link to any page. The tab remains in place as the user scrolls, so it’s always visible.

21.PopupAlly

PopupAlly allows you to create popup forms with exit intent, forms with a timed delay, or embed your subscription form below your content. You can choose between a free version and a premium version, priced at $97. The free version works with a number of platforms include GetResponse, InfusionSoft, iContact, MailChimp, and AWeber. The pro version adds more features, such as additional types of calls to action and analytics information.

Plugins Aren’t Going to Do It All – Photos and Placement Matter

CTA plugins can help, but they’re not going to do all the work for you. For optimal conversion rate, it’s important to use high-resolution photos and ensure they’re placed in the proper areas on your website. Grow & Convert estimates conversion rates for these common locations:

  • Sidebar: 0.5 – 1.5%
  • Generic: end-of-post: 0.5 – 1.5%
  • Pop-ups: 1 – 8%
  • Sliders and bars: 1 – 5%
  • Welcome gates: 10 – 25%
  • Featurebox: 3 – 9%
  • Navbar: Variable

Making changes to ensure your CTAs are relevant and well placed appropriately throughout can increase conversions and sales, along with average order value.

As long as you’re careful not to overload your WordPress install with too many plugins, there are many photography plugins available to help optimize your images, too.

When split-testing, change a single element at a time, so you can get a better idea of what affected the conversion rate. Play with things like colors, placement, and copy. With the help of CTA plugins, you’ll find better on-page optimization, and see growth in your business.

Read More at 21 CTA Based Plugins for Better On-Page Optimization


Source: Web Design Ledger

LG 38UC99 38″ Ultrawide Monitor Review

LG 38UC99

LG 38UC99

Ultrawide monitors are largely considered to be the next big thing in the computer monitor world, and a number of ultrawide monitor models have been released over the past few years – such as the Dell U3415W or the Samsung S34E790C. Still, while most of those monitors offer a resolution of 2,560 x 1,080 or sometimes 3,440 x 1,440, LG wants to take things to the next level. Introducing the LG 38UC99.

So what makes the LG 38UC99 so special? Quite a few things, actually. For example, the monitor offers an eye-burning 3,840 x 1,600 resolution with a 21:9 aspect ratio, a 75Hz refresh rate, and a 38-inch screen. Oh, and did we mention it’s curved?

There’s no denying that the 39UC99 is an absolute beast, but it has a price tag to match. Is it worth the $1,500? We put it through the paces to find out.

This thing ain’t small

Let’s get something out of the way before we look at the monitor’s design. You’re going to need a pretty huge desk. Even LG’s press shots for the monitor don’t really do it justice. If you have a large desk, you’ll probably be good to go, but if you’re unsure, you’re going to want to take a look at it for yourself. For reference, the base of the monitor sits at around 20.5-inches wide, so you’ll need at least that much to really use this monitor at all.

LG 38UC99 Stand

The 38UC99 features LG’s classic white and silver look, which gives it a very sleek and premium feel. The stand follows along with that trend – it’s a smooth metallic silver that looks as modern as the monitor is. Speaking of the stand, you get quite a few options with monitor placement – you can easily adjust the higher and tilt of the monitor simply by moving it to where you want.

On the back of the curved monitor, you actually get quite a few port options. You’ll find two HDMI ports, a DisplayPort, two USB 3.0 ports, and even a USB-C port. If that isn’t enough, the monitor has Bluetooth connectivity, so you can quickly and easily connect Bluetooth peripherals to it. For example, you can connect your phone to the monitor to wirelessly stream music to the monitor’s speakers. As an audio buff (and editor-in-chief of HeadphoneReview.com), those speakers don’t sound amazing, but they’re certainly not bad and should suit most day-to-day purposes.

Those extra ports are pretty nice, and they turn the monitor into something of a content hub – you can charge your devices straight from your monitor, which isn’t a necessary feature, but an added bonus nonetheless.

LG 38UC99 Ports

On the bottom, LG has taken an interesting approach to the monitor’s controls. Instead of a D-Pad or simply a series of buttons, there’s a joystick, which is extremely easy to control. Simple press on the joystick to turn the monitor on and off, then follow the on-screen prompts to control the monitor. Quick settings you can change with that joystick include things like Brightness, Contrast, Volume, Screen Off, and Bluetooth Audio. Screen Off is a little confusing, but it basically turns the display off when the monitor is connected to a Bluetooth audio source.

Instead of having to tweak all those settings yourself to find what you like, you’ll also get access to a number of presets – which include two “Dark Room” presets, and a few options for gaming.

Setup

We should take a moment to mention that this monitor is a super high performer, so don’t expect every computer to work well with it. For example, while the monitor worked well on most computers we tested with, my slightly aging 2012 MacBook Pro with Retina Display didn’t fare so well – it could only handle the 3,840 x 1,440 resolution at around a 25Hz refresh rate, which is far less than ideal. In the end for the MacBook Pro we switched over to a 2,560 x 1,066 resolution, which offered a much nicer (but still not amazing) 47Hz refresh rate. None of this could be done through Apple’s stock display settings, so instead we had to use SwitchResX to build a custom resolution.

Things were a little easier on the Windows side of things, so if you’re a gamer that will be good to hear. A little more about gaming later.

Great, but how does it perform?

The LG 38UC99 doesn’t just look great on the outside – the actual screen is pretty darn beautiful too. In fact, it looks great out-of-the-box, so you don’t really need to do all that much to make it look good.

While super high, the resolution isn’t perfect does take some getting used to. Because the MacBook Pro with Retina Display has a pixel density of 226ppi, the 110ppi on the LG monitor looks a little blurry, especially when you first set up the display. You will get used to it eventually, but just something to keep in mind. And, of course, if you’re using the monitor as a primary display rather than a secondary one, or don’t have eyes that are used to the Retina Display, you won’t have any issues with that resolution.

One cool feature about the display is that it offers AMD’s FreeSync technology, along with LG’s self-developed “1ms Motion Blur Reduction.” So what do those do? Well, if you do have a computer that supports the display’s resolution, FreeSync will help boost the normal refresh rate of 60Hz up to a hefty 75Hz. Motion Blur will smooth out that picture even more, and combined the LG 38UC99 will be up to even the most demanding games and videos.

LG 38UC99 Curve

Speaking of gaming, the 38UC99 really has a lot to offer, and that’s partly due to the curve of the screen. Considering how big the display is, plus that curve, gaming on the monitor is really quite an immersive experience.

The contrast on the monitor is quite good at 660:1, but it’s still not on the same level as some other ultrawide monitors, many of which hit the 700:1 mark. Still, while blacks aren’t as dark as they could be, they are pretty dark – and the contrast will be plenty for most people. That’s true of the color accuracy too – colors look pretty damn good, but nothing pops out as much as it could.

In other words, the image quality on this monitor is very similar to other, smaller models. Those models, however, just aren’t as impressive, because as we all know bigger is better. Okay, maybe that’s not always true, but in this case a larger monitor with the same image quality is certainly better.

Warranty

Normally warranty can be covered off in one sentence, but we want to highlight one of the only negatives about the LG 38UC99 – that’s the fact that it only has a 1-year warranty on parts, labor and the backlight.

For a monitor of this price, you really should be getting a longer warranty, and while the short warranty doesn’t outright say that LG doesn’t have faith in its product, it certainly is suggestive.

Conclusions

The LG 38UC99 is an impressive monitor. It offers near 4K resolution, FreeSync and Motion Blur for top-notch gaming experiences, and is stunningly beautiful.

But do you need the LG 38UC99? Probably not, but you certainly might want it – it’s a lot of fun. At a massive $1,500, few people really need this monitor. There are plenty of perfectly good ultrawide options out there for a fraction of the price of this one. But, if you have a pile of cash to spend on a monitor, enjoy the ultrawide form factor, feel like you need something big, and really want the best of the best, then the LG 38UC99 is an excellent – and dare we say the best – choice.

Score: 9.5/10

Read More at LG 38UC99 38″ Ultrawide Monitor Review


Source: Web Design Ledger

How to Add a Fullscreen Background Video in Adobe Muse

Muse For You - How to Add a Fullscreen Background Video - Adobe Muse CC

Add a Fullscreen Background Video to your Adobe Muse Website. No Coding Skills Required.

 Muse For You - Adobe Muse CC Adobe Muse CC Logo

One question I get asked a lot is “Why is my fullscreen video not playing on my tablet and mobile device?” The answer to this question is that tablet and mobile devices do not automatically play video without a play button. This has to do with the fact that many users on a mobile device are on their data plan and if the video plays automatically it uses quite a bit of data as a video is larger than an image or plain text. That is why I decided to release the “Responsive Fullscreen Video” widget. With this widget the video plays automatically on a desktop computer, and once it reaches the size of a tablet or mobile device a play button appears. This gives the user the option to play the video by pressing the play button.

I recently released a new update that allows you to have the fullscreen video fixed in the background, or appear above the website before the user scrolls. You can now also add your own custom play and pause button.

Muse For You - How to Add a Fullscreen Background Video - Adobe Muse CC

The steps to add a fullscreen video are as follows:

1. Install the widget by clicking on the .mulib file. The widget then installs into the library panel in Adobe Muse.

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

3. Add your video in the “Video” section of the widget options. It is recommended to add at least a .mp4 video and a poster image. Most browsers now support .mp4 video.

4. Select wether you would like the video to be fixed in the background or appear as a cover video before the user scrolls by checking or unchecking the “Fixed in Browser” option.

5. There is the option to add an overlay color or pattern within the “Overlay” section.

6. In the “Play Button” section you can enable the play button by selecting the option “Enable Play Button on Tablet and Mobile.” You can then add your custom play and pause button and set the size of the button within the widget options. You can also re-position the play button vertically within the video. There is also the option to set at what breakpoint the play button will appear.

7. In the “Options” section you can enable or disable autoplay, loop, mute, and video re-sizing.

8. The “Breakpoint” section allows you to disable the entire video at a certain breakpoint.

9. Done! You now have a responsive fullscreen video on your Adobe Muse website.

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

Happy Musing :).

Read More at How to Add a Fullscreen Background Video in Adobe Muse


Source: Web Design Ledger

The 19 Best-Designed App Landing Pages

orangina landing page

Almost all mobile app developers have a website that describes what their app can do. Some of these websites are beautiful and unique. While some websites use photography as a background, others use typography, color gradients or even video backgrounds to leave their visitors speechless.

Do you need some inspiration for your landing pages? I’ve collected 19 of the best-designed app landing pages that keep readers craving more.

 

01. Saurochat

Saurochat kept their design simple yet complex through their color-changing gradient and the rounded shape of the overlay. We also like the font that they chose and the word placement.

 

02. Primer

Primer not only surprised us with their color-changing gradient, but also with their inter-changing objects in the background. We also think that the shadow positioned behind the phone mock-up was very well placed and quite genius, giving it that 3D look.

 

03. Square

Square‘s page has clearly organized headlines, which kind of read as answers to frequently asked questions. There is plenty of white space (giving it a clean, simple, and modern appeal), succinct text, and matching, relevant images.

 

04. Coin

Coin displays its product’s positioning and differentiation through a visual journey of the Coin card. Just check out that fun animation — what a great way to represent how a product works.

 

05. Moovrs

Moovrs show us their predominant color through the wallpaper color overlay and in the background of the phone mock-up. We also like that the image is a cut-off rectangle because that gives it it’s unique style.

 

06. Facebook Messenger

Messenger includes a laptop view of the app in the background, making it clear that Messenger is a cross-platform app that can be used anywhere.

 

07. Vee for Video

Vee for Video shows off with their beautiful and colorful geometric background. They have rounded icons and some color overlay photos, but for the most part, they kept the geometric aspect.

 

08.Seattle Cider

Seattle Cider has a really cool, interactive display that tells the story of how cider is made from start to finish, while users scroll down. It’s a surprising and delightful user experience that goes above and beyond the typical product page. It doesn’t just display the products, it shows where they came from, and how.

 

09.NeuBible

NeuBible has all of their bases covered: a striking hero shot, clear messaging, and a prominent download button. Combined with a gorgeously designed app, these three features may help NeuBible convert the masses.

 

10.Orangina

Orangina has animated images and bold colors that fit in perfectly with Orangina‘s bold, fun personality.

 

11.Qapital

Qapital is notable in the fact that it takes a visual approach to a market that is usually appealed by practical messaging and conservative imagery. Large images dominate the splash page to reflect the app’s interface. Qapital does an excellent job of making finance feel exciting: a very tall task.

 

12.Mango

Mango’s website exudes friendly, approachable, and helpful brand personality. The video couldn’t be more delightful. I mean, a guitar-playing mango in a top hat? Yes, please.

 

13.Rizon

Rizon displays a clean design and clear messaging. In a nice touch, Rizon’s logo mirrors the app’s main screen, which lets the user know what hour the best photos are taken (“The Golden Hour”). Visitors are prompted to sign up through a centrally located button and a straightforward preview of the application.

 

14.FiftyThree

FiftyThree surprises us with their simplistic design. It is so smooth and easy to understand just exactly what they do. We also like the clear fonts that were used.

 

15.Bellroy

Bellroy presents an interactive section that shows how the skinny wallet will fill up in comparison to a different wallet. As users move a slider back and forth along a line, both of the wallets fill up with cards and cash, visually displaying the very problem Bellroy’s skinny wallet solves.

 

16.Mylo

Mylo has done the best job this year, implementing an auto-play feature along with a narrator (defaulted to mute), which clearly details the app’s value.

 

17.TriplAgent

TriplAgent comes with a color gradient background. We like the design of the city guides. They are simple, striaght and to the point, and with a clean font, we give a thumbs up to them.

 

18.Oreo

Oreo also took a unique design to this page. Even though the cookies themselves are monochrome, the page is wonderfully colorful. From the videos, to the backgrounds, and to the graphics, we love all of their color choices.

 

19.Panik

Panik staggers us with a dark background and an iPhone that displays how their app works. They also put their included features. The logo looks pretty nice with a on button instead of just the letter I.

 

And that concludes our 19 favorite app landing pages. Did we miss something? Leave us a comment with your favorite landing pages below.

Read More at The 19 Best-Designed App Landing Pages


Source: Web Design Ledger

20 Bold Free Headline Fonts

While designing a landing page, poster, presentation or just an image for your blog, there are always certain things you need to highlight. In this case, a proper typeface could be really helpful. If you want to make an impact and get people’s attention, you need to use huge bold headline fonts. Even bold font may have its own personality: elegant, light, funny, energetic or serious.

In this list we have put together 20 bold free headline fonts. To download the font you need to go to the primary source, so make sure to read a licence of the font before using it.

Intro Condensed Free

20 Bold Huge Fonts Perfect for Headlines

LIBERATOR

20 Bold Huge Fonts Perfect for Headlines

PIER

20 Bold Huge Fonts Perfect for Headlines

DUAL typeface

20 Bold Huge Fonts Perfect for Headlines

AXIS Typeface

20 Bold Huge Fonts Perfect for Headlines

Bushcraft Font Family

20 Bold Huge Fonts Perfect for Headlines

Billy

20 Bold Huge Fonts Perfect for Headlines

Berlin

20 Bold Huge Fonts Perfect for Headlines

Jaapokki

20 Bold Huge Fonts Perfect for Headlines

ACHI FONT ($5)

20 Bold Huge Fonts Perfect for Headlines

JACK Font ($10)

20 Bold Huge Fonts Perfect for Headlines

Panama

20 Bold Huge Fonts Perfect for Headlines

Barry Free Font

20 Bold Huge Fonts Perfect for Headlines

Natasha

20 Bold Huge Fonts Perfect for Headlines

Dense

20 Bold Huge Fonts Perfect for Headlines

Oduda

20 Bold Huge Fonts Perfect for Headlines

Origicide

20 Bold Huge Fonts Perfect for Headlines

REKLAME SCRIPT

20 Bold Huge Fonts Perfect for Headlines

Biko Font Family

20 Bold Huge Fonts Perfect for Headlines

ONTWERP

20 Bold Huge Fonts Perfect for Headlines

Read More at 20 Bold Free Headline Fonts


Source: Web Design Ledger

20 Amazing Free Headline Fonts You Must Use In 2017

headline font

2017 is right around the corner and people are making some interesting predictions regarding typography.
“Gone were the days when the digital sphere is very reluctant on using flashy typography on websites. As one of the most powerful and straightforward ways to create brand personality and tone, expect that more brands will take advantage of over-sized and hand-drawn typography on their websites this 2017.”

To be honest, that doesn’t surprise me. I’ve read a gazillion articles with tips and tricks for using typography in branding, and almost every single one contained this advice. “Use hand-drawn fonts to give your brand a human touch”

However, while designing a landing page, poster, presentation or just an image for your blog, there are always certain things you need to highlight, and a hand-drawn font might now always do the trick. In this case, a proper typeface could be really helpful. If you want to make an impact and get people’s attention, you need to use huge bold headline fonts. Even bold font may have its own personality: elegant, light, funny, energetic or serious.

In this list we have put together 20 bold free headline fonts. To download the font you need to go to the primary source, so make sure to read a licence of the font before using it. Also, we’ve rounded up a few amazing helvetica alternatives that you should deffinitley check out.

Intro Condensed Free

20 Bold Huge Fonts Perfect for Headlines

LIBERATOR

20 Bold Huge Fonts Perfect for Headlines

PIER

20 Bold Huge Fonts Perfect for Headlines

DUAL typeface

20 Bold Huge Fonts Perfect for Headlines

AXIS Typeface

20 Bold Huge Fonts Perfect for Headlines

Bushcraft Font Family

20 Bold Huge Fonts Perfect for Headlines

Billy

20 Bold Huge Fonts Perfect for Headlines

Berlin

20 Bold Huge Fonts Perfect for Headlines

Jaapokki

20 Bold Huge Fonts Perfect for Headlines

ACHI FONT ($5)

20 Bold Huge Fonts Perfect for Headlines

JACK Font ($10)

20 Bold Huge Fonts Perfect for Headlines

Panama

20 Bold Huge Fonts Perfect for Headlines

Barry Free Font

20 Bold Huge Fonts Perfect for Headlines

Natasha

20 Bold Huge Fonts Perfect for Headlines

Dense

20 Bold Huge Fonts Perfect for Headlines

Oduda

20 Bold Huge Fonts Perfect for Headlines

Origicide

20 Bold Huge Fonts Perfect for Headlines

REKLAME SCRIPT

20 Bold Huge Fonts Perfect for Headlines

Biko Font Family

20 Bold Huge Fonts Perfect for Headlines

ONTWERP

20 Bold Huge Fonts Perfect for Headlines

Read More at 20 Amazing Free Headline Fonts You Must Use In 2017


Source: Web Design Ledger