TurboTabs is responsive jQuery plugin that can be easily customized by using some of the available options. HTML markup is very simple to implement. Tabs are available in three layouts: horizontal, vertical and accordion. On small screens tabs transorms to accordion.
For a while I've been thinking about leadership as a learned skill and the needs and requirements for great leadership. From my own perspective one of the most basic tenets of great leadership is the ability to balance the fulfilment of the organisation's vision with the fulfilment of the basic, as well as the more complex needs of those who work within the organisation. This has led me to the belief that a leader's intrinsic strength in visualising and sticking to joint goals, coupled with their capacity for (and ideally love of) satisfying the human needs of their people, is instrumental for leadership. In much of the reading that I've done, and in my consideration of my comfort levels as I question my own personal style of leadership, I've always felt most comfortable with the style of Servant Leadership, the modern movement for which being attributed to AT&T executive Robert K. Greenleaf in 1970, via his now seminal book The Servant as Leader - very well worth reading. Worth noting that the concept of Servant Leadership has been around for thousands of years, with references to the terminology and culture of servant leadership to be found in such diverse sources as the Gospel of Mark and the Tao Te Ching. In this piece I wanted to spend a little time talking about what I think are the four most important aspects of the servant leader (and why!).
Continue reading %Four Attributes of Great Servant Leadership%
2014 – 2015 Portfolio of Robin Ait-el-alim Noguier
The Polona Typo project makes it possible to type, share and print your own sentences using thousands of letters from the books, posters and maps created over more than six centuries.
The successful international fashion label comma is launching a new online design concept with a new store. comma offers sophisticated feminine fashion for modern women who are looking for something special in every single garment and accessory. Th
Bright an Clean Landingpage for Fitness Studio. OnlineGym24 is a online training plattform.
Nascido na Índia e mantido vivo pela mitologia e cultura local, o Holi celebra o início da Primavera no hemisfério norte.
In this series, we're going through one of the fundamental features of WordPress: Conditional Tags. In this fourth part, we'll continue introducing and reviewing the Conditional Tags. Be sure to check out the previous parts if you haven't yet.
Let's begin!
is_month()In WordPress, the most commonly used date-based archive type is probably the monthly archives. When you need to detect whether your code is running in a monthly archive page, the Conditional Tag is_month() will help you.
This Conditional Tag doesn't accept any parameters.
current_theme_supports()While developing plugins, you might need to check whether the active theme allows thumbnails, post formats, custom headers or even widgets. With the help of current_theme_supports(), you can check whether the theme in use supports the feature you specify.
This Conditional Tag has only one parameter:
$feature (string, optional): Name of the features. (Default: None)Feature names:
current_theme_supports()Let's say you're developing a plugin specifically for WordPress themes with the "custom backgrounds" feature. Your plugin will be useless for themes which don't support custom backgrounds, so you need to display an error message in the administration panel to inform the user. Here's what you do:
<?php
add_action( 'admin_notices', 'custom_bg_feature_warning' );
function custom_bg_feature_warning() {
if ( ! current_theme_supports( 'custom-background' ) ) {
echo '<div class="error">
<p>' . __( 'This plugin requires a theme with the "custom backgrounds" feature enabled.', 'translation-domain' ) . '</p>
</div>';
}
}
?>
is_plugin_active()Working in the administration panel only, the Conditional Tag is_plugin_active() helps your code know whether the given plugin is active. This Conditional Tag can be useful if you're writing "addon plugins" for popular plugins (like WooCommerce) or base frameworks installed as plugins (like the Redux Framework).
This Conditional Tag has only one parameter:
$plugin (string, required): Plugin's or sub-directory's name. (Default: None)is_local_attachment()WordPress attachments are a blessing when used properly, but how do you find out whether a URL is actually an attachment? If you're working with URLs while developing, the Conditional Tag is_local_attachment() might be very useful for you: It checks whether the given URL is uploaded to the same WordPress installation as an attachment.
This Conditional Tag has only one parameter:
$url (string, required): URL to check. (Default: None)is_local_attachment()Since this conditional tag is pretty straightforward, the example will be straightforward, too. Imagine you're developing a plugin and you need URLs (generated by another function you created) to be checked to see whether they're local attachments or not:
<?php
$url = some_url_generator_function();
if ( is_local_attachment( $url ) ) {
_e( 'Yep, this is a local attachment!', 'translation-domain' );
} else {
_e( 'Nope, this is not a local attachment.', 'translation-domain' );
}
?>
is_time()Did you know that WordPress has hour-based, minute-based and even second-based archives? (To be honest, I didn't know that you could create these kinds of archives before writing this series. Writing at Tuts+ can be an educational journey, too!)
It doesn't come out of the box, which means you can't type in http://ift.tt/1RBdtbi and get archives for 18:30 on February 22, 2014; but you can create one with the help of the WP_Query class. Anyway: If you want to detect these kinds of time-based archives, you can use the is_time() Conditional Tag.
This Conditional Tag doesn't accept any parameters.
is_rtl()In some languages, mostly in the countries of the Middle East, text is written from right to left instead of left to right. As a WordPress developer, you must consider all WordPress users, and if you want your theme or plugin to work nicely with WordPress websites with RTL text, you should use is_rtl() to determine whether the locale is RTL.
This Conditional Tag doesn't accept any parameters.
is_rtl()Most web designers create separate stylesheets for RTL locales—it's a common practice. And if you want to load your RTL stylesheet conditionally, here's what you do:
<?php
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_styles' );
function mytheme_enqueue_styles() {
if ( is_rtl() ) {
wp_enqueue_style( 'style-rtl', plugins_url( '/css/style-rtl.css', __FILE__ ) );
}
}
?>
is_tax()The Conditional Tag is_tag() can detect tag archives, but it can't work with custom taxonomies. To determine whether a taxonomy archive page is being displayed, you can use is_tax(). By default, it includes all taxonomy archive pages, including regular tags. But it has two parameters, so you can target specific taxonomy archive pages, or even specific terms.
This Conditional Tag has only one parameter:
$taxonomy (array/string, optional): Taxonomy slug or an array of slugs. (Default: None)$term (array/string/integer, optional): Term's ID, name, slug or an array of those. (Default: None)is_attachment()While creating a plugin (or theme), you might want to know when an attachment page is being displayed. The Conditional Tag is_attachment() is the one that will help you: It returns TRUE in an attachment page and FALSE anywhere else.
This Conditional Tag doesn't accept any parameters.
is_attachment()Let's say you want to display a "Back to the post" link above the attachment. Here's what you do:
<?php
if ( is_attachment() ) {
// Get attachment's parent.
$parent = get_post_field( 'post_parent', $id );
// Get permalink of the parent post.
$parent_link = get_permalink( $parent );
// Echo the link.
echo '<a href="' . $parent_link . '" class="parent-post-link">' . __( 'Back to the post', 'translation-domain' ) . '</a>';
}
?>
term_exists()This is the second Conditional Tag that doesn't return TRUE and FALSE, but more useful information: The Conditional Tag term_exists() checks whether a term of a taxonomy exists, and returns the term ID (if no taxonomy is specified) or an array of the taxonomy and term pairing instead of TRUE. If the specified term doesn't exist, it returns 0 or NULL.
This Conditional Tag has three parameters:
$term (string/integer, required): Term's name or ID. (Default: None)$taxonomy (string, optional): Taxonomy's name. (Default: Empty)$parent (integer, optional): Parent term's ID (to confine the search under it). (Default: 0)has_term()We saw that we could use has_tag() if we wanted to find a tag in a post. What if we wanted to do the same thing, but with a term of a custom taxonomy? Easy: The Conditional Tag has_term() has a third parameter (second in order) that allows us to specify a custom taxonomy.
Fun fact: Even the Conditional Tag has_tag() uses has_term() to return TRUE or FALSE! And as with the has_tag() function, has_term() also allows you to specify more than one term (but in only one taxonomy).
This Conditional Tag has three parameters:
$term (array/string/integer, optional): Term's name, ID, slug, or an array of those. (Default: Empty)$taxonomy (string, required): Taxonomy's name. (Default: Empty)$post (object/integer, optional): Post to check. (Default: NULL)has_term()Let's say you run an e-commerce website and you're going to change your supplier for Dell laptops, so you want to inform your users that shipments will be delayed until next week. Here's what you do:
<?php
if ( has_term( 'dell', 'laptops' ) ) {
echo '<div class="above-product-warning"><strong>' . __( 'Warning', 'translation-domain' ) . ':</strong> ' . __( 'We\'re switching suppliers for Dell laptops, so the shipments will be delayed until next week. Sorry about that!', 'translation-domain' ) . '</div>';
}
?>
is_trackback()Greetings, old-timer! You want to find out if a comment is a "trackback"? The is_trackback() Conditional Tag will help you with that!
This Conditional Tag doesn't accept any parameters.
is_multisite()While being a not-so-popular feature of WordPress, Multisite comes in very handy when necessary. If you want your code to run in normal WordPress installations and behave differently in Multisite installations, the Conditional Tag is_multisite() can help you detect whether Multisite support is enabled.
This Conditional Tag doesn't accept any parameters.
is_multisite()Let's say you're developing a plugin, and if Multisite is enabled, the plugin requires another class from your plugin. Here's what you do:
<?php
if ( is_multisite() ) {
require_once( 'path/to/multisite-class.php' );
}
?>
is_post_type_archive()Sometimes, you might want your code to know whether an archive page for a custom post type (or a couple of custom post types, or any custom post type) is being displayed. The Conditional Tag is_post_type_archive() does exactly that: It checks whether the query is for an archive page for a custom post type.
This Conditional Tag has only one parameter:
$post_types (array/string, optional): Name of the post type, or an array of post type names. (Default: None)In this part, we reviewed another batch of the 65 documented Conditional Tags in WordPress. In the next parts, we're going to go through the remaining 26. If you have any questions or comments, shoot them below—and if you liked this article, don't forget to share it!
See you in the next part!
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.
Minsky is a young and creative full-service web agency. We have years of experience in websdesign , Drupal development, mobile websites, project management and keeping our clients happy & satisfied.
jQuery toTop() is a simple, customizable and ultra light-weight plugin for smoothly Scroll back to Top.
At first it might seem harmless, but as the sun sinks low and the air grows cold, it will turn on you and devour your time, energy and any snacks you might have lying nearby. What am I describing? A Chupacabra? No. I’m talking about a bad client. You don't need a PhD in Criminal […]
Continue reading %7 Types of Freelancer Problem Clients%
We are Night Owls. We design and develop kick-ass user-friendly web applications. http://ift.tt/GZ5iyn
Malte Demuth works as an independent Creative Director Online in Berlin. He brings in a decade of work experience to solve high-level First World Problems.
DonnaPiù collections feature an extraordinary craftsmanship and a continuous research in style. All that is combined with a very competitive cost: a winning combination of quality and price that has always distinguished the Donna Più brand.
The success and perseverance to current day has a history closer to half century, Novacomtar has a 48 years of history, being prosperous in the manufacture of trailers, frames and tanks for both Transport and Oil&Gas Industries.
Silver Moon Infinity group fuses splendid glamour with intricate design and all our collections are elegantly refined and signifies the exquisite beauty of the jewelry.
We\\\’re new, and we\\\’re trying to build the best collection of filterable, searchable, sharable workouts.
Effecty is a grid-based (Twitter Bootstrap Grid System) one page responsive joomla template for creative or digital agency, photo studio, small business or freelancers.
It was created deep scroll website for udiving that features the main services and the courses that this dive center has to offer. The idea is to create a cool left navigation so the user can navigate through the page and never get lost and also know
Vibrant.js is a javascript library to extract prominent colors from an image. It is a javascript port of the awesome Palette class in the Android support library.
Welcome to our weekly edition of what’s hot in social media news. To help you stay up to date with social media, here are some of the news items that caught our attention. What’s New This Week Twitter Unveils Audience Insights Dashboard: “With audience insights, you can easily discover valuable insights about your followers and […]
This post Twitter Audience Insights: This Week in Social Media first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle
Datepair.js is a lightweight, modular javascript plugin for intelligently selecting date and time ranges, inspired by Google Calendar. It will keep the start and end date/times in sync and can set default values based on user action. There are no external dependencies, however it can easily be used with jQuery or Zepto.
The post Datepair.js : jQuery selecting Date and Time Ranges appeared first on jQuery Rain.
A jQuery plugin that makes Google Charts out of HTML tables.Chartify currently supports bar charts (including stacked and grouped bar charts), pie charts, Venn charts and a simple diagram for displaying gender distributions.
The post Chartify : jQuery plugin for visualization using Google Charts appeared first on jQuery Rain.
A simple jQuery sidebar plugin.
Demo:
The post Simpler Sidebar : A simple jQuery sidebar appeared first on jQuery Rain.
As Canada’s Oldest Surf Shop, HtO demonstrates acommitment to selling quality goods with an emphasis on locally made products.
|
JavaScript charting is a crowded space with plenty of open-source and paid options, and choosing the right library for your project is not always a straightforward decision. There are many factors to consider before you can make the call.
What I’ve noticed is that more often than not, the choice always comes down to the top three or four libraries - D3.js, Highcharts, FusionCharts or Google Charts. To make your task easier, I’ve compared the top three in detail with pros, cons and live examples.
Let’s get started!
Created by Mike Bostock, D3.js has become almost synonymous with Data Visualization. D3 is based on modern web standards and gives you complete control over how your chart is rendered.
I have created a column chart using some sample data. I’ve manually defined axes, tool-tips, data plots and chart cosmetics. This is a huge advantage when compared to other libraries where these things are predefined and you have limited configuration options.
Continue reading %Choosing a JavaScript Charting Library: the Main Contenders%
An SQL statement walks into a bar and sees two tables. It approaches, and asks “may I join you?” And so began our week on the SitePoint Forums. On Our Radar: It’s competition time! Post anything in the forums during the month of June and you can win an incredible range of prizes! Seriously, create […]
Continue reading %On Our Radar: June Competition, Titles, Tables and Robots%
A subtle tilt effect for images by using css and javascript. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect
In the introductory post to SQLite 3, we covered some basic commands, database and table creation, and more. In this one, we’ll go into more depth - exploring both familiar features from other databases and features that make SQLite stand out.
It is assumed you went through the introductory post before continuing with this one, or that you are comfortable with the basics of SQLite 3. If you haven’t, please take the time to do so.
SELECT is a standard SQL command and belongs in the Data Query Language (or DQL). It lets you perform queries on a database and fetch required records. The results can be optimized using various clauses provided by SQLite.
Open up the terminal and type: sqlite3 Library.db
This would create a database named Library.db in the current directory.
Continue reading %SQLite 3 Beyond the Basics%
In our global society, many of us find ourselves needing to learn a new language. Whether for international travel, business dealings or romantic relations, many people want to adopt a new language.
Language apps are big, Duolingo was awarded Apple's App of the year in 2013 and Google Play in 2014. Downloaded over 10,000,000 times, Rosetta Stone is similarly popular.
I am an Australian expat living in Germany and struggle with language every day. In this article I will discuss Language app UX, some of the broader issues in language learning using apps and an interview with a language app developer. Hopefully this will be useful to anyone building an educational app for an adult audience.
Continue reading %6 Tips for Creating a Language Learning App%
Few things in life are constant: death, taxes, and strangers asking “So what do you do?” within a minute of a handshake.
As a UX designer, I’ve had a lot of practice over the years trying to nail down my answer. Here’s what I’ve come up with:
It’s my job to be inside a user’s brain. I need to look at design from the mindspace of a user (actually, lots of users) and squash potential problems or confusion.
This never-ending process requires keeping UX present before, during, and after the build is complete. It’s always a challenge to act with the user in mind—influences like due dates and bottom lines sometimes cloud the way.
To help keep your product on the right path, I’ve assembled a list of 5 UX principles I use to guide my design process. Understanding how and why to make UX decisions goes a long way in explaining things to others on the team, which goes an even longer way in getting said UX decisions into the final product.
Good design is easy to digest—the brain shouldn’t have to expend a ton of energy to figure out what the heck it’s looking at. With any luck, people will just “get it” without needing a 6-section explanation.
This goes beyond clear, easy-to-read copy. People sometimes need guidance to make decisions, so a menu with a list of 12 inline items may seem daunting. Organizing with some hierarchy (size, color, icons) can help highlight the more common choices, which allows someone to find what they’re looking for faster.
Another good example of digestible design is the new user guide, often presented as staggered tips that a person can process one at a time. But imagine the opposite, hitting a brand-new user with a whole stack of instructions, removed from the context of the product. No one likes a confusing surprise.
Consider all the decisions you’re asking someone to make with your product to get to the bottom of the funnel. The brain has a limited amount of cognitive resources during the day—using them up needlessly is rude.
Good design is honest. Aside from understanding the words in your value prop, you need the user to understand the actual value. Being coy or unclear about your product isn’t going to win any fans.
Related to value, pricing is an area where clarity is everything. Users aren’t going to click “Buy now” if they can’t figure out what you’re asking them to pay. While shady “free trials” that switch to auto-billing might be the norm, I doubt they’re winning any popularity contests.
This may sound cheesy, but a good plan is to simply follow the Golden Rule. Explain things like you’d want them explained to you. Make things as clear as you can. You know what you’d expect out of the products you choose to use, so don’t you dare build something less.
Good design is easy to trust. Before asking someone to complete an action, make every effort to help them understand why the task is needed. Being honest and clear in explanations builds trust at each step, leading to increasingly easier conversions down the funnel.
Consider Uber (and Lyft, depending on which way you swing). They’ve made catching a ride so easy that a 100-year-old industry is now in chaos. The app saves your payment info, which you might not feel comfortable exchanging with a stranger, and facilitates a trustworthy, painless transaction.
Removing doubt will create a growingly invisible experience. As decisions require less and less resources, using the product becomes easier and more enjoyable.
Ground-breaking design is awesome, but design that converts is better. New frameworks and flashy plugins might look nice on Dribbble, but if no one is clicking the “buy” buttons, you’ve got a problem.
Platform guidelines exist for a reason. While it might seem that making your product look exactly the same from platform to platform is the main goal, be careful to pay respect to the sticky details of each OS. Using familiar patterns, icons, and presentational styles is a great way to look native, even if you’re not.
Testing your solutions on actual devices goes a long way to ensuring things feel at home in each environment, which is where a tool like InVision shines. Pretending to be a user is easier when you’re not also having to pretend to use a device.
It’s been said that an idea isn’t enough anymore, that execution is what wins the war. Ironically, the more the team executes, the less the user has to. The more simplicity you can bring to a complex problem, the more delighted the user will be with your solution.
The ultimate delight is when someone forgets your product is a “product”—where it’s so useful that it doesn’t even read as a product anymore, just simply as some useful thing in a person’s life.
Building thoughtful products with clear intentions shows that you care, makes choices more comfortable, and leads to a better overall experience. And that’s important, because it’s been found that 68% of users giving up did so because they think you don’t care about them (which we know isn’t true!).
It’s easy to judge the user experience of your own product as long as you’re honest with yourself. Walk a mile in someone’s shoes, considering each action in your product from the brainspace of a tired, weary person. Would you click next?
Continue reading %5 Simple UX Principles to Guide your Product Design%
This is a wordpress template for professional photographers & creative bloggers.
Mohsen Yeganeh / Iranian SInger & Composer & Poet
Mennonites in South America — Documentary photography in a closed society.
Web Design Wigan, Hi I\\\’m Stuart Green a website designer based in Wigan. I specialise in Web Design, Web Development & SEO. Web Design and SEO Wigan.
Portfolio of Taiyab Raja, a freelance UI/UX designer in Birmingham, England.
Web Developer / WordPress Developer portfolio bulided with love to HTML5/CSS3 and WordPress. I offer PSD to HTML, PSD to WordPress, front end development.
DELT offers web design, creative services, and SEO services.
Readability is all about creating user-friendly content.
When your content is readable, it’s easier to consume.If usability and UX is important, then readability should be a top priority. User-friendly content might even improve your search rankings.
Readability is governed by two components.
Some writing devices that can help fine-tune content readability:
Typography influences your content’s readability. Typography can dictate how comfortable and efficient the reading experience will be.
Typography can even shape how readers interpret your message.
Text color, font size, kerning, line length, and line height. These are some typography-related factors that have an effect on reading comfort and speed.
Readability is the foundation of a solid content strategy. Below are some tools that will help you test and improve your website’s readability.
This online tool will check your writing under well-established readability formulas. E.g., the Flesch Kincaid Reading Ease and the Automated Readability Index. The Readability Test Tool also furnishes statistics about your text. It shows you the number of complex words and average number of words per sentence in your work. Try to lower these two metrics when you’re editing for readability.
Poor grammar and spelling errors make content hard to read. It might even lead to incorrect interpretations of your work. Also, improper grammar/spelling can distract your readers. Grammark can help find grammar and spelling issues in your piece. It will also point out wordiness, vague language, and other problem areas. Grammark is open source.
This online editor helps you write clearly and concisely. Short and sweet, and to the point. The tool highlights complex sentences and phrases, the use of passive voice, and adverbs (which I’ve used in this paragraph — please forgive me). These things aren’t technically aren’t wrong. But if you avoid them, your writing will become clearer. As you’re writing, Hemingway Editor gives you a dynamic readability grade. It also displays information such the estimated reading time of your article. Try to decrease the reading time without taking away from your message.
(By the way, I wrote this article in Hemingway Editor.)
This is another readability checker for seeing how easy it is to read your content. It rates the readability of your work based on the Gunning Fog score and the SMOG index. Compare your scores to popular literary works like Harry Potter using their table index.
Design is a big part of readability and text legibility. A good foreground/background color contrast ratio is key to reading comfort. This is an open source tool for calculating the contrast ratio of two colors. It can help you choose good colors for a pleasant reading experience.
This app is another top-notch grammar checker. What makes this tool special is its intuitive and well-thought-out interface. The tool’s UI makes the act of proof-reading and editing more pleasant. But, unlike other readability tools, Grammarly requires its users to create an account first.
This is yet another good readability testing tool. It will check your work without having to click on a "submit" button. And when you update your text, it will recalculate your readability scores on-the-fly. This testing tool has a Pay-What-You-Want premium service that gives you more features. Premium membership gives you access to "Alerts", for example. The "Alerts" feature monitors your website’s readability. Also, the premium membership allows you to upload files–Word documents, PDFs, and so forth.
The post Readability Tools That Will Help Improve Your Site’s Content appeared first on Six Revisions.
