Timeless Basketball Court Art by Matt W. Moore

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/10sZJNI9yL4/timeless-basketball-court-art-matt-w-moore

Timeless Basketball Court Art by Matt W. Moore
Timeless Basketball Court Art by Matt W. Moore

AoiroStudioMar 07, 2019

It’s been a little while I haven’t personally glance at Matt W. Moore and it just as killer. A graphic artist based in Portland, ME, USA, we wanted to share his 2017 project he worked for Rémy Martin in Miami at The W South Beach during Art Basel on a basketball court. That drone shot alone is totally worth this entire project in terms of awesomeness, make sure to check out that video too. Also check out his Shop for his latest 2019 MWM Calendar.

Links
Personal Site
Behance
Timeless Basketball Court Art by Matt W. MooreTimeless Basketball Court Art by Matt W. MooreTimeless Basketball Court Art by Matt W. MooreTimeless Basketball Court Art by Matt W. Moore

Video


Is Social Media Hurting Your Web Design Business?

Original Source: https://www.webdesignerdepot.com/2019/03/is-social-media-hurting-your-web-design-business/

Social media is an interesting thing. As web design professionals, it can be a great opportunity to share your work and get in front of prospects who might otherwise never find you online. But for as much good as social media can do to propel your marketing efforts, it has the potential to be just as harmful to your business.

Social Media Mistakes That Can Harm Your Web Design Business

CareerBuilder surveyed over 1,000 people involved in the hiring process for organizations last year. What they found about the relationship between hiring and social media is quite startling.

Even if you’re not applying to work full-time for someone else’s company, hiring managers are likely to go through a similar process when evaluating you for a freelance position. So, pay close attention to these statistics:

70% of hiring organizations research candidates using social media;
57% of hiring managers have chosen not to pursue a candidate because of what they found on social media;
47% of organizations won’t contact a candidate if they have no online presence.

Basically, companies are looking for a reason NOT to work with you. So, you must tread very carefully when using social media marketing.

Here are some things to avoid:

1. No Online Presence

It’s funny. Use social media the wrong way, and prospective clients will rule you out as their next possible freelance designer. But don’t use social media at all, and the same can happen.

There’s a delicate balance you must strike.

In order to stop losing work because you don’t have an online presence, avoid the following:

Staying away from social media at all costs;
Creating profiles on social, but never posting anything;
Creating profiles on social, but leaving your profile incomplete, inaccurate or outdated.

Check out Elizabeth Matthews Design’s Facebook page for an example of what to do:

2. Too Much of an Online Presence

Too much time spent on social media can hurt you as well — especially if you’re taking part in irrelevant conversations. If you’re pointing potential clients to your branded social media pages, then you better be engaging in conversations that fit with your niche.

Remember: clients are looking at social media to get a sense for your professionalism and expertise. They aren’t trying to hire someone who hops in and out of social media 20 times a day. (How would you get your work done in that case?) So, keep your activity to a reasonable amount.

Check out Veerle Pieters’ Pinterest page for an example of what to do:

3. No Thought to Your Posts

Social media is a free way to get in front of prospects and to learn more about what’s going on in web design! Unlike blogging and email marketing, you don’t have to be a good writer to effectively connect with others either. Just write a few words and let your images (and links) shine.

That said, you don’t want to simply copy-and-paste the headline of an article into your social media post and call it a day. If you expect people to click on the links you’re sharing or engage with your posts, you have to say something worth listening to. If your social feed just ends up with a bunch of blog post titles and links, it’ll either look like you don’t care about sharing valuable content or you don’t understand your space very well.

Check out Brothers Web Design Twitter page for an example of what to do:

4. Share Bad Content

As a general rule, you should share 20% of your own stuff on social media and 80% of stuff from other people. This way, it doesn’t seem as though you’re only there to promote your business and make more money. The reason people are willing to engage with freelancers and businesses on social media is to make a connection; not to have another sales pitch thrown in their faces.

That said, you want to be very careful about the links, memes, and other content you share. When sharing content, it should be:

