All posts tagged “might”

Timehop realizes you might not want to see photos of your ex on Valentine’s Day

Break-ups are rough, but on days like today (it’s Valentine’s Day, if you managed to forget), being alone can be especially difficult. That’s why Timehop’s Valentine’s Day warning screen is the best example we’ve seen recently of a company recognizing that humans are really just extraordinarily delicate balls of surging emotions.

If you log in to the time capsule app today, you’ll see a cheery-looking warning screen:

The graphic for #Valentimehop reminds you that if you go hunting for memories of Valentines past, you’re in for a heavy dose of “exes and feels.” If you’re feeling emotionally solid, you can continue on, or you can heed the warning and walk away. Given Facebook’s recent Year in Review debacle, in which users were…

Continue reading…

The Verge – All Posts

A smartphone case maker might have made this year’s best Super Bowl ad

The Super Bowl is still two days away, but between Budweiser’s attempts to tug on your heartstrings to sell beer, and Kim Kardashian’s selfie-centrc self-parody for T-Mobile, we’ve already seen a number of the big budget ads that will air during the big game’s commercial breaks. But it’s not just the biggest brands that get to show off their most creative ads during the biggest game, as phone case maker Mophie shows.

Mophie makes cases capable of charging your smartphone, and its surprisingly good Super Bowl ad shows the end of the world. Streets flood, blizzard hit deserts, goats stand on donkeys, priests steal flatscreen TVs, and dogs lead people around by the leash. With the Earth’s atmosphere leaking into space, the camera cuts to…

Continue reading…

The Verge – All Posts

Twitter might be taking its ads into the wild on apps and websites

Soon you may be seeing more ads in tweets that aren’t on Twitter.com or various third-party Twitter clients. According to The Wall Street Journal, Twitter spent the past week pitching advertisers on a new plan to roll out “ads within streams of tweets on other publishers’ apps and websites,” which could include places like Flipboard and ESPN’s Sportscenter apps. Twitter is said to be seeking a revenue-sharing deal with those companies, something that could help it make money just about anywhere, but more importantly in places where people might be spending more time than Twitter itself.

Continue reading…

The Verge – All Posts

The five most important things we might have learned from Ant-Man’s very tiny teaser

Marvel blessed us with a teaser for the Ant-Man teaser earlier today, the upcoming superhero flick starring everybody’s favorite “guy next-door” Paul Rudd. While it was a coy attempt to tantalize without giving away much detail, the studio execs obviously don’t watch enough police procedurals and therefore forgot about our ability to zoom-and-enhance. What we’re left with is a surprising amount of casting reveals and cameos that show the studio’s unraveling faith in the star power of Rudd.

Paul Rudd will certainly be in this movie, which we already knew. But what we didn’t know was that he would appear next to Ranger Smith from the Yogi Bear cartoons. That seems like a confusing creative choice by Marvel until you realize that…

Continue reading…

The Verge – All Posts

Do You Know Where Your Photos Are?: The numbers in this photo-taking and storing infographic might just boggle your mind

Do You Know Where Your Photos Are?


Since
our interview with
Lyve founder Tim Bucher about the current state—and future—of photo management, we’ve been increasingly fascinated by the concept. From the hundreds of images on your phone, to those sitting in an unmarked folder on your……

Continue Reading…


Cool Hunting

10 Useful WordPress Functions You Might Not Know About

WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any user we wish and display their social media connections in a jiffy.

There are however quite a few functions which seem to be overlooked for unknown reasons. I’ve been coding with WordPress for around 8 years now and occasionally I still find something new! Let’s take a look at some of my favourite overlooked functions and learn how to use them along the way.

antispambot()

I usually raise a few eyebrows with this one, it seems to be one of the most well-hidden functions in the codebase. <code>antispambot()</code> replaces characters with HTML entities which is one way to mask email addresses from evil scrapers.

 $  email = 'mymail@mail.com'; echo 'You can contact me at ' . antispambot( $  email ) . ' any time'. 

