Archive

Archive for July, 2016

Web Development Reading List #144: CSP Mistakes, JS Debugging And Failure Testing

July 8th, 2016 No comments

Every week is a learning week and this week I was reminded that viewport units are not all good to use. Also, choosing the right HTTP status code can be difficult and may not even be supported by the Apache version running on your server. I also learned how JavaScript error logging can be extended so that you can finally get easy-to-read and useful reports.

Web Development Reading List #144: CSP Mistakes, JS Debugging And Failure Testing

As if that wasn’t enough, I learned a lot about accessibility and progressive enhancement again, and discovered a slidedeck on how you can bypass CSP and why browsers can render elements with known boundaries as well as layout limitations incredibly faster than unknown. Are you ready? It’s now your turn to learn all of this as well.

The post Web Development Reading List #144: CSP Mistakes, JS Debugging And Failure Testing appeared first on Smashing Magazine.

Categories: Others Tags:

12 Amazing Quotes to Help Inspire your Web Design

July 8th, 2016 No comments
Taking a look at these inspirational quotes I can see how they might help someone get some perspective on graphic design, web design, and stay inspired for another day.

I find that occasionally I’ll be deeply inspired by a quote that will help me design better websites. Taking a look at these inspirational quotes I can see how they might help someone get some perspective on graphic design, web design, and stay inspired for another day. I hope you enjoy!

“I strive for two things in design: simplicity and clarity. Great design is born of those two things.” -Lindon Leader

“Make it simple, but significant ” – Don Draper in Mad Men

“Good design is obvious. Great design is transparent.” – Joe Sparano

“Design is like sex. There is someone else involved, their needs are just as important as your own, and if everything goes right, both parties are happy in the end.” – Colin Wright

“Websites promote you 24/7: No employee will do that.” – Paul Cookson

“A website without SEO is like a car with no gas” – Paul Cookson

“If you want a great site, you’ve got to test. After you’ve worked on a site for even a few weeks, you can’t see it freshly anymore. You know too much. The only way to find out if it really works is to test it.” – Steve Krug, Don’t Make Me Think: A Common Sense Approach to Web Usability

“People ignore design that ignores people.” – Matt Edson

“Content precedes design. Design in the absence of content is not design, it’s decoration.” –Jeffrey Zeldman

“Never fall in love with an idea. They’re whores. If the one you’re with isn’t doing the job, there’s always, always, always another.” – Chip Kidd

“Great web design without functionality is like a sports car with no engine.”
– Paul Cookson

“Being good in business is the most fascinating kind of art. Making money is art and working is art and good business is the best art.” – Andy Warhol

Tim Brown is a web designer and digital marketer for SEO Services, and is focused on increasing traffic and conversion for his agency and clients.

(dpe)

Categories: Others Tags:

An Overview Of How UI & UX Design Are Different Yet Completely Entwined

July 7th, 2016 No comments

Whether you are a professional designer or a novice having a keen interest in web designing, you definitely must have heard of the terms UX and UI (viz. User Experience and User Interface). Although they have same starting initials but are very different in aspects and existence. Both UX and UI are well-known terms in

Categories: Designing, Others Tags:

20 Amazing Examples of Typography Sketches for Your Inspiration

July 7th, 2016 No comments
type_sketches

Often we’re critical about the end design, but behind the scenes a lot of process go to work, and one of which is sketching. Sketching is the skeleton of the idea that was came to be originally as a thought. Sometimes a client needs a unique brand new logo or typeface that is more convenient to draw on the paper and after that scan it into Photoshop or Illustrator.

Sketching means a lot for graphic designers, even if the final design is supposed to be placed on the web. Most of creatives prefer to spend hours with pencil before translating the design into reality with editing software. Even a typeface starts with a tiny sketch, in fact, every great type starts with a single line.

Today I’d like to show the beauty of typography and lettering through the creation process. I’ve put together 20 inspiring examples of old-style typography sketches for your inspiration.

1. Typography (Creative Mints) by Mike | Creative Mints

2. Living Stream by Eddie Lobanovskiy

20 Amazing Examples of Typography Sketches for Your Inspiration

3. Handlettered Logotypes by Mateusz Witczak

20 Amazing Examples of Typography Sketches for Your Inspiration

4. Happy Birthday To You by Ross Moody

20 Amazing Examples of Typography Sketches for Your Inspiration

5. Logo&Type – Handlettering by Mateusz Witczak