Published within the last week so it’s still timely and relevant;
Positive;
Valuable and not just a keyword-stuffed piece to boost SEO;
In line with your own web design practices;
Factually accurate.

Even if you didn’t write the content, it can still reflect poorly on you for sharing something of bad quality.

Check out Claire Brotherton’s Twitter page for an example of what to do:

5. Discuss Sensitive Issues

It’s easy to get wrapped up in super-charged conversations that take place on social media, especially if people are talking about matters that are close to your heart. But that’s not what future clients want to see. They want to know that you’re a professional, that you’ll come prepared to work and not bring your personal life into it. Getting involved in the wrong conversations will tell them otherwise.

These are just some of the risky topics you’ll want to avoid:

Politics;
Drugs and alcohol;
Sex and relationships;
Violent content;
Anything that’s bigoted in nature.

Check out AlchemyThree’s Instagram page for an example of what to do:

6. Betraying Your Client’s Confidence

This one is a huge no-no. It doesn’t matter how much of the web design community will rally behind you when a client fails to pay or you’re fed up with their endless rounds of feedback. Social media is absolutely not the place to badmouth a client — even if you don’t name them.

The same goes for leaking any confidential or sensitive information you agreed to keep private. (Check your freelance contract. I guarantee it’s in there.) Just don’t do it.

If you need to vent, do so with your designer pals in private. Prospective clients will see your ease with badmouthing an old or current client and take that as a sign that you’re someone not to be trusted.

Check out Aaron Miller’s Twitter page for an example of what to do:

Using Social Media Marketing the Right Way

As a web designer, you have to be on social media for the purposes of marketing. Just remember that what you put out there will be judged just as harshly as the content you put on your own website. And, really, that should be a basic rule of thumb for social media:

Never put something out there that you wouldn’t be willing to publish on your website.

 

Featured image via DepositPhotos

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Browser DevTools Secrets: Start-up, Network and Performance

Original Source: https://www.sitepoint.com/browser-devtools-secrets-start-up-network-and-performance/

During the past decade, browser development tools (browser DevTools) have evolved from basic JavaScript consoles to fully-integrated development and debugging environments. It’s become possible to alter and inspect any aspect of your web application but few of us venture beyond the basics.

In this series of articles, we’ll explore a range of features you may or may not have considered. Chrome’s DevTools are described in most cases but alternative options are shown for Firefox where available.

Keyboard Shortcuts

Using a menu to launch DevTools wastes valuable seconds! Try one of these options instead:

F12
ctrl + shift + i
cmd + option + j
or right-click any element on the page and choose Inspect or Inspect Element.

Chrome provides useful keyboard shortcut assistance. From DevTools, press F1 or select Settings from the three-dot menu at the top-right. Then choose Shortcuts from the menu:

Browser DevTools keyboard shortcuts

Docking

The DevTools pane can be docked to the left, right or bottom of the browser window. If you require more room, undock it to a separate window. Docking options are found in the main three-dot menu in Chrome:

Browser DevTools docking in Chrome

and Firefox:

Browser DevTools docking in Firefox

Settings

DevTool settings can be accessed from the same menu or by pressing F1. This allows you to set options such as the tools shown, theme, tab sizes, color units and more.

Auto-start DevTools

When working on a web application, it may be practical to create a dedicated desktop shortcut to launch your browser, open the URL and launch DevTools in a single step. For Chrome, create a desktop icon with the following Chrome command-line options:

chrome –auto-open-devtools-for-tabs http://localhost:8000/

where http://localhost:8000/ is your development URL.

Similarly for Firefox:

firefox -devtools -url http://localhost:8000/

(The executable name may differ across systems.)

Go Incognito During Development

Incognito/private mode does not retain data such as cookies and localStorage after the browser is closed. The mode is ideal for testing Progressive Web Apps (PWAs) and log-in systems.

You can start browsers in incognito mode manually or by adding –incognito to Chrome or -private to Firefox’s command line.

Command Palette

Chrome DevTools offers an editor-like command palette. Press ctrl + shift + p:

Browser DevTools Chrome command palette

It provides quick access to most functions and source files (hit backspace to remove the >).

Escape to the Console

The console is useful regardless of which DevTool panel you’re using. Hit Esc to show and hide a console window in the bottom pane.

Find Page Colors

Most browsers show a color picker when you click any CSS color property. Chrome also shows the colors used in the page at the bottom of the panel:

Browser DevTools Chrome page colors

The panel can be clicked to show further colors.

Color Contrast Accessibility

The color picker also shows the contrast ratio which indicates the visual difference between the foreground text and background color. Click the ratio to view how this rates against AA and AAA accessibility standards which ensure text can be read by most people:

Browser DevTools Chrome page colors

Any color below the line on the color swash will pass AA contrast recommendations.

The post Browser DevTools Secrets: Start-up, Network and Performance appeared first on SitePoint.

Creative Bloq's Job of the Week

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/1D4ClS8yCWI/creative-bloqs-job-of-the-week

The creative industries are thriving, but finding talent has never been such a challenge. That's good news for creative professionals of all skill levels, and why we have partnered with Lovedesignjobs to provide a comprehensive resource for both finding and posting roles. 

Read on to discover what's hot on Lovedesignjobs this week.

Job of the week

Graphic Designer (Digital Design Specialist), Winchester, UK

Carter Jonas is seeking a Graphic Designer with a strong background in digital design to join their  team in Winchester. You will be part of a wider award-winning London marketing team, alongside in-house Digital, Events and PR.  You will be working on national brand campaigns for our commercial, rural, planning, development and residential divisions based across the UK. 

Benefits:

Competitive salaryHoliday: 25 days per annum + bank holidaysCompany pension schemeLife assuranceCycle to work schemeFlexible benefits to suit your personal lifestyle

lovedesignjobs

Latest jobs

Senior Designer, Nottingham, UK
Award-winning software company. Up to £40k / annum.

Senior Front End/JavaScript/React Developer, Remote
Urgently required to join a SaaS start-up, working primarily on a remote basis.

UX Designer, Alpharetta, GA, USA
UI/UX Designer. Duration: 6+ months. 

Internship: 3D animation/modelling/design, Orlando, Fl, USA
Universal Orlando. Summer 2019. 

Lovedesignjobs and Creative Bloq

With demand higher than ever for creative and design professionals, we have partnered with Lovedesignjobs to provide this extensive resource for both jobseekers and recruiters.

At Lovedesignjobs, you'll find over 5,000 global design jobs live right now. Listings are updated and refreshed on a daily basis, and include our pick of the Job of the Week.

So whether you're a graduate looking for your first role, a freelancer seeking a permanent position, or an experienced creative professional hunting for your next promotion, take a look at our thousands of creative jobs, and see where your career could take you.

Read more:

How to get a design job: 7 expert tips5 things NOT to say in a job interview4 creative career tips you didn't know you needed

Effective Use of Gradients in Design

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/8yY2SqkqTS8/

Nothing looks nicer than a good gradient in a design. Gradients can completely transform a website color scheme from mundane to gorgeous, and you’ll often find them in the centerpiece of a site’s design. Looking for some inspiration for your own backgrounds and banners? Take a look at these beautiful blends.

Gradient Banner

Gradient Banner

Dazzling is barely enough to describe this stunning banner. A gradient made of opposite colors is bound to be striking, and the way the strong lighting in the background reflects off the model just makes this a fantastic example of great gradients in design.

The HR Manifesto

The HR Manifesto

This page makes abundant use of gradients, from the animations and the background as you scroll down, to the various banners and illustrations peppered throughout. The cool purples, blues and pinks blend together perfectly thanks to the colorful style.

Grabient Landing Page

Grabient Landing Page

Obviously, a site designed to generate gradients would know how to utilize them effectively. The banner on the right is an instant eye-catcher, and the same color scheme is used to draw attention to the logo/homepage link as well as the call to action button.

D25/Video Production

D25/Video Production

