Category Archives: Reviews

Facebook Messenger App Gets A Brand New Look

The popular social networking platform made yet another important change that was not formally announced. Facebook made a move that has probably been planned for a long time: the platform just changed the entire messaging experience by integrating the Messenger app into its desktop version. Reactions of all kinds soon appeared online.

The change brought to Messenger app was spotted by most users, especially that this time it seems to be more than just a simple beta “test.” When we look at the home page, we notice that the Messenger icon in the blue navigation bar at the top of the screen has replaced the old inbox icon; when you click on it, you go to a radically overhauled inbox, similar to a

Judging by the public statements made by its representatives, Facebook needed to go more mobile. The platform is also meant to help its users by presenting them with relevant information which can be more easily accessed. Indeed, the following features of the newest Facebook Messenger version can be quite useful:

  • The new “home page” divided into modules/panes allows you to see a list of the most recent messages and the friends you chat most frequently with are highlighted in the “Favorites” module below.
  • You can now easily find a particular conversation, change the chat’s color, edit nicknames.
  • The new “Active Now” module allows you to see when your friends are available, and the “Birthdays” module will remind you of your friends’ birthdays.
  • The new Messenger includes in-built emoji, stickers and GIF buttons, and, what is more important, payment options to transfer money to contacts, and video games.
  • The new Messenger is easier to use because it gives you the possibility to reorganize your chat threads based on your favorites and active users so that you might get to important chats faster, and get immediate responses back.


On the other hand, numerous users were not pleased with the new changes, stating that the old inbox layout was better and asking how they can switch back to the old Messenger (which is not possible).

The features people mostly complained about are:

  • The possibility to see your other messages on the side. This can be quite distracting and inconvenient, especially when you have lots of messages from your admiring fans and exes
  • The extra space for ads that was added on the right side can be disturbing
  • The bigger version of the inbox covers half of the message screen now and this can also make the app harder to use
  • the message box only scrolls to the right, so users can’t easily see the whole message to guide the feel of the message or easily check for typos. That can be frustrating.
  • When users try to copy parts of a conversation and save it in word, this is not possible anymore. Also, the date and time of the messages can’t be copied at all
  • Users now can’t write longer messages without their paragraphs being truncated in the composer
  • Messages can’t be filtered by “unread”
  • Photo sharing needs improvement
  • Currently, you don’t have the ability to delete individual messages within a conversation

What users generally complained about most is the fact that Facebook complicated things unnecessarily, without doing usability studies or testing the changes in focus groups first. The loss of the inbox layout shook most users which openly expressed their complaints online. People are also discontent with the fact that the Messenger app, originally designed for mobile, is now being forced upon desktop and laptop users without choice.

In reply, David Marcus, the vice president of messaging products at Facebook, stated that the changes were meant to harmonize the user experience across all platforms, especially when the app is used by 1 billion+ people primarily on mobile. Clearly, the Messaging app needed to feel and look more mobile.

Mr. Marcus also claimed that what Facebook was actually trying to do with the New app is add more value to messaging, to make it more relevant and more interesting than before. And he promised his team would look into the features that people are not currently pleased with.

Stan Chudnovsky, head of product for Messaging at Facebook, also stated that the only change brought to the network is the introduction of the new modules, which actually put together different messages or different people. Messages have been displayed in chronological order since the beginning of the smartphone era.

The Facebook representative also claimed that there is more in store for Messenger: new modules will be progressively introduced to the app because people deserve an enriched messaging experience. The need for innovation is undeniable, especially in this field. It looks like you’re going to have to keep your eyes on your smartphones to see what the platform offers you next.

Facebook’s intent is apparently to revolutionize messaging communication, but will these new changes convince the public?

What do you think about the new update? Let us know in the comment section bellow.


Read More at Facebook Messenger App Gets A Brand New Look

Source: Web Design Ledger

My Journey Of Learning Programming Through Flatiron School #8

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.

In the simplest terms that I can think of. To me, programming workflow (if you look at it in a broad sense) is very similar to a game most of you have played once in your life.

I know it is probably not the same one you have played when you were a kid, but bare with me. So with this game, you have a beginning point. to. You have to navigate through the different options (or pipe placement) to reach the outcome you want, the purpose. With this you can can navigate to the same end point in a few different ways, but all reach the same conclusion. Or they will navigate away from the expected output to a defined end point, where you have to either start over, or travel to a different outcome. As a programmer you have to be able to envision all possible outcomes from a single start point and what conditions need to be met to retrieve the outcome you want to meet to proceed.

Conditionals are one of the foundations of programming. If “something” is met, then do “something” else, and travel through the possible outcomes to reach the user’s goal.

Ruby conditional’s control the flow of the program that you are building. This includes if, else, and elsif.

This workflow looks something like this:

  • If (condition to be met)

    • code to run if condition is met
  • else
    • code to run if condition is not met
  • end


You can also add an elsif statement, which creating more conditional statements that could possibly be met. You can add as many elsif statements as you would like.