While this is a useful tidbit, it is also an example of why some people criticise WordPress – this is a horribly named function. From reading the function name, you have no idea what it does.

human_time_diff()

When I first learned about this function about a year ago I thought it must have been a recent addition which I overlooked in a changelog. Not quite…

This function – which outputs the difference between two timestamps – has been in since version 1.5 (that’s February 17, 2005!).

The following great snippet I borrowed from the codex shows how long ago a current post was published. It uses the publish date of the post as the first argument and the current date as the second.

 echo 'This post was published ' . human_time_diff( get_the_time( 'U' ), current_time( 'timestamp' ) ) . ' ago'; 

get_post_meta()

Bear with me here, I know this is a well-used function, however, how it works is not-so-common knowledge. First of all, by omitting the second and third parameters you can pull all metadata for a post.

 $  all_meta = get_post_meta( 14 ); 

Even if you only grab the data for a single key all postmeta is pulled anyway.

The reason is actually pretty logical. Metadata is used in multiple places. If <code>get_post_meta()</code> queries the database each time it was used we would end up with way too many queries. Instead, if you pull metadata it caches it all and uses the cached values on all subsequent metadata retrievals.

wp_upload_bits()

This function is a straight-up file uploading function. While it doesn’t move the file to the uploads folder and add it to the WordPress media section, it is extremely convenient and you can always to the rest with the <code>wp_insert_attachment()</code> function.

 $  upload = wp_upload_bits( $  file['name'], null, file_get_contents( $  file['tmp_name'] ) ); 

Some explanation is at hand for this: the first parameter is the file name. The second is depreciated so it should be set to null (eyeroll at WordPress consistency). The third parameter is the actual content of the file.

get_post_field()

In the past I saw quite a few examples where someone wrote a loop to get a comment count for a post, or wrote a dedicated database query for it. You don’t need them, what you need is <code>get_post_field()</code> . This function retrieves the value of a single field for a single post in the database. Let’s grab a comment count!

 This post has <?php echo get_post_field( 'comment_count', 4124 ) ?> comments. 

wpautop()

This function has come out into the spotlight a bit, but it is still relatively unknown. It is similar to the PHP native <code>nl2br</code> but instead of creating new lines, it wraps your content in paragraphs.

This is useful if you have a textbox and you want to make sure that when users create paragraphs with double line breaks, they remain visible in the front-end as well.

 <h2>What Our Users Say</h2> <?php echo wpautop( $  user_comment ) ?> 

wp_is_mobile()

This aptly named function detects when a user is on a mobile device and allows you to display content accordingly. Since this is a conditional tag it returns true or false depending on the scenario.

 <?php if( wp_is_mobile() ) : ?> Visit our website on your desktop for a richer user experience <?php endif ?> 

DOING_AJAX

While this is a constant, not a function (sorry), it is useful nonetheless. You can discern between AJAX calls and regular stuff by checking if it is defined and is true. This can be useful if you are using a common function for a task that is sometimes triggered by AJAX.

 if (defined('DOING_AJAX') && DOING_AJAX) { echo 'done'; die() } else { }

wp_redirect()

The last example shows another neat function: <code>wp_redirect()</code>. This should be used in place of the PHP native <code>header()</code> function. The WordPress redirection function allows you to set a URL to redirect to, and also set a status code, great for handling permanent redirects as well.

 // For a URL which is no longer in use wp_redirect( 'http://website.com/new-url/', 301 ); 

paginate_links()

I bet that this function owes its obscurity in part to the popularity of the WP-PageNavi plugin. By default WordPress displays previous/next links at the end of your post list. WP-PageNavi replaces that with page numbers.

This can actually be done with a little work using the <code>paginate_links()</code> functions. It has quite a few parameters so I recommend taking a peek at the documentation.