The effect here is super subtle, especially at the beginning of the page. But as you scroll, you’ll stumble upon a huge background image overlain with a pretty blue to red color palette. It then naturally flows into a big red text box, which is sure to grab attention.

Centexus Landing Page

Centexus Landing Page

Smooth gradients can give a page a clean and elegant look. Professional doesn’t have to mean blacks and whites – add a splash of color and see what happens! This is a landing page that would definitely make conversions.

Ninety Nine Seconds Game Prototype

Ninety Nine Seconds Game Prototype

This game has a strong concept, its artistic style just as much so. Various abstract levels can be explored and discovered, each sporting a beautiful blended background. There’s even a gradient generator for this purpose. It all comes together to make an app you won’t easily forget.

DIY Course Landing Page

DIY Course Landing Page

The beautifully designed landing page opens with vibrant blues and purples that cleanly fade to white as you scroll. Who needs a hero image when you can create a “hero gradient” that naturally transitions into your feature list?

Natoni Landing Page

Natoni Landing Page

Effective gradients can be simple and subtle, or flashy and gorgeous – all that matters is that it’s done well. This landing page sports the latter, with an image that serves both as a good background and yet is also the centerpiece of the design. It doesn’t distract from the text, but you can’t help but stare at the amazingly blended colors with the logo right in the middle.

Bitframemedia Logo

Bitframemedia Logo

This is just fantastic work from a graphic designer. A clean and simple, yet so very pretty logo. Made to look like ocean waves, every piece of the water blends together beautifully. The reverse gradient effect on the lighting makes the logo look interesting and dynamic as well.

TinyMind Landing Page

TinyMind Landing Page

Flat, simple design is a fairly popular trend online. It’s clean, easy to create, and looks nice. But it can also be boring! The slight gradient effect here adds a ton of beauty and dynamic, while still retaining that smooth, clean-cut appearance that’s super satisfying to look at.

Mindfulness App Onboarding Screens

Mindfulness App Onboarding Screens

Gradients work great with light colors and pastels, and here’s the perfect example. The effect is slight, but compelling, with the central character getting a more dramatic gradient while the background is pale enough to almost blend in with the white.

Inspiring Effective Gradients

Gradients are a great tool for designers. Used well, they can add a dynamic look and a spark of beauty to a design. Subtle or flashy, there’s a place for a good gradient in any creation.

And a skilled designer can utilize one to add contrast to important elements, highlight areas of interest, incorporate UI elements into the gradient, or any other number of clever tricks.


40 Absolutely Creative Billboard Ads!

Original Source: https://www.hongkiat.com/blog/brilliant-creative-billboard-advertisements/

How many billboards did you take a look during your walk or driving in your life? I’m sorry that I can’t remember many of them, but I sincerely believe that it’s not my problem, as…

Visit hongkiat.com for full content.

Cali Lifestyle Paper Craft

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/a1dFwlJVN3Q/cali-lifestyle-paper-craft

Cali Lifestyle Paper Craft
Cali Lifestyle Paper Craft

abduzeedoMar 01, 2019
Paper craft artwork is probably my favorite style. I believe the reason is simply because I would never be able to create something nice with this technique, at least not as nice, or I’d say amazing as the work that my fellow Brazilian Arthur Régis put together titled Cali Lifestyle. What really fascinates me is the depth that the composition gets by the order of the layers which seem to come alive at first glance.

For this creative project the idea is a paper-craft piece using colored paper, foam paper and glue. The choice of material and the way it was used refers to the several layers this state has and all of it’s amazing colors, that are very important in the project because it also express the diversity and the weather of California. The vivid and warm colors correlate with the sun and the heat of the West Coast and contrasts with the cold colors of the ocean and sky, creating a divisional line that divides the viewer’s focus in two contrasting areas.

The “Lifestyle” typography was a reference to the license plate of the state, but in this 33×21 inches project, the focus is the word “California”, an exclusive lettering that mix the artistic part with the conceptual part of it (Lettering + California Lifestyle) and becomes a singular design that express my vision of what could be the California lifestyle and culture.