20 Amazing Examples of Typography Sketches for Your Inspiration

6. The Sketch Collection Vol02 by Marcelo Schultz

20 Amazing Examples of Typography Sketches for Your Inspiration

7. Awaken Our Hearts – Sketch by Drew Melton

20 Amazing Examples of Typography Sketches for Your Inspiration

8. Hand Type Vol. 14 by Raul Alejandro

20 Amazing Examples of Typography Sketches for Your Inspiration

9. Friday Type 2 – Marceloschultz.Com by Marcelo Schultz

20 Amazing Examples of Typography Sketches for Your Inspiration

10. Fantastic by Olga Vasik

20 Amazing Examples of Typography Sketches for Your Inspiration

11. Sullen Style Play by Ryan Hamrick

20 Amazing Examples of Typography Sketches for Your Inspiration

12. Brush Lettering Collection No. 1 by Neil Secretario

20 Amazing Examples of Typography Sketches for Your Inspiration

13. Sketches & Logos 2013 by Jackson Alves

20 Amazing Examples of Typography Sketches for Your Inspiration

14. Voyager by Pellisco

20 Amazing Examples of Typography Sketches for Your Inspiration

15. Self Portrait by Carl Fredrik Angell

20 Amazing Examples of Typography Sketches for Your Inspiration

16. NSAAFA exhibition of students by Steve Seven

20 Amazing Examples of Typography Sketches for Your Inspiration

17. Moonshine Bandits: Custom Lettering Logo Design by Pale Horse

20 Amazing Examples of Typography Sketches for Your Inspiration

18. Sketches & Logos 2013 by Jackson Alves

20 Amazing Examples of Typography Sketches for Your Inspiration

19. Chronic Creator by Sean McCabe

20 Amazing Examples of Typography Sketches for Your Inspiration

20. Thank God It’s Friday ! by Marcelo Schultz

20 Amazing Examples of Typography Sketches for Your Inspiration

Read More at 20 Amazing Examples of Typography Sketches for Your Inspiration

Categories: Designing, Others Tags:

Breaking Out Of The Box: Design Inspiration (July 2016)

July 7th, 2016 No comments

With the summer holidays coming up, I’d like to share a couple of inspirational illustrations and photos which I hope will help you daydream and relax. There’s no doubt that there are a lot of great techniques out there — they just need to be discovered.

Breaking Out Of The Box: Design Inspiration (July 2016)

While going through this month’s collection, you’ll notice some pretty interesting and refreshing color combinations. I’ve made sure to include a good bunch we can all admire and learn from — I hope you’ll agree! Get ready to enter the summer with a big spark of inspiration.

The post Breaking Out Of The Box: Design Inspiration (July 2016) appeared first on Smashing Magazine.

Categories: Others Tags:

Deal: Grab 84% off stock images from Depositphoto

July 7th, 2016 No comments

Everyone wants to capture that one perfect image for their site. Art direction does more than layout, or even content, to set the tone of your site. But unfortunately custom photography is budget-sapping, and deadline-wrecking. The good news is, that perfect shot probably already exists…

To help you find it, our sister-site MightyDeals.com, has managed to bring back one of its most popular deals ever: an incredible 84% off Depositphotos library of stock images.

Depositphotos has over 50,000,000 images to choose from, including hi-res shots and vector images. Split into popular categories like Business, Computers, Holidays, People, Shopping, and tons more; you’re sure to find the perfect image for your project.

For just $99 you can download 100 images of your choice, that’s an incredible saving of $537! And if you like that, you’ll love the fact that you can save even more by choosing the 200 photos option, just $0.80 per image!

You can download any size you choose, which makes this the perfect option for responsive and retina design. There’s no daily limits, download as many as you like straight away—you’ve got a whole year to download them all. And all of the images are royalty free, so you don’t have to worry about checking the fine print. Quality stock images frequently cost 25 times more than this, so it really is an incredible opportunity to bolster your toolbox.

Head over to MightyDeals to take advantage of this awesome deal today!

LAST DAY: Infographic Mega Bundle – Thousands of Graphic Elements – only $24!

Source

Categories: Designing, Others Tags:

How To Protect WordPress Websites From User Errors

July 7th, 2016 No comments

WordPress is a wonderfully powerful CMS that ships with many versatile features giving it the flexibility to work out of the box for a wide range of users. However, if you are a professional building custom themes and plugins, sometimes these features can be problematic.