The following example from the codex shows how you can add it to a default loop but adding it to custom loops is not much of a stretch.

 global $  wp_query; $  big = 999999999; // need an unlikely integer echo paginate_links( array( 'base' => str_replace( $  big, '%#%', esc_url( get_pagenum_link( $  big ) ) ), 'format' => '?paged=%#%', 'current' => max( 1, get_query_var('paged') ), 'total' => $  wp_query->max_num_pages ) );

Conclusion

These are just some functions that seem to be less-known that the rest. I discover a new great function about every two months and I’m sure my developer friends out there could surprise us even further.

If you have a favorite obscure function or a function which would be useful but isn’t available, let us know in the comments!





hongkiat.com

FCC might give Netflix what it wants and still allow Comcast to sell fast lanes

report published this afternoon by The New York Times details one of the possible plans the FCC may debut in their attempt to establish new rules around net neutrality and the open internet. It takes a “hybrid” approach, dividing the new regulations between commercial or wholesale internet traffic and retail or residential internet traffic. In a nutshell, this would mean content companies like Netflix will get the price controls they want when it comes to dealing with companies like Comcast, Verizon, and AT&T. But those companies will also be allowed to give certain data a fast lane over their networks if it was “justified,” cementing the gutting of net neutrality that occurred when Verizon defeated the FCC in court.

Continue reading…

The Verge – All Posts

Tesla might unveil its first self-driving features next week

What else is Tesla unveiling at its event in Los Angeles next week? Founder Elon Musk said to expect the “D,” which is likely the company’s dual-motor, all-wheel-drive model of the Model S. But he also teased “something else.” Now Bloomberg says that one more thing is a control system for the Model S that keeps the car in its lane on freeways. Tesla is also said to be showing off other features that will help the car drive itself.

Continue reading…

The Verge – All Posts

Last night’s ‘Doctor Who’ might be one of its best ever

“Question: why do we talk out loud when we know we’re alone? Conjecture: because we know we’re not.”

For this season of Doctor Who, Ross Miller and Kwame Opam will be sounding off on each episode in a series of emails we’ll be publishing on the site. This week it’s “Listen” (warning: spoilers ahead). Check out our previous recaps: “Deep Breath,” “Into the Dalek,” and “Robots of Sherwood.”

Continue reading…

The Verge – All Posts

Contact Page is More Important Than You Might Think

Website is a general term referring to an entity of web pages.

Contact Page is More Important Than You Might Think

Each page of a website is equally essential, but why then all noise is about the ‘About Us’ page, landing or home page? Contact page has the same meaning and impact on users.

What Is Contact Page For?

  1. The first function of a Contact page is to get visitors interested. If they like what they see and it is easy to contact you, why won’t they make a call or fill a form?
  2. The second but probably the most important reason to build Contact page wisely is the collaboration facilitation. The ‘Contact Us’ section helps users to contact the webmaster and so the website owner so gets the information on his customers.
  3. Contact page is the last one that visitors see before they decide if they need your project. There are little chances that users will change their mind if your home page is brilliant but contact page has a so-so design. Still, it is better not to risk with it! If a user likes your website thanks to a perfect website design, the Contact page will just emphasize how cool you are.
  4. Contact page kills two birds with one stone: it helps to improve customers’ satisfaction of the website and the company, plus it helps to improve your product. How? – Very easy: people will leave their thoughts, suggestions, tips, recommendations via a contact form. So you can make an analysis of your website and understand how your audience sees it.
  5. This function follows out of the previous point: you can collect any information you need via a Contact form. It doesn’t mean just information on your project but on users too. You can get the name, email address, website URL, and something else very easy.

Contact Page Must Be:

1. Functional

It is pretty clear that everything should work like clockwork on a Contact page. Each field of the form, any button or link must be double-checked before you let it appear before visitors.

2. Good-looking