The control flow structure is a language feature which disrupts the normal progression to the next statement and conditionally or unconditionally branches to another location in your source code. This is controlled through if, elsif, and else returning true or false.

So far with the school I feel I have made some real progress. The school has been very enjoyable so far and I am learning and grown as a programmer immensely. When I started, I thought this would be very similar to other web courses I have gone through, which I am very grateful that is not the case. The Flatiron School really pushes you to think, and allows the student to write many different options for an acceptable correct answer.

Each lesson is setup with its own test suite, that basically checks that the output of your methods are correct but leaves it up to you to figure out the best possible way to retrieve and display that value. I have a long way to go, but I am amazed by the progress I have made so far and really looking forward to the other sections I will be dealing with soon.

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

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

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.


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.


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.


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.


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.


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.


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.


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, 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.


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.


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.


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

My Journey Of Learning Programming Through Flatiron School #4

flatiron school

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.

In the last post, I covered the definitions of a failing test and what data types Ruby, super fun stuff! Now that everything had a definition applied to it we are ready to get into arrays and interpolation! Heck yeah!

Arrays are used to store data as a collection. They do this by declaring literals or variable names separated by commas and wrapped in square brackets


Ex: this_is_an_array = [ “slot-one”, “slot-two”, “slot-three”, “slot-four”, “slot-five”, “slot-six”]



*A class is a kind of like a template for creating objects in Ruby.

*A bundle is simply a bundle of information and behaviors.

*And a string is an object

Within your array, each element within your array is associated with a number that represents their order, this is called an index and they begin their index at 0.


Ex: this_is_an_array = [ “slot-one”, “slot-two”, “slot-three”, “slot-four”, “slot-five”, “slot-six”]


In order to call an element in the array you just created you must call the name of the array the number in which you want to call.


Ex: this_is_an_array[0] => “slot-one”


To assign a new value to a current index of that array, you can call the array index of the number you want to re-assign and define it to a new variable.



Or you can place, put, or take away whatever you want anywhere within this array. You can do this with a variety of different methods. I will not be covering every instance that was covered in the lesson, but for an example you can use the shovel method which employs the shovel operator ( << ) which allows you to add items at the end of the array. Similar to the shovel method you can also use #push method to do the same thing.



Moving forward I am finally ready to cover methods. Basically with arrays and methods you can do just about anything in Ruby and are the staple of the language. So what is a method…. It defines something new your program can do. They teach your Ruby program about a new routine or behavior it can use. This is an incredible tool because to my understanding they are the meat of your program and allow the practice of DRY or don’t repeat yourself logic. By defining your method once you can then call the method as many times as you would like.