How To Make WordPress Easy To Maintain For Your Clients

The same features and options that allow off-the-shelf themes to adapt to many different use cases can sometimes also be used to undermine a carefully designed custom theme built for a specific use case.

The post How To Protect WordPress Websites From User Errors appeared first on Smashing Magazine.

Categories: Others Tags:

How To Make WordPress Easy To Maintain For Your Clients

July 7th, 2016 No comments

WordPress is a wonderfully powerful CMS that ships with many versatile features giving it the flexibility to work out of the box for a wide range of users. However, if you are a professional building custom themes and plugins, sometimes these features can be problematic.

How To Make WordPress Easy To Maintain For Your Clients

The same features and options that allow off-the-shelf themes to adapt to many different use cases can sometimes also be used to undermine a carefully designed custom theme built for a specific use case.

The post How To Make WordPress Easy To Maintain For Your Clients appeared first on Smashing Magazine.

Categories: Others Tags:

WordPress Maintenance Mode: Best Practices

July 7th, 2016 No comments
igniteup

I expect every WordPress user to know it; the WordPress Maintenance Mode. During every update, the CMS puts itself into the maintenance mode, no matter whether it’s a core, theme, or plugin update. In that period, your visitors are unable to access your website. This doesn’t sound all that good, but it’s actually a handy thing.

The WordPress Maintenance Mode

There are many possible reasons to send your website into the maintenance mode. The most important ones being website, theme, and plugin updates.

Website Updates

Each time your website is edited, it should be moved into the maintenance mode for the public. The user will immediately know that your website can not be viewed for a certain amount of time and that he’s better off checking back later.

Theme and Plugin Updates

The term updates does not only mean theme updates, but also the installation and set up of new themes. Of course, other things that take longer than a couple of seconds, or minutes are possible as well. This includes changes made to the stylesheet, or the integration of new areas, for example.

The installation of new themes may take some time. However, simple theme or plugin updates might do so as well. That’s why WordPress puts itself into the maintenance mode completely on its own. During that, mostly short, period, the users will usually see the message:

Briefly unavailable for scheduled maintenance. Check back in a minute.

Here, your language settings don’t matter. The message is always displayed in English.

The Integrated WordPress Maintenance Mode

The message is a part of the integrated maintenance mode of our popular CMS. It is created dynamically during each theme, plugin, or WordPress core update. Now and then, the message might not delete itself automatically like it usually should. Then, you’ll have to take care of that.

Just connect to your WordPress installation using an FTP program, make sure that the program also displays “invisible files”, and then delete the file .maintenance from the server.

maintenance-datei-loeschen

Manually Putting WordPress Into the Maintenance Mode

The method with the automatic WordPress maintenance mode mentioned above surely works well and is sufficient in some default cases. However, the Auto mode is not usable for tasks more complicated than a short plugin or theme update.

WordPress can also be put into the maintenance mode manually, though. This doesn’t take much effort.

Maintenance Mode Via Snippet

A simple snippet with a few lines of code is sufficient and fulfills its purpose.