Design matters a lot, even if it seems rather easy to create a Contact page. It just seems so. The colors, fonts, form position, elements of design, buttons’ look are all the ingredients of this page. The more important fact is that all these features have to be designed in harmony and balance with one another. The styles and colors should correlate with each other, take this into consideration please.

3. Written seductively

The copy should be written well if you want users to fill the form fields. For this reason, you can add a short greeting phrase before the contact form, a sentence or two about yourself, anything that can put users in a good mood and win their favor.

4. Responsive

Mobile gadgets have taken the world. People use them everywhere and for any purpose. The Contact page, as of course all other pages of the design, has to be responsive. Plus, you need to think about the hassles mobile users can face. For example, this is a ‘Submit’ button. Make sure it is big enough to click on it via a touchscreen.

5. Personal

Many who thinkthat a Contact page is designed like in a standard way and the Contact form can be a simple box with empty fields to fill. But you will gain more users if your Contact page has personalized design. You can use your pictures and the pictures of your team: this is a true way to make a page design individual. Then, let your imagination help you with the design, and maybe you will get something really special that no one else done before.

6. Alternative

Users need to have a chance to choose. They should be able to pick the method of contacting you. Someone hates contact forms, even if there are just two small fields. Make your email clickable: probably there would be some people to prefer this way. If you have many branch offices in many cities, make sure you include a search box which visitors can use to find the location of the only office they need, not to scroll a long list of contacts.

Components of a Smart Contact Page

1. Contact form

A web form is one of the most significant Contact page ingredients. Before you design one, you should define the best appropriate position on the page for it. Firstly, it is better to be above the fold, and not vice versa like many sites do: map above the fold and contact form below. This position allows users not to scroll but type their message immediately. As for the position, a form with center alignment is better, because usually full width forms seem too complicated.

The amount of form fields can make your visitors go away from it at once. Too many fields may scare users, who have no time and especially desire to write a lot. The best solution is to include at least three fields: name, email, and message. By the way, the empty field for client’s message should be included, instead of those forms with many options a user has to choose among.

It is also a great design technique to highlight the current field with another color, a bold or dotted line. This shows which field is active right now.

Contact form is a part of Contact page, but not obligatory it to be just there. You can design a form popup that appears on any other pages. If a user is reading the ‘About Us’ page and has already decided to collaborate with you, he won’t need to go for Contacts to get in touch with you. One more option is possible: sidebar sliding contact form. It is a bit more functional and practical that a popup, so far as the popup disappears after users push the cross button (if accidentally). Sidebar sliding form can be activated any time with just one simple button.

2. Email address

Contact form and email address are oriented on different audience. While some people want their message be more anonymous, or they don’t want to go to another window, open their email client or so; others feel better if sent a direct message from their email. Therefore, they have a copy of the message, which they can use again or make it a proof of that they contacted the website owner. So far, as you can’t predict what a particular user will pick, you should have these both options on your web page. The email address is better to be clickable, as it will save users’ time and don’t require any additional actions from them.

3. Phone number

Telephone number is a step towards confidential relations between you and your visitors. By giving these contact details to them, you show more thrust and your desire to negotiate.

4. Social media links

Social media buttons and links can maximize your online exposure, and it is double success if they work together with your website. It is more and more often seen how web designers incorporate follow buttons on a Contact page. Some time ago, this kind of elements were put in the Footer or somewhere on the homepage only, but what stops you to have Twitter, Facebook, Google+ or Pinterest links in more than one place? Users will go for contact information on your Contact page and surprisingly they will find one more way to reach you: social networks.

The design of social media buttons must be smart: not too provocative, but enough eye-catching. They should be pretty big in size, yet we don’t mean to give a half of your web page to these links. The most suitable position is somewhere at the bottom, or in the Header, so not to mess up all information you have.

5. Interactive map