The code above may seem dumb…. But if i encapsulate the repetitive strings within a method I do not need to repeat myself over and over again, remember to work towards  DRY haha. So the above method I wrote def a_bunch_of_strings is the method signature, which defines the basic properties of the method including the name of the method which is a_bunch_of_strings. Everything inside of this is considered the body, and remember this must in end. Once a method is defined you can call is as many times as you would like by using the method name. Then through string interpolation we can then make it dynamic (to check out more on string interpolation please check out this link:



Up until this point, I have not had any real issues with the Flatiron Schools, in fact it has been really enjoyable. This next post I may jump ahead quite a bit, so bear with me. But everyone I have met within the school has been great. What I really like is that once I finally do reach out to customer support with questions about the current course work, they don’t just belatedly tell you what the solution is, which is great. They allow me to work through it myself while they nudge me in the right direction. This can get kind of confusing though because you are communication over instant messenger. Which can be difficult when trying to work through which piece of your code does not work.

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

Source: Web Design Ledger

Mozello: A Website Builder For Creating Amazing Sites

mozello website builder

Due to the ever-increasing reach of the internet, having an online presence or website for your business is no longer a luxury but a necessity. Now, not everyone can code and deploy websites. Similarly, hiring web developers or design agencies too might be overkill and beyond the budget of many folks. If this is the case, a website builder can come to your rescue.

Basically, a website builder lets you create a blog, website or an eCommerce store with ease without having to deal with technical aspects of web development. A good website builder will take care of everything for you such as web hosting, coding, mobile-friendly websites, etc.

If you are looking for one such solution, meet Mozello. It lets you create modern, feature-rich and amazing websites in just a matter of a few clicks.

Mozello: A Website Builder For Creating Amazing Sites

What is Mozello?

Mozello is a simple and no-nonsense website builder that does just what it is supposed to do: help you create websites. It has a ton of features to its credit, and whether you are building a blog, a website or an online store, Mozello can handle it all.

Here is a basic run-down of all that Mozello has to offer:

  • Mozello lets you setup and build websites in just a matter of few clicks and within minutes.
  • Every website that you create using Mozello is fully responsive and mobile-friendly. Thus, no matter which device your visitors might be using, your website will look great across all screen sizes.
  • Mozello supports multilingual websites and also offers exemplary SEO features.
  • You can integrate with external services such as Disqus or Google Analytics.
  • Mozello offers support and detailed documentation if you ever run into a problem.
  • Mozello can be used to create virtually any type of website: a portfolio, a corporate site, a blog, a news site, an online store, etc.
  • Mozello is totally ad-free (even on the free plan).
  • You need absolutely zero technical skills in order to use Mozello. In other words, there is no steep learning curve.


Mozello offers three plans for you to choose from — Free, Premium and Premium Plus. Let us run the features of each plan.

The Free plan, as the name suggests, is free of cost. You get 500 MB of storage and you can create an online store with ten items. The catch is that the free plan shows a Mozello link in the footer. Plus, you must use a sub-domain for your site such as If you have had any experience with free plans, you can notice a good deal of similarity here.

mozello website builder

The Premium plan of Mozello does away with all the limitations. You get 50 GB of storage and can add up to 100 items in your online store. Plus, you also have the ability to map your custom domain and there are no links to Mozello anywhere on your site. This plan costs $7 per month.

And the Premium Plus offers everything of the Premium plan, but with no limits. You get unlimited storage and can add unlimited products to your online store. For this plan, you will have to pay $14 per month.

Also, it is worth noting that all plans support mobile devices and offer great customization features to help you setup your website. Furthermore, social media integration, SEO, support for Google Analytics as well as access to HTML code is available on all the plans, including the Free plan.

Mozello in Action

Once you login to your Mozello account, you are presented with the choice to select the design template that you wish to work with. This, of course, can be changed later on.

Thereafter, the customization and editing happens by means of a frontend live editor. You just need to click on the concerned block or section and then you can edit it therein.



Similarly, adding a new font scheme or color scheme is also a matter of just a few clicks.



The sidebar on the left offers you links to the sections that you might need.

mozello sidebar

You can add a blog or news section to your site. It is interesting to see some fine details in Mozello. For instance, you do not see any mention of comments when live editing your website. But if you head to the Settings part of your blog, you will find a field to add your Disqus shortname and integrate Disqus comments on your blog.

mozello disqus website builder

In the Settings panel, you can specify the favicon for your website as well as Google Analytics tracking ID. You can also change your account settings.

mozello settings

For code junkies, the ability to add custom HTML code in body or head is also there.

mozello code

As you can see, creating and editing a website using Mozello is fairly easy and requires no knowledge of web design at all.


A good website builder should be able to do two broad tasks: save the user’s time and be powerful enough to accommodate different types of websites. Mozello accomplishes both of these tasks very well.

First, it can save you not just time and efforts but also money. Picturize this: you can code and build your website yourself. So you probably can invest time and save the Mozello fees. However, you still will need some place to host your site, and good web hosting is not always cheap. As such, even if you possess the technical skills required to build websites, you might still end up spending more than what you would’ve with Mozello. For $14, you can get unlimited storage with Mozello as well as a handy website builder; doesn’t happen everywhere, does it?

Secondly, Mozello does not churn one website after another. Instead, it gives you full control of your site. Don’t like a given block or page? Remove it or edit it. Wish to change the font scheme? Need a blog on your site? All yours!

Website builders are not everyone’s cup of tea. Sometimes, you do need access to a proper database as well as custom coded scripts. For example, if you are running a gigantic forum, you might be better off with a dedicated piece of software. However, for all practical purposes, if you wish to get online quickly either for your own site or your clients’, Mozello is a decent and worthy site builder that you should surely take a look at.

Visit Mozello

Read More at Mozello: A Website Builder For Creating Amazing Sites

Source: Web Design Ledger

Top 15 Updates – Adobe Muse 2015.2

Adobe Muse CC - 2015.2 Update

Top 15 Updates – Adobe Muse 2015.2

Muse For You - Adobe Muse CC Adobe Muse CC Logo

Adobe Muse has recently been updated to Adobe Muse 2015.2. The update was released on June 21, 2016. In the video above I go over what I think are the top 15 updates. They are as follows (in no particular order):

  1. New Start Screen
  2. Vertical Site Map Display
  3. Ellipse Tool
  4. Vertical Move Handle
  5. Rectangle and Ellipse Frame Tool
  6. Responsive Width and Height
  7. Responsive YouTube and Vimeo Videos
  8. Minimum Page Width
  9. Fixed-Width Scroll Effects
  10. CC Libraries and Swatches Panel
  11. Adobe Illustrator Workflow
  12. Collecting All Assets
  13. Fallback Fonts
  14. Preview Network Address
  15. Improved Google Pagespeed Rank

Adobe Muse CC - 2015.2 Update

One of the big updates is the fixed-width scroll effects. In the 2015.1 release we were introduced to “Fluid-Width” breakpoints which allowed websites to be similar to responsive websites. The only issue with this was that the scroll effects were disabled. Those of us who started to use Adobe Muse early on really loved to use scroll effects – me included. Now with the 2015.2 update the scroll effects have been re-introduced on fixed-width breakpoints. You just have to make sure the breakpoint is set to fixed-width and the scroll effects are enabled again.

Along with this update and widgets from you can create an awesome website. No coding skills required.

Happy Musing :).

Read More at Top 15 Updates – Adobe Muse 2015.2

Source: Web Design Ledger