Singular design that express my vision of what could be the California lifestyle and culture.

For more information check out http://www.arthurregis.com/

Paper Craft

Cali_final_01.jpgCali_final_05.jpgCali_final_03.jpgCali_final_04.jpg


Avoid Common WordPress Security Issues

Original Source: http://feedproxy.google.com/~r/Designrfix/~3/WBuWjZfa5jE/avoid-common-wordpress-security-issues

WordPress is rated as the most popular blogging platform available today. And for good reason. It’s free. It’s open source, which means you have access to the code and are able to customize or modify it however you want. It has a plugin for virtually anything you need or want it to do and has […]

The post Avoid Common WordPress Security Issues appeared first on designrfix.com.

SitePoint Premium New Releases: More Vue, Nuxt.js + JS Data Structures

Original Source: https://www.sitepoint.com/sitepoint-premium-new-releases-more-vue-nuxt-js-js-data-structures/

We’re working hard to keep you on the cutting edge of your field with SitePoint Premium. We’ve got plenty of new books and mini-books to check out in the library — let us introduce you to them.

Learning JavaScript Data Structures and Algorithms Third Edition – Packt

Create classic data structures and algorithms such as depth-first and breadth-first search. You’ll also learn about recursion, heap data structures using JavaScript, how to implement common data structures and more.

Read Learning JavaScript Data Structures and Algorithms Third Edition.

A Beginner’s Guide to Working With Components in Vue

An introduction to working with components in Vue. We’ll look at how to create components, how to pass data between components (via both props and an event bus) and how to use Vue’s <slot> element to render additional content within a component.

Read A Beginner’s Guide to Working With Components in Vue.

A Beginner’s Guide to Working with Forms in Vue

Learn how to work with forms in Vue. We’ll start off by creating a simple form and look at how to use two-way data binding to keep user input in sync with our data model. We’ll then take a look at modifiers and filters, and finish off with validation. Each section has a runnable CodePen demo.

Read A Beginner’s Guide to Working with Forms in Vue.

Build Your Own Link-sharing Site with Nuxt.js and vue-kindergarten

In this tutorial, we’ll create our own link-sharing news site, much like Echo JS or Hacker News, complete with comments and upvoting. The tech stack we’ll be using consists of Vue.js, the Nuxt.js Vue framework, and an access-control/authorization library called vue-kindergarten.

Read Build Your Own Link-sharing Site with Nuxt.js and vue-kindergarten.

And More to Come…

We’re releasing new content on SitePoint Premium almost every day, so we’ll be back next week with the latest updates. And don’t forget: if you haven’t checked out our offering yet, take our 7 day free trial for a spin.

The post SitePoint Premium New Releases: More Vue, Nuxt.js + JS Data Structures appeared first on SitePoint.

10 Real-World Reasons Designers Should Know SEO

Original Source: https://www.webdesignerdepot.com/2019/02/know-seo-on-page-seo-10-real-world-reasons-designers-should-know-seo/

For web designers today, creating a website can mean a whole lot than just functionality, usability and aesthetic appeal. Today, every new-born website requires a thorough integration of Search Engine Optimization (SEO) protocols to become crawlable and get indexed by search engines such as Google.

A good website can attract great amounts of traffic. However, to make sure your traffic is relevant, geo-specific, and hails from the target segment, you must utilize SEO properly. According to one piece of HubSpot research, 77% of people research a brand before getting in touch with it. This means your site design, structure, content, and marketing practices must be spot on if you want spectacular search results!

Both off-page and on-page SEO are imperative to the ranking process for any website on Google. Here, we are going to discuss why web designers should know about on-page SEO well enough to create a website that not only attracts visitors, but also ranks on top of Google search engine result pages (SERPs).

1. Higher Rankings

On-page SEO involves many elements such as HTTP status code, URLs and their friendliness with the search engine. Other aspects include the correct addition of meta tags, descriptions and further heading tags on your search link on Google SERPs. All of these elements make a huge difference in on-page SEO. Therefore, a web designer who knows these details must know when to apply them in the right order so that the website receives higher rankings on Google.

2. Greater Search Accuracy

With the growing number of internet users, the demand of the data has also increased. There are so many brands for a similar product, over hundreds of online stores, and numerous branches of the same brand. Before any potential customer makes an appearance in a store, they are highly likely to search them on the internet. The statistics clearly support this as 18% more shoppers prefer Google over Amazon for searching a product and 136% of times a search engine is preferred over other websites for the same purpose. Similarly, local searches lead 50% of the mobile users to take a tour to the nearby store within 24 hours. This further necessitates web designers to readily know about on-page SEO so that the client’s business page is more visible on web.

3. More Mobile Traffic

The state of inbound reporting suggests that generating traffic is one of the main marketing challenges faced by website designers and marketers. Website designers have the opportunity to integrate SEO metrics from the start and not only make the website more user-friendly, but device responsive as well. According to marketing technology facts by Sweor 57% of the mobile users abandon a brand’s website if it has a poor mobile responsive website. SEO helps you improve these flaws and add in high-quality visual content for better marketing. Designers can use this to their advantage and focus on building an attractive, rankable and responsive website.

4. Higher Engagement

In the present era, every online brand is reflection of how far up it is on Google rankings. On-page SEO helps build a strong network of internal linking that keeps the user engaged on the website by offering them more valuable information on the right time.

It also helps brings exposure to those sectors of the website that need more attention and helps generate a positive user experience from the visitor. This helps the brand focus on its goals and deploy different marketing strategies to boost revenues.

5. Impartial Benefits for SMEs

While large businesses may dominate the small ones in terms of size, operations and employee strength, SEO does not discriminate between SMEs and Large enterprises. SEO does not require a sizeable investment and most entrepreneurs and SMEs can afford hiring a few resources or even build their own department. However, SMEs with constrained budgets may not be able afford a dedicated department for SEO. Therefore, web designers must know SEO beforehand since there is no guarantee they will get any guidance from the company when the website gets live.

6. More Quality Traffic

Designing a website with proper on-page SEO helps Google’s spiders to crawl through your URLs faster and index your pages more relevantly on their SERPs. Research conducted by Moz suggests that 71.33% of clicks made on a website are present on the first page of search results. This means that more and quality traffic would be driven to your website generating more leads, increasing the conversion rates and ROI as well.

7. Using Innovative Technologies

Content has a direct effect on your customers. According MindMeld, 60% of the users have started using voice search features to interact with search engines when making queries. This means that the designers now need to optimize the website and content for voice search as well. According to Backlinko, the average word length that helps rank the website in the first page of Google is 1890 words. Also, the use of most suitable keywords gives your website ranking a boost bringing it on the first result page of the search engine. To get more advanced SEO features, web designers also deploy SEO extensions for more optimized performance and cost effectiveness.

8. Increases Page Loading Speed

Every website designer knows that loading speed plays a deciding role in online rankings as well as user experience. Some of the factors that lower the webpage speed are the large images, bad URLs and coding, and themes with too many widgets. Thus, knowing on-page SEO helps the designer avoid such errors when designing the website, improving its loading speeds far more efficiently as compared to when it is operational.

9. Greater User Experience

You must be wondering how SEO improves the UX, right? Well, good SEO offers informative, readable and highly usable content to the readers. Also, it helps to design a visually attractive website that is nicely navigated and performs well. These features make users happy and enhance their experience on the web page. So if you’re planning to leave a long lasting impression right from the start, you must put in some on-page SEO from the beginning.

10. Cost-Effectiveness

Its irrefutable that SEO has a great cost advantage. A skilled web designer knows how well systematic integration of on-page SEO can save costs that can pile up later if the website starts getting traffic. Everything from page titles, meta descriptions, meta tags, URL structure, body tags, keyword density down to image SEO must be prepared prior to its operation stage. Neglecting these key points can be detrimental to the website’s overall progress and may result on expensive retro-fitting at a later date.

 

Featured image via Unsplash

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}