Interactive map is good investment to a Contact web page. It makes your website more up-to-date if to say so, and of course it is a crucial element of the user-centered design. User must be your major interest, and you should understand that users will be pleased with a functional and interactive map on your site. You show your location, this is the first, and you also make it easier for users to find the right route to get to your office. They won’t need to go for Google maps, any other service/app, GPS, they will do everything in one browser window.

6. Specific details

The contact form andmap are well-suited features for any website kind, though there are some peculiar things that just some websites can include. The restaurant businesses having a website, can include the happy hours on their Contact pages, while schools or gyms can mention their opening hours. You know your audience better and you definitely know what your potential customer wants to find on the Contact page.

7. Confirmation message

You are obliged to inform users that their message was sent successfully, otherwise they would be confused and can submit a few messages to be sure they succeeded. A simple phrase like ‘Your message was sent successfully’ will be enough. Still, creativity is not forbidden. The confirmation message can contain the information about the respondent or the approximate time of response.

Something Important To Add

1. Buttons

We want to share some secret rules for making buttons perfect with you.

  • Exclude ‘Reset’ or ‘Clear’ button. The name you pick for this button does not make a big deal, because it should not appear on your Contact page with the contact form. This buttons usually is close to the Submit button, and users can push it accidentally. Imagine the frustration someone feels after he thought out a perfect message to contact you and delete it through inattentiveness. And, actually this button serves for nothing useful, why then to include it? If a user wants to delete the message, he can do it manually; or if he changed his mind to contact you, he will just leave the page.
  • Think out the button text. Trivial ‘Submit’ button will surprise nobody. There are many variants to be more creative and make the button text: go, sent message, ready, etc.
2. Captcha

Come on! Do you still have these annoying captchas on your website? It is interesting to know why you need it. Some time ago, it was thought that captcha is a proof of spam defense. The situation has changed and now it is almost the same easy to get to the spammer’s list with an open email address and having captchas to confirm that user is a human. And be honest, have you really got a lot of spam before you use captcha?

Ways toGet to the Contact Page

Finally, you have made the best Contact page design ever (using our tips, we hope so), but now you need visitors to find it easy and quickly. Here are two placements for a contact page link.

1. Primary navigation

Contact page is a separate web page on your site, and so it deserves to be featured on the primary navigation bar. A common thing is to make Contact menu tab the last on the bar, but it doesn’t matter a lot. Still, there is something to matter: if you have a navigation menu with submenu tabs, the Contact page shouldn’t be somewhere in the submenu.

2. Footer

Oftentimes Footer fulfills the function of the Contact page, i.e. it features the contact info, sometimes contact form and even a map. It is much better to have a separate Contact page with all-in-all features, and Footer can still have contacts but in short. In this case, Footer can become a home place for a link to the Contact page.

What Should You Do Right Now?

OK, you have the read the entire article, and now you need either to design a new Contact page, if you didn’t have it before, or redesign the old one. You have got enough instructions and tips here, but remember the most important: be creative, think about user, make forms simple, ensure that everything works perfectly and add individuality to your Contact page!

Learn From the Best – A Little Bit of Inspiration for You

Blue House Design

Blue House Design

Pasadena Conservatory of Music

Pasadena Conservatory of Music

Photo Portfolio Template

Photo Portfolio Template

View9

View9

Samuel Docker Wedding Photographer

Samuel Docker Wedding Photographer

Stupp Corporation

Stupp Corporation

Smart Cookie Design

Smart Cookie Design

PapúVerão Fashion Website

PapúVerão Fashion Website

European EISA Awards

European EISA Awards

Digital Telepathy

Digital Telepathy

Think Work

Think Work

Pmode Web Agency

Pmode Web Agency

The Locals

The Locals

Tomasz Stolz

Tomasz Stolz

Chilli

Chilli

Arabella on Boossa

Arabella on Boossa

Credencys

Credencys

Bigbite

Bigbite

Visit us at InstantShift.com

PSD to HTML


InstantShift