<?php
// Activate the WordPress Maintenance Mode
function wp_maintenance_mode(){
if(!current_user_can('edit_themes') || !is_user_logged_in()){
wp_die('<h1 style="color:red">Website in Maintenance Mode</h1><br />We need to work on the website for a bit. Please be patient, we'll be back online as soon as possible.');
}
}
add_action('get_header', 'wp_maintenance_mode');

The fragment is copied into the active theme’s functions.php, and instantly puts the website into the maintenance mode. When the mode is not needed, only comment out the call-up of the function. Then, it will look like this:

<?php
// Activate the WordPress Maintenance Mode
function wp_maintenance_mode(){
if(!current_user_can('edit_themes') || !is_user_logged_in()){
wp_die('<h1 style="color:red">Website in Maintenance Mode</h1><br />We need to work on the website for a bit. Please be patient, we'll be back online as soon as possible.');
}
} // When it's not needed, simply place two slashes before add_action().
//add_action('get_header', 'wp_maintenance_mode');

In this snippet, the maintenance mode is deactivated. When both slashes before add_action() are deleted, the mode is back.

Maintenance Mode Via Plugin

When you need to work on your website for a longer period, you should put a little more effort into the maintenance mode. You always need to look at a maintenance from the visitor’s point of view. A user can definitely grow impatient when he’s coming to your website from the Google search results, looking for a solution to his problem.

Thus, there are a couple of things that should be on every good maintenance page:

  • A clear message telling the user why the website is offline.
  • A realistically estimated time when the page will be accessible again.
  • An email address for visitor questions.
  • Optionally, but user-friendly: an email list into which the visitor can enter himself. After the works are done, an email saying that the website is back up will be sent out.
  • Optionally: The website owner’s social networks.

Two Good Plugins for the Maintenance Mode

Surely, there are a lot of useful plugins for the manual maintenance mode. However, I am not able to name them all here, and thus, I’ll only present you those that I’ve made experiences with. Because of that, you can be sure that the plugins work when necessary, and do their job well.

You need to keep in mind that the website’s interface is only accessible to the logged in admin, all other visitors will see the maintenance page.

IgniteUp – Coming Soon and Maintenance Mode

IgniteUp is a combo plugin and can also be used for neat “coming soon” websites. Choose from a couple predefined templates, and adjust them to your desires. The result on my personal blog looks like this:

wartungsmodus-techbrain

  • Developer: Ceylon Systems
  • Work in Progress: yes
  • Latest Version from: two months ago
  • Costs: free via WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: IgniteUP – with template demos
  • Download on WordPress.org

WP Maintenance Mode

wp-maintenance-mode

Here, you’ll get a heavily customizable page for the maintenance mode as well. WP Maintenance Mode doesn’t work with predefined templates, however, but instead, using an interface that you have to make pretty with a bit of effort. In return, you have more design options.

Screenshot

  • Developer: Designmodo
  • Work in Progress: yes
  • Latest Version from: 06.20.2016
  • Costs: free via WordPress.org
  • License: GNU GENERAL PUBLIC LICENSE
  • Known Compatibility Issues: unknown
  • Developer Homepage: not available
  • Download on WordPress.org

Conclusion

The maintenance mode is a paramount thing and should be used whenever you’re working on the website. If you don’t do that, your visitors could grow angry pretty quickly, which is what you want to prevent at all cost. It’s your choice whether you activate the maintenance mode via snippet or plugin.

(dpe)

Categories: Others Tags:

Google Chrome moves into TV with new cast option

July 7th, 2016 No comments

If you’ve ever wanted to play digital media content right from your browser on your TV—without the need for an extra browser extension to make this happen, now’s the time to get excited. For the first time ever, people will be able to project their favorite TV shows and movies from the web directly to their TVs with the simple selection of the Cast option, found in Chrome 51’s new dropdown menu.

Chromecast is Google’s line of digital media players, think of them as mere dongles, that allow users to beam audio and video content from the web and their smartphones straight to their TVs. Cast-enabled monitors can also display the Wi-Fi-streamed content.

What makes this change significant is that Google manufactures both the software and hardware of this Cast technology: the browser and its content and the physical dongle that you plug into your TV or Cast-enabled monitor. However, people always had to rely on a browser extension to make this Google service work, which begged the question of why Google just didn’t do everything itself?

Now it is, thanks to the arrival of the Cast option within Chrome beta.

If you’re interested in exploring this new Chrome functionality, try to update your Chrome browser to version 51. Of course, that may be a problem for some users since Google is notorious for rolling out new features slowly, over time, so you may just have to wait until the update rolls around to you.

Google is also streamlining the delivery, which lets Chrome control the parameters on its own. Users benefit from this because they won’t be asked anymore whether they want to tweak the settings for various things like the resolution, quality of the cast, and bitrate. All that’s done automatically by Chrome.

That’s not all, though.

The company’s chat feature, Google Hangouts, will be able to receive casts, too. Appropriately named, Cast to Hangouts was actually first identified in May, but now it appears to be rolling out completely to a stable release.

Reports say that Cast to Hangouts comes with at least one noteworthy feature that’s unexpected, but also helpful. It actually scans your calendar to see if you already have any earlier scheduled Hangouts. Another interesting feature is the ability of users to share their tabs or desktops right to Hangouts. This ends up working as a sort of de facto screenshare, except there’s no audio that’s included. Users should take note that, to make this work, they’ll have to first have “cloud services” turned on.

When it comes to the availability of casting for Hangouts, it’s not much better than the gradual rollout of Chrome’s Cast option. Projections say that it’s going to be available for Chrome 52, but nothing is set in stone, one way or another.

Massive Discounts on Stock Photos – 84% off!

Source

Categories: Designing, Others Tags: