Зеленый хостинг ТЭИА


LTCBTC - Bitfinex



Syndicate content My RSS Feed
My RSS Feed
Updated: 13 min 9 sec ago

Here Is A List Of Virgil Abloh x Nike Sneakers Rumored To Drop In 2018

33 min 20 sec ago
[Click here to view the video in this article]

Virgil Abloh is teaming up with Nike for a series of sneakers that are due to drop later this year.

Recently, the superstar designer dropped a collection that was eagerly anticipated by sneakerheads, including ‘The Ten’ collection.

Those in Europe were treated to an exclusive release of the ‘Air Jordan 1’ in white, while in the US, a University of North Carolina-inspired kicks are slated to drop some time this year.

According to sneaker sources such as @py-rates, more shoes from the Nike x OFF-WHITE collaboration are expected to release soon.

See four of these sneakers below and find out two more models anticipated to launch on Highsnobiety.

OFF-WHITE x Nike ‘Air Force 1 ’07’

The popular OFF-WHITE x Nike ‘Air Force 1 ’07’ will be seeing a restock online. This limited edition pair was originally released at ComplexCon and is rumored to be re-releasing soon, so better get your credit cards ready.

OFF WHITE x Nike ‘Air VaporMax’

@Nike X @off____white Will be dropping their 2 new Vapormax's starting with the Black pair on 30th March. The White pair will see a later release on the 14th April. Which colour-way do you prefer? Tag a friend who will be looking to cop a pair. #NoMoreSecrets

Creatives, This App Allows You To Create Typography & Graphics In Air Using AR

33 min 21 sec ago
[Click here to view the video in this article]

Typographers and designers are always looking for more creative ways to form interesting branding and imagery.

Fortunately, this new app can help them do just that. Combining AR and typefaces, ‘Weird Type’ app allows users to manipulate a text and experiment it in novel ways.

Artists Zach Lieberman and Molmol Kuo developed ‘Weird Type’ app to allow users to experiment with typography in the air. The app also allows you to take photos with different fonts, where you can layer different images within the chosen type template.

Users can also physically walk through the type that they have created, paint it, change its shape or size, and even add an explosion effect.

The duo also worked in collaboration with Design Indaba, a group of Apple iOS developers, type foundry ABC Dinamo and designer Richard The to execute the app.

Lieberman and Kuo started experimenting with AR last year, and received good reviews from netizens whenever they posted their cool type creations on social media.

The playful app is intended for creatives, designers and those who want to experiment with typography in 3D environments. To use the app, users simply enter any text and the style of the type on the screen, add in any additional effects and press the record button to share it on Instagram.

Currently, ‘Weird Type’ is only available on iOS.

I made an AR app with @molmol_k that lets you draw type in space — it’s in the App Store now.... Link in bio (w @designindaba @readyletsgo @abcdinamo @brightredchilli @gridpaper & Peter sibley) #weirdtype #openframeworks

A post shared by zach lieberman (@zach.lieberman) on Mar 12, 2018 at 2:12pm PDT

Love ribbon #openframeworks

A post shared by zach lieberman (@zach.lieberman) on Feb 21, 2018 at 8:13am PST

Hello world explode mode test #openframeworks

A post shared by zach lieberman (@zach.lieberman) on Feb 22, 2018 at 5:58am PST

Weird type photo mode #weirdtype #openframeworks (link in bio)

A post shared by zach lieberman (@zach.lieberman) on Mar 13, 2018 at 6:27am PDT

(Love seeing what people do w this !) #Repost @mo_whiteman (@get_repost) ・・・ #Woooo #weirdtype @zach.lieberman

A post shared by zach lieberman (@zach.lieberman) on Mar 13, 2018 at 3:01pm PDT

[via It’s Nice That, opening image via Zach Lieberman]
Categories: World News

20+ Best Portrait Photoshop Actions

33 min 46 sec ago

Retouching and enhancing portrait photos is a time-consuming task, and starting from scratch with every photo can be frustrating. Using a portrait Photoshop Action can save time, and give you a beautiful result with a few clicks. Let’s dive into some of the best portrait Photoshop Actions available today.

These Photoshop Actions help you save time and improve your workflow when editing a portrait photo. You can use them to instantly retouch photos, add makeup, enhance colors, add effects, adjust toning, and much more with just a single click. Say hello to a faster, simpler workflow (and some impressive end results!). And if you’re looking for more advice and guidance on using these, our Photoshop Actions series is a great place to start!

Skin Retouching Actions

Skin retouching is a complicated process. You can’t get that job done with just one Photoshop action. Which is why this pack comes bundled up with 25 retouching Photoshop actions. It includes PS actions for everything from airbrushing to skin toning, enhancing lips, teeth whitening, and much more.

Cinnamon Portrait Actions

This bundle comes with a set of 6 unique toning Photoshop actions with a fantasy effect. It’s ideal to be used with portrait and fashion photos taken in outdoor natural light settings. You can the actions to adjust the photos taken in low-contrast settings, adding an atmospheric tone, and more.

Caramel Wedding Photoshop Action

Caramel is a pack of Photoshop actions especially designed for wedding portraits. It comes with 2 different actions to improve your post-processing workflow by quickly adjusting the photos taken in natural light and outdoors. The actions also generate adjustment layers for customizing the effects to your preference.

22 Soft Pastel Photoshop Actions

This bundle of Photoshop actions includes several stylish pastel effects for adding a colorful and hipster vibe to your portrait photos. It comes with 22 actions, all of which are non-destructive and fully-customizable.

Frequency Separation Photoshop Actions

Frequency separation is a technique used in Photoshop when airbrushing the skin of portrait photographs. This actions pack automate that process to get it done with just one-click. The frequency separation action is available in several different styles and versions, including 8-Bit, 16-Bit, and 32-Bit versions.

Double Light Photoshop Action

This stunning Photoshop action is perfect for adding a unique visual effect to your portrait photos and posters. The double light effect mixes two colors to give your portraits a sci-fi themed vibe. The action allows you to choose from 10 different color FX settings as well.

Hello Baby! Collection

When talking about portrait photography, baby portraits is something we can never forget. This pack of Photoshop actions is made specifically for making your baby photos extra adorable. It includes over 40 unique Photoshop actions for enhancing your baby photos, including foundation actions, retouching actions, workflow actions, artistic toning, and more.

Peony Photoshop Action

Peony is a set of 2 Photoshop actions made for outdoor and fashion portraits. It allows you to instantly adjust and enhance photos by giving them a rich toning effect. It will even give your dull photos a better color depth, especially for greens and flowers.

Bohemia Photoshop Actions

This bundle of Photoshop actions includes 5 unique actions that help you to achieve a boho-style effect for your portrait and fashion photos. It’s perfect for giving your photos a hipster look.

Suburbia Photoshop Actions

Suburbia is a collection of Photoshop actions that will help adjust the toning of your portrait and outdoor photos. It includes 6 different actions for giving rustic, soft, contrast, and other styles of effects for your photography.

KolourPro Action Collection

This pack of Photoshop actions includes several actions for enhancing and fine-tuning hair. It includes several actions for achieving different adjustments and effects such as getting rid of frizzy hair, adding a luminous shine, color corrections, tone adjustments, and much more.

Beach Vibes Photoshop Actions

If you’re a photographer or a designer who works with lots of beach photography, this bundle of Photoshop actions will come in handy. It includes 21 presets for enhancing and adding visual effects for your beach and bright light outdoor photos.

Gypsy Portrait Photoshop Actions

This collection comes with 4 different Photoshop actions for giving cinematic effects for your portrait photos. You can use the actions to give moody and cold effects as well as adjusting the tone of your photos.

Redwood Fairytale Photoshop Actions

Redwood is a set of 3 unique Photoshop actions designed to give your outdoor portrait photos a fantasy-themed effect. It includes a morning haze effect, a twilight haze effect, and an evening sunset effect.

Photo Paint Action

This is a collection of 5 Photoshop actions that allows you to turn your portrait photos into paintings. Each action in this pack will give a different style of a painting effect with various brush stroke intensity. It also includes a sharpening action and 3 noise actions as an added bonus.

Tallgrass Photoshop Action

Tallgrass comes with 2 Photoshop actions for enhancing your portrait photos, especially outdoor and travel photography. It will help enhance the color depth and tune the greens to achieve a stunning visual effect.

Charcoal Action

This Photoshop action pack includes 3 different actions for achieving the perfect black and white effect for your portrait photos. It will allow you to enhance your photos with a soft charcoal black and white effect to give them a retro and classic vibe.

Watercolor Action

Another Photoshop action that turns turn your photos into watercolor paintings. This action allows you to choose from 5 different color options to give a realistic watercolor painting effect to your portrait photos.

Fabulous HDR FX Photoshop Action
Categories: World News

Nine years on, Firefox’s master password is still insecure

2 hours 19 min ago
A researcher has uncovered a big security weakness in the way Firefox secures browser passwords behind a master password.
Categories: World News

Apple burns the HSTS super cookie

2 hours 19 min ago
HSTS tracking has been reduced to crumbs.
Categories: World News

US spy lab wants to geolocate any video or photo taken outdoors

2 hours 19 min ago
US intelligence is working on geotagging every possible outdoor location in the world.
Categories: World News

IBM Set To Launch ‘World’s Smallest Computer’, Tinier Than A Grain Of Salt

2 hours 20 min ago

IBM is unveiling the “world’s smallest computer” during the company’s IBM Think 2018 conference this month.

The computer is allegedly “smaller than a grain of salt.” According to the company, it has an equivalent computing power as the x86 machine dated from the 90s, which is quite impressive for its size.

You might also need a microscope in order to view it with the naked eye. Mashable states that the computer might cost 10 cents to manufacture and house “several hundred thousand transistors.”

It is also able to “monitor, analyze, communicate and act on data,” according to IBM. The computer can also act as a source of data for blockchain applications, detect fraud, and complete simple AI tasks.

According to IBM’s head of research Arvind Krishna, the company is looking to insert cryptographic anchors such as these tiny computers into everyday devices in future years.

IBM researches are currently working on the prototype, so do not expect it to be available in the markets anytime soon.

[via Mashable, opening image via IBM]
Categories: World News

Father's Day drawing from Stan

2 hours 24 min ago

Yesterday was Father's Day in Belgium. As a gift, Stan drew me this picture. In addition to the thoughtful gesture, I love learning more about the way our kids see us. For me, it's special that Stan understands two important communities in my life.

Categories: World News

Designing for Research

2 hours 31 min ago

If you’ve spent enough time developing for the web, this piece of feedback has landed in your inbox since time immemorial:

“This photo looks blurry. Can we replace it with a better version?”

Every time this feedback reaches me, I’m inclined to question it: “What about the photo looks bad to you, and can you tell me why?”

That’s a somewhat unfair question to counter with. The complaint is rooted in a subjective perception of image quality, which in turn is influenced by many factors. Some are technical, such as the export quality of the image or the compression method (often lossy, as is the case with JPEG-encoded photos). Others are more intuitive or perceptual, such as content of the image and how compression artifacts mingle within. Perhaps even performance plays a role we’re not entirely aware of.

Fielding this kind of feedback for many years eventually lead me to design and develop an image quality survey, which was my first go at building a research project on the web. I started with twenty-five photos shot by a professional photographer. With them, I generated a large pool of images at various quality levels and sizes. Images were served randomly from this pool to users who were asked to rate what they thought about their quality.

Results from the first round were interesting, but not entirely clear: users seemed to have a tendency to overestimate the actual quality of images, and poor performance appeared to have a negative impact on perceptions of image quality, but this couldn’t be stated conclusively. A number of UX and technical issues made it necessary to implement important improvements and conduct a second round of research. In lieu of spinning my wheels trying to extract conclusions from the first round results, I decided it would be best to improve the survey as much as possible, and conduct another round of research to get better data. This article chronicles how I first built the survey, and then how I subsequently listened to user feedback to improve it.

Defining the research

Of the subjects within web performance, image optimization is especially vast. There’s a wide array of formats, encodings, and optimization tools, all of which are designed to make images small enough for web use while maintaining reasonable visual quality. Striking the balance between speed and quality is really what image optimization is all about.

This balance between performance and visual quality prompted me to consider how people perceive image quality. Lossy image quality, in particular. Eventually, this train of thought lead to a series of questions spurring the design and development of an image quality perception survey. The idea of the survey is that users are providing subjective assessments on quality. This is done by asking participants to rate images without an objective reference for what’s “perfect.” This is, after all, how people view images in situ.

A word on surveys

Any time we want to quantify user behavior, it’s inevitable that a survey is at least considered, if not ultimately chosen to gather data from a group of people. After all, surveys are perfect when your goal is to get something measurable. However, the survey is a seductively dangerous tool, as Erika Hall cautions. They’re easy to make and conduct, and are routinely abused in their dissemination. They’re not great tools for assessing past behavior. They’re just as bad (if not worse) at predicting future behavior. For example, the 1–10 scale often employed by customer satisfaction surveys don’t really say much of anything about how satisfied customers actually are or how likely they’ll be to buy a product in the future.

The unfortunate reality, however, is that in lieu of my lording over hundreds of participants in person, the survey is the only truly practical tool I have to measure how people perceive image quality as well as if (and potentially how) performance metrics correlate to those perceptions. When I designed the survey, I kept with the following guidelines:

  • Don’t ask participants about anything other than what their perceptions are in the moment. By the time a participant has moved on, their recollection of what they just did rapidly diminishes as time elapses.
  • Don’t assume participants know everything you do. Guide them with relevant copy that succinctly describes what you expect of them.
  • Don’t ask participants to provide assessments with coarse inputs. Use an input type that permits them to finely assess image quality on a scale congruent with the lossy image quality encoding range.

All we can do going forward is acknowledge we’re interpreting the data we gather under the assumption that participants are being truthful and understand the task given to them. Even if the perception metrics are discarded from the data, there are still some objective performance metrics gathered that could tell a compelling story. From here, it’s a matter of defining the questions that will drive the research.

Asking the right questions

In research, you’re seeking answers to questions. In the case of this particular effort, I wanted answers to these questions:

  • How accurate are people’s perceptions of lossy image quality in relation to actual quality?
  • Do people perceive the quality of JPEG images differently than WebP images?
  • Does performance play a role in all of this?

These are important questions. To me, however, answering the last question was the primary goal. But the road to answers was (and continues to be) a complex journey of design and development choices. Let’s start out by covering some of the tech used to gather information from survey participants.

Sniffing out device and browser characteristics

When measuring how people perceive image quality, devices must be considered. After all, any given device’s screen will be more or less capable than others. Thankfully, HTML features such as srcset and picture are highly appropriate for delivering the best image for any given screen. This is vital because one’s perception of image quality can be adversely affected if an image is ill-fit for a device’s screen. Conversely, performance can be negatively impacted if an exceedingly high-quality (and therefore behemoth) image is sent to a device with a small screen. When sniffing out potential relationships between performance and perceived quality, these are factors that deserve consideration.

With regard to browser characteristics and conditions, JavaScript gives us plenty of tools for identifying important aspects of a user’s device. For instance, the currentSrc property reveals which image is being shown from an array of responsive images. In the absence of currentSrc, I can somewhat safely assume support for srcset or picture is lacking, and fall back to the img tag’s src value:

const surveyImage = document.querySelector(".survey-image"); let loadedImage = surveyImage.currentSrc || surveyImage.src;

Where screen capability is concerned, devicePixelRatio tells us the pixel density of a given device’s screen. In the absence of devicePixelRatio, you may safely assume a fallback value of 1:

let dpr = window.devicePixelRatio || 1;

devicePixelRatio enjoys excellent browser support. Those few browsers that don’t support it (i.e., IE 10 and under) are highly unlikely to be used on high density displays.

The stalwart getBoundingClientRect method retrieves the rendered width of an img element, while the HTMLImageElement interface’s complete property determines whether an image has finished loaded. The latter of these two is important, because it may be preferable to discard individual results in situations where images haven’t loaded.

In cases where JavaScript isn’t available, we can’t collect any of this data. When we collect ratings from users who have JavaScript turned off (or are otherwise unable to run JavaScript), I have to accept there will be gaps in the data. The basic information we’re still able to collect does provide some value.

Sniffing for WebP support

As you’ll recall, one of the initial questions asked was how users perceived the quality of WebP images. The HTTP Accept request header advertises WebP support in browsers like Chrome. In such cases, the Accept header might look something like this:

Accept: image/webp,image/apng,image/*,*/*;q=0.8

As you can see, the WebP content type of image/webp is one of the advertised content types in the header content. In server-side code, you can check Accept for the image/webp substring. Here’s how that might look in Express back-end code:

const WebP = req.get("Accept").indexOf("image/webp") !== -1 ? true : false;

In this example, I’m recording the browser’s WebP support status to a JavaScript constant I can use later to modify image delivery. I could use the picture element with multiple sources and let the browser figure out which one to use based on the source element’s type attribute value, but this approach has clear advantages. First, it’s less markup. Second, the survey shouldn’t always choose a WebP source simply because the browser is capable of using it. For any given survey specimen, the app should randomly decide between a WebP or JPEG image. Not all participants using Chrome should rate only WebP images, but rather a random smattering of both formats.

Recording performance API data

You’ll recall that one of the earlier questions I set out to answer was if performance impacts the perception of image quality. At this stage of the web platform’s development, there are several APIs that aid in the search for an answer:

  • Navigation Timing API (Level 2): This API tracks performance metrics for page loads. More than that, it gives insight into specific page loading phases, such as redirect, request and response time, DOM processing, and more.
  • Navigation Timing API (Level 1): Similar to Level 2 but with key differences. The timings exposed by Level 1 of the API lack the accuracy as those in Level 2. Furthermore, Level 1 metrics are expressed in Unix time. In the survey, data is only collected from Level 1 of the API if Level 2 is unsupported. It’s far from ideal (and also technically obsolete), but it does help fill in small gaps.
  • Resource Timing API: Similar to Navigation Timing, but Resource Timing gathers metrics on various loading phases of page resources rather than the page itself. Of the all the APIs used in the survey, Resource Timing is used most, as it helps gather metrics on the loading of the image specimen the user rates.
  • Server Timing: In select browsers, this API is brought into the Navigation Timing Level 2 interface when a page request replies with a Server-Timing response header. This header is open-ended and can be populated with timings related to back-end processing phases. This was added to round two of the survey to quantify back-end processing time in general.
  • Paint Timing API: Currently only in Chrome, this API reports two paint metrics: first paint and first contentful paint. Because a significant slice of users on the web use Chrome, we may be able to observe relationships between perceived image quality and paint metrics.

Using these APIs, we can record performance metrics for most participants. Here’s a simplified example of how the survey uses the Resource Timing API to gather performance metrics for the loaded image specimen:

// Get information about the loaded image const surveyImageElement = document.querySelector(".survey-image"); const fullImageUrl = surveyImageElement.currentSrc || surveyImageElement.src; const imageUrlParts = fullImageUrl.split("/"); const imageFilename = imageUrlParts[imageUrlParts.length - 1]; // Check for performance API methods if ("performance" in window && "getEntriesByType" in performance) { // Get entries from the Resource Timing API let resources = performance.getEntriesByType("resource"); // Ensure resources were returned if (typeof resources === "object" && resources.length > 0) { resources.forEach((resource) => { // Check if the resource is for the loaded image if (resource.name.indexOf(imageFilename) !== -1) { // Access resource images for the image here } }); } }

If the Resource Timing API is available, and the getEntriesByType method returns results, an object with timings is returned, looking something like this:

{ connectEnd: 1156.5999999947962, connectStart: 1156.5999999947962, decodedBodySize: 11110, domainLookupEnd: 1156.5999999947962, domainLookupStart: 1156.5999999947962, duration: 638.1000000037602, encodedBodySize: 11110, entryType: "resource", fetchStart: 1156.5999999947962, initiatorType: "img", name: "https://imagesurvey.site/img-round-2/1-1024w-c2700e1f2c4f5e48f2f57d665b1323ae20806f62f39c1448490a76b1a662ce4a.webp", nextHopProtocol: "h2", redirectEnd: 0, redirectStart: 0, requestStart: 1171.6000000014901, responseEnd: 1794.6999999985565, responseStart: 1737.0999999984633, secureConnectionStart: 0, startTime: 1156.5999999947962, transferSize: 11227, workerStart: 0 }

I grab these metrics as participants rate images, and store them in a database. Down the road when I want to write queries and analyze the data I have, I can refer to the Processing Model for the Resource and Navigation Timing APIs. With SQL and data at my fingertips, I can measure the distinct phases outlined by the model and see if correlations exist.

Having discussed the technical underpinnings of how data can be collected from survey participants, let’s shift the focus to the survey’s design and user flows.

Designing the survey

Though surveys tend to have straightforward designs and user flows relative to other sites, we must remain cognizant of the user’s path and the impediments a user could face.

The entry point

When participants arrive at the home page, we want to be direct in our communication with them. The home page intro copy greets participants, gives them a succinct explanation of what to expect, and presents two navigation choices:

From here, participants either start the survey or read a privacy policy. If the user decides to take the survey, they’ll reach a page politely asking them what their professional occupation is and requesting them to disclose any eyesight conditions. The fields for these questions can be left blank, as some may not be comfortable disclosing this kind of information. Beyond this point, the survey begins in earnest.

The survey primer

Before the user begins rating images, they’re redirected to a primer page. This page describes what’s expected of participants, and explains how to rate images. While the survey is promoted on design and development outlets where readers regularly work with imagery on the web, a primer is still useful in getting everyone on the same page. The first paragraph of the page stresses that users are rating image quality, not image content. This is important. Absent any context, participants may indeed rate images for their content, which is not what we’re asking for. After this clarification, the concept of lossy image quality is demonstrated with the following diagram:

Lastly, the function of the rating input is explained. This could likely be inferred by most, but the explanatory copy helps remove any remaining ambiguity. Assuming your user knows everything you do is not necessarily wise. What seems obvious to one is not always so to another.

The image specimen page

This page is the main event and is where participants assess the quality of images shown to them. It contains two areas of focus: the image specimen and the input used to rate the image’s quality.

Let’s talk a bit out of order and discuss the input first. I mulled over a few options when it came to which input type to use. I considered a select input with coarsely predefined choices, an input with a type of number, and other choices. What seemed to make the most sense to me, however, was a slider input with a type of range.

A slider input is more intuitive than a text input, or a select element populated with various choices. Because we’re asking for a subjective assessment about something with such a large range of interpretation, a slider allows participants more granularity in their assessments and lends further accuracy to the data collected.

Now let’s talk about the image specimen and how it’s selected by the back-end code. I decided early on in the survey’s development that I wanted images that weren’t prominent in existing stock photo collections. I also wanted uncompressed sources so I wouldn’t be presenting participants with recompressed image specimens. To achieve this, I procured images from a local photographer. The twenty-five images I settled on were minimally processed raw images from the photographer’s camera. The result was a cohesive set of images that felt visually related to each other.

To properly gauge perception across the entire spectrum of quality settings, I needed to generate each image from the aforementioned sources at ninety-six different quality settings ranging from 5 to 100. To account for the varying widths and pixel densities of screens in the wild, each image also needed to be generated at four different widths for each quality setting: 1536, 1280, 1024, and 768 pixels, to be exact. Just the job srcset was made for!

To top it all off, images also needed to be encoded in both JPEG and WebP formats. As a result, the survey draws randomly from 768 images per specimen across the entire quality range, while also delivering the best image for the participant’s screen. This means that across the twenty-five image specimens participants evaluate, the survey draws from a pool of 19,200 images total.

With the conception and design of the survey covered, let’s segue into how the survey was improved by implementing user feedback into the second round.

Listening to feedback

When I launched round one of the survey, feedback came flooding in from designers, developers, accessibility advocates, and even researchers. While my intentions were good, I inevitably missed some important aspects, which made it necessary to conduct a second round. Iteration and refinement are critical to improving the usefulness of a design, and this survey was no exception. When we improve designs with user feedback, we take a project from average to something more memorable. Getting to that point means taking feedback in stride and addressing distinct, actionable items. In the case of the survey, incorporating feedback not only yielded a better user experience, it improved the integrity of the data collected.

Building a better slider input

Though the first round of the survey was serviceable, I ran into issues with the slider input. In round one of the survey, that input looked like this:

There were two recurring complaints regarding this specific implementation. The first was that participants felt they had to align their rating to one of the labels beneath the slider track. This was undesirable for the simple fact that the slider was chosen specifically to encourage participants to provide nuanced assessments.

The second complaint was that the submit button was disabled until the user interacted with the slider. This design choice was intended to prevent participants from simply clicking the submit button on every page without rating images. Unfortunately, this implementation was unintentionally hostile to the user and needed improvement, because it blocked users from rating images without a clear and obvious explanation as to why.

Fixing the problem with the labels meant redesigning the slider as it appeared in Figure 3. I removed the labels altogether to eliminate the temptation of users to align their answers to them. Additionally, I changed the slider background property to a gradient pattern, which further implied the granularity of the input.

The submit button issue was a matter of how users were prompted. In round one the submit button was visible, yet the disabled state wasn’t obvious enough to some. After consulting with a colleague, I found a solution for round two: in lieu of the submit button being initially visible, it’s hidden by some guide copy:

Once the user interacts with the slider and rates the image, a change event attached to the input fires, which hides the guide copy and replaces it with the submit button:

Categories: World News

Blup Numbers Shows the Inside of Typography

3 hours 8 min ago
Blup Numbers Shows the Inside of Typography abduzeedo Mar 20, 2018

Blup Numbers is a collaborative typography project for the 36DaysOfTypes Open Call, dedicated to explore the forms and fluids along with typography, where the use of the color and textures take on major importance, creating an imaginary world where typography is shown their inside side.

The project was created and shared by T A V O ., a design studio based in Madrid, Spain. They have done quite amazing art direction, branding and motion design projects. 

Concept & Art Direction
  • Studio TA\VO
  • Retouching
  • Fernando Tendero

For more information check out:

Categories: World News

20 WordPress Group Buying Themes And Plugins for 2018

4 hours 19 min ago

Group buying is one of the hottest trends in online shopping arena these days. And why wouldn’t it! With so many websites offering bulk deals at incredibly low prices, everyone wants to be that clever guy who got the better deal – and this is what brings these websites so much profit.

So, if you want to be a part of this bandwagon by launching your own group buying website, then what’s stopping you?

Well, the missing link between you and your successful group buying website is an ideal WordPress theme and useful plugins. So, in this post, I’m featuring the best WordPress themes and plugins that enable you to start your own successful group buying website. Let’s take a look.

Read Also: How to Drive Recurring E-Commerce Sales


WooCommerce by Automattic has immense support for all kinds of products; thus it is an ideal choice for building group-buying sites. Moreover, this tool is extensible through plugins, allowing you to add or remove features as and when required.

A fantastic feature I see is, you can quickly make your site accessible to the whole world with WooCommerce, thanks to its support for multiple languages and 140+ region-specific payment gateways. Last but not the least, it is an open-source product, so you can customize its source to meet your needs if its features are not enough. (Free)

WP eCommerce

WP eCommerce is another e-commerce solution that supports extensive customizations and provides marketing tools to take your group-buying site to the next level. Because it has provision for dozens of payment gateways like eProcessing Network, XERO, AffiliateWP, etc., you can conveniently process payments across the globe.

Surprisingly, WP eCommerce supports multisite environments too unlike some other plugins and provides multilingual support as well. Moreover, you can manage your listings with its powerful inbuilt tools and integration with the popular courier services. (Free)

WooCommerce Group & Daily Deals

WooCommerce Group & Daily Deals is a mobile-ready plugin that allows creating groups and different types of deals. The deals can be easily customized based on the categories of customers and you can also schedule the deals to promote on select days only. Another exciting feature is that it makes your site translation-ready.

This plugin offers a lot more configuration options like it lets you assign limited time for a deal and you can customize the front-end display of the deals. Moreover, it can also generate detailed reports, an unusual feature which I find missing in few other plugins. ($21)

WP Coupons and Deals

WP Coupons and Deals is a lightweight plugin to showcase deals and coupons on your website. A unique feature I see is that it provides a live preview of a coupon while inserting it in the post straight from the post editor. You can also categorize the coupons and show your exclusive coupons and deals anywhere on the site using widgets.

Moreover, the plugin also lets you set and display expiration dates of your coupons, which is another great option. Some of its pro features include options to hide coupons, create coupons using templates, and show or hide coupons conditionally. (Free)

Affiliate Coupons

Affiliate Coupons helps you earn money through affiliate referral offers by promoting product vouchers and deals. An interesting feature I see is, you can link your coupons to vendors to categorize them and display them easily using a shortcode.

The vendors can be created with predefined affiliate links. Also, there are multiple options to sort your coupons and many configuration options to customize the look and feel of them. (Free)

Social Deals Engine

Social Deals Engine is another deals plugin with some unique features like extendable functionalities, powerful shopping cart, social checkout options, etc. It allows showing special offers and deals with configuration options such as scarcity, exclusivity, limited quantity, etc. With its integrated cart, users can avail multiple deals easy way.

Thanks to its responsive interface, users can avail coupons on mobile devices as easily as on desktop platforms. You can customize file download limits and link expiry dates and customize receipt templates to suit your brand. Moreover, you can track the payment history as well as sales and earnings statistics and even export them to a CSV. (Free)

Wishpond Social Contests

This plugin lets you create promotion based landing pages where you can host your deals, sweepstakes, and contests. What I liked is you can create contests and promotions through its easy-to-use drag-and-drop builder. Also, Wishpond Social Contests allows managing your participants and helps increase your site traffic through social media share buttons. (Free)

What more surprised me is, you can integrate this plugin with WP eCommerce and add promotions menu to the products menu. With 50+ flexible templates, you can choose the perfect one that suits your site – a feature that makes it unique from the rest of plugins. Last but not the least, it also supports sending newsletters and provides real-time stats.

Competition Form

Competition Form converts your Contact Form 7 forms into competition or sweepstake entry forms, which helps you collect entries and view them directly from your dashboard. The entries are arranged via Contact Form 7 only and it allows to export them to a CSV too.

A unique feature of this form is, it lets you choose random winners on a particular date for specific sweepstakes, allowing you to automate competitions. Though it provides fewer features than Wishpond Social Contests yet it’s worth trying if you use Contact Form 7. (Free)

Woocommerce Role Pricing

Woocommerce Role Pricing plugin provides an option to set rates and discounts according to the role of the viewer. While visiting your site, every customer can view the store with or without discounted prices – a unique feature that sets this plugin apart from others.

You can set direct discounts to editors, subscribers, or customers, and choose between applying discounts or amounts based on regular price or sale price. Also, its premium edition offers many more features such as providing discounts by variables or categories. (Free)


VoucherPress allows you to create vouchers, coupons, and tickets for products shown on your website. It offers some customization options like choosing the layout and font for its templates. Also, you can download and print the vouchers from its web link.

It also provides shortcodes to showcase vouchers in customized formats. What I find usable is, you can restrict selected vouchers and ask viewers to register before accessing them. Moreover, you can deliver the voucher code directly to the user’s email address. (Free)

WooCommerce Group Buy and Deals

WooCommerce Group Buy and Deals plugin works as an extension to the WooCommerce plugin mentioned above on this list. This extension helps to design group-buying sites which work exactly like Groupon and are heavily customizable as well.

You can set up a deals site in less than an hour using this plugin and start showing deals and promotions to your visitors. You can show or hide deals for a specific time, use plenty of supported shortcodes, and configure more options using this plugin. Moreover, you can let your users view active and purchased deals on their ‘My deals’ page. ($21)


Kupon helps you create terrific-looking coupons and deals site and sell physical as well as digital products. The theme offers numerous premium features that save you from buying premium plugins, for example, daily deals marketplace support and a feature to track failed deals and fund money manually for them.

The theme supports child theme and multisite network, which I find is absent in other themes. Moreover, with some of its paid extensions, you can enable gift certificates, allow users to shop with the booking feature, and do a lot more. ($59)


WPGroupbuy allows the creation of a beautiful and flexible deal website. A unique feature of this plugin is, it lets your users create business accounts and submit deals and track sales directly on your website. Moreover, you can even view advanced reports and stats, and export the report data to a CSV too.

Another feature that makes your job easier is, it supports multiple payment gateways and on-site credit card payment methods as well. Also, its localization support on top of former feature helps you to design multilingual site and sell deals in multiple regions. ($99)

Daily Deal

Daily Deal is a featureful coupon theme that helps to create deal sites. You can create various types of coupons and sweepstakes and customize homepage as needed. Using its “Submit Deal” form, you can even allow your users to submit deals. Also, you can customize the submission form, add different types of deals, and configure email notifications.

An interesting feature is, it includes a built-in blog so that you can provide updates on the latest or upcoming coupons and offers. Last but not the least, the theme includes an affiliate module to build and manage affiliates and supports several payment gateways. ($59)


CouponHut is a coupon-specific theme for WordPress that comes with a clean, responsive design, allowing you build deal and coupon sites. You can add percentage based discounts, expiry dates, and time triggered events to your coupons – a fantastic feature I find only in this theme. Also, it provides various ad blocks to display ads.

Moreover, there is an integrated rating system that allows people to give and view ratings for every deal. I also liked its powerful front-end search functionality, which provides various filters to users, helping them to look for deals or coupons as easily as possible. ($69)


CouponXL is optimized for creating websites to sell coupons, deals, and offers. I found it amazing that one can enable its membership system and manage affiliates and other members. You can even allow them to showcase their deals and products.

Moreover, the theme supports various types of coupons, different fee schemes, multiple types of deals, and many more customization options. Another interesting feature is, it integrates well with PayPal and more payment gateways. And you can also allow social profile signups and view statistics about visits, clicks, and more. ($49)

Read Also: 32 Coupon Sites for Shopping Deals & Bargains – Best of


Clipper comes with easy monetization tools and features to earn by creating a coupon website. I found a unique feature called custom write panel, which lets you easily edit the vouchers from the admin dashboard. With its submit coupon form, you can easily accept coupons from your visitors and list them on your site.

Along with custom schemes and layouts, Clipper also offers support for child themes and avails an API for customizing its functionality. Moreover, you can import coupons from other systems, manage ads, and check out statistics about daily views. ($69)


Couponer is a discount and coupon theme which can be customized with multiple options. You can easily create vouchers and show daily deals to your visitors. The theme offers premium design, membership features, unlimited colors, and more.

Also, you can restrict coupons and discounts to members and opt for more configuration options. You can add widgets like coupon text, coupon social, coupon categories, newsletters, etc., and use its page templates to create pages. Moreover, the theme offers various coupon listing options, numerous custom post types, etc. ($49)


Deals is a fully functional theme incorporating a coupon management system that lets you create and show discounts and coupons and earn money through ads. Interestingly, the theme includes a user rating and voting system that allows your visitors give their feedback and helps improve your site’s visibility.

The theme is translation ready and also brings you multiple layouts, custom menu options, various widgets, and a powerful image slider to showcase the exclusive coupons on your website. ($39)


DealPress transforms your site to a group buying website that offers various fully-functional features. The theme makes it easier for you to post deals and write blog posts to attract organic traffic. An interesting feature is, it supports numerous payment gateways to help you monetize your deal site and charge the members.

Moreover, DealPress offers native support for Google Maps and Google Analytics that helps you to track your site’s traffic and user engagement. Last but not the least, it also integrates well with social networks like Facebook and Twitter to help grow popularity. ($69.99)

Categories: World News

Copyright Law Basics For UK Software Developers

4 hours 20 min ago

Software developers all over the world can benefit from an increased understanding of intellectual property (IP) laws and how those laws may affect their work. Software programs are often complex works that include both functional and artistic elements and may be covered by a variety of different types of IP laws. This can be very confusing for those who haven’t been taught about IP and can cause them to miss out on opportunities to protect their own work or to accidentally infringe on the work of another.

The purpose of this article is to provide information about one type of IP law, copyright law, for software developers who live or work in the United Kingdom. Below we will discuss the definition of copyright law, the source of UK copyright law, and how it applies to technological works. I'll also elaborate on what is not covered by copyright law, as well as the UK concepts of fair dealing and moral rights as they are related to copyright law.

Copyright Law Essentials

You can learn more about copyright law in general and about how it applies to software in my previous article. Go to article →

What Is Copyright Law?

Copyright law is a type of intellectual property law that protects creative works, which can include things like plays, movies, drawings, songs, and many other things. Around the world, copyright laws give the authors or creators of literary, dramatic, musical, or artistic works the right to control the ways in which their material may be used. With regard to software, copyright law generally covers the artistic elements of a software program as opposed to the functional elements.

“You must unlearn what you have learned!” Meet the brand new episode of SmashingConf San Francisco with smart front-end tricks and UX techniques. Featuring Yiying Lu, Aarron Draplin, Smashing Yoda, and many others. Tickets now on sale. April 17-18.

Check the speakers → What Is The Source Of Copyright Law In The UK?

Copyright law originated in the United Kingdom from a concept of common law; the Statute of Anne 1709. It became statutory with the passing of the Copyright Act 1911. The current act is the Copyright, Designs and Patents Act of 1988. Those interested can read the full text here.

The relevant government office for copyright inquiries is the UK Intellectual Property Office. The UK is also a signatory to the Berne Convention, an international agreement concerning copyright law that has been adopted by 172 countries worldwide.

How Does UK Copyright Law Apply Specifically To Technological Works?

Copyright law can apply to all kinds of technological works that are used with computers, tablets, smartphones, or video game systems. This includes apps, computer programs, databases, spreadsheets, screen displays, and even virtual reality environments. Copyright also applies to works that are used or distributed on the internet like websites, blogs, and other online content. In the UK, computer programs are specifically protected as literary works.

Throughout the European Union, the Computer Programs Directive provides guidance regarding the legal protection of computer programs. The Copyright (Computer Programs) Regulations of 1992 extended the rules covering literary works to include computer programs in other European countries as well.

What Is Not Covered By UK Copyright Law?

Copyright law in the UK, as elsewhere, does not protect ideas, procedures, methods of operations, or mathematical concepts (though other types of IP may protect them under certain circumstances). In other words, copyright law is about protecting a particular expression of an idea, not the idea itself, and not functional elements of a work. Additionally, names, titles, short phrases, and colors are not generally considered unique or substantial enough to be covered by copyright law. However, a work that combines some of the elements, such as a logo or design, could possibly be eligible for copyright (and perhaps trademark) protection.

How Long Does Copyright Protection In The UK Last?

Because the UK is a signatory to the Berne Convention which covered this issue, a copyright in the UK will typically be protected for either the life of the author plus 70 years from the death of the author or, for published works, for 70 years from the date of first publication. However, there are many exceptions to this rule, and each work should be treated on a case-by-case basis if there are any doubts.

One notable UK-specific exception has to do with the boy who never grew up, Peter Pan. Author J.M. Barrie gifted all of the rights to his creation to a children’s hospital in London. When the original copyright expired in 1987, an extension was added to the Copyright, Designs and Patents Act of 1988 mentioned above so that the hospital could based on uses of the work (though the hospital has no creative control over how the work is used). Ultimately, this is only an unusual — and perhaps endearingly British — exception to the normal copyright term.

Photo by Christian Battaglia on Unsplash. (Large preview) What Is Fair Dealing?

The copyright laws of almost all countries allow exceptions for certain permitted uses of copyrighted works such as news reporting, educational uses, or where the use of the work is de minimus. In the United States, one can assert a "fair use" defense if accused of infringing a copyright if the use was due to one of these permitted activities. In the UK, these permitted activities fall under the legal concept known as "fair dealing." According to the University of Nottingham, eligible activities which can be conducted without infringing a copyrighted work include:

  • Private and research study purposes;
  • Performance, copies or lending for educational purposes;
  • Criticism and news reporting;
  • Incidental inclusion;
  • Copies and lending by librarians;
  • Format shifting or back up of a work you own for personal use;
  • Caricature, parody or pastiche;
  • Acts for the purposes of royal commissions, statutory enquiries, judicial proceedings and parliamentary purposes;
  • Recording of broadcasts for the purposes of listening to or viewing at a more convenient time;
  • Producing a back-up copy for personal use of a computer program.
How Does "Fair Dealing" Affect Technology Copyrights In The UK?

The "fair dealing" exceptions mentioned above may specifically impact copyrights for technology-related works such as software programs or databases. For example, producing a backup copy of a software program for personal use only would not be considered copyright infringement under a fair dealing exception. Though fair dealing explicitly excludes decompilation or copying a software program during decompilation, the European Software Directive allows software licensees to use their copy of the software "to observe study or test the functioning of the program" in order to "determine the ideas and principles which underlie any element of the program."

Therefore, users may freely observe a program as it operates to determine their functions and its underlying ideas, even if the goal is to create a competing program (see the UK case SAS Institute v. World Programming for more information on this concept). However, actual copying, for example in the case of source code copying, is not tolerated since this is explicitly protected by copyright.

For practical reasons, database copyrights would not be infringed if a person with the legal right to use part or all of a database performs steps necessary to use or access the contents of the database. Also, accessing a database for the purposes of private study or non-commercial research does not infringe copyright in a database.

Photo by rawpixel.com on Unsplash. (Large preview) Moral Rights In The UK

Another difference between the UK and other parts of the world with regard to copyright law is the UK’s emphasis on the importance of moral rights. Though this issue may not often arise in technology-related copyright disputes, moral rights are additional rights over and above the economic rights typically protected by copyright law.

In the UK, moral rights are: the right to attribution, or the right to be known or recognized as the author of a work; the right to object to derogatory treatment of a work, which includes any addition, deletion, or adaptation of a work that would distort or “mutilate” the work or injure the honor or reputation of the author; the right to object to false attribution, which basically means that you would not be named as the author of something you didn’t create; and the right to privacy of certain photographs and recordings, such as those commissioned for a private occasion.

One reason moral rights might be important for developers is that the moral right to attribution gives the developer the right to be named as the author of the software program, even though it is not common industry practice to do so. By the same token, if a developer doesn’t get their name associated with projects they didn’t work on, the right to object to false attribution protects them also. Find more information about moral rights here.

It is our hope that this information has been helpful for UK software designers and developers. Though this is only introductory information, and should not be substituted for legal counsel in the event of specific questions or disputes, education about copyright law issues and other IP issues helps to empower software designers and developers to make sure their works are fully protected.

(da, ra, yk, il)
Categories: World News

10web: This WordPress Solution is a One Stop Shop

4 hours 20 min ago

Wouldn’t it be nice if you could get all essential WordPress services besides the actual hosting from one provider? The rather new solution by 10web offers just that.

WordPress: Much Light, But Also a Lot of Shadow

WordPress is as popular as ever. More and more websites of the modern web are powered by the CMS from Automattic. Among the readers of our sister magazine Dr. Web, the system is wildly popular as well. With a share of almost 40 percent, WordPress is as popular with our readers as it is with the rest of the world. No other CMS gets close to these levels.

The CMS Usage of Our Readers. (Screenshot: Noupe)

Today, when freelancers or small companies decide on a solution to get their own web presence going, this solution will be WordPress in most cases. Let’s not lie to ourselves, one of the reasons for that is the fact that WordPress is a free system, and the fact that there’s a giant ecosystem of free expansions, aka plugins, and turnkey designs, aka themes, surrounding it.

This basically lets us set up a highly functional website without having to pay a cent aside from the required webspace we get from our host of choice. So much for the theory.

In practice, the sheer size of the ecosystem comes with an extra effort that can quickly take a toll on your money. There’s a reason why our most popular articles are the ones where we recommend specific plugins, themes, or other services, regarding backups, for instance.

It’s almost impossible to keep up with the supply even when putting in a moderate effort. On top of that, there’s the problem that there are close to no quality checks. Thus, everyone can add extensions to the repository, leaving the sorting and the evaluation to the interested user.

Separating the wheat from the chaff is a tough job which is not just about taking your time for the process. It also takes a minimum amount of expert knowledge to judge which solution is the best for the application case at hand.

As if that wasn’t hard enough by itself, it is often accompanied by the problem that some themes don’t want to cooperate with some plugins, or some plugins don’t want to cooperate with other plugins, shutting down your site in the process.

10web: The Digital Threshing Machine for Your WordPress

Now, if there were a service provider that made all of these decisions easier by only offering high-quality, synergizing extensions, you’d save a ton of money. Disregarding the fact that your nerves would be under a lot less pressure as well.

10web: Landing Page (Screenshot: Noupe)

Within the Automattic empire, there is a solution said to provide all-round happiness. It is called Jetpack, and it’s a paid SaaS (Software as a Service) which can be managed for multiple domains from your dashboard.

10web, the service provider I want to introduce you to in the following, is a direct competitor that covers a broader range. 10web supplies a variety of over 60 function extensions and professional themes. On top of that, you receive essential additional services that exceed the pure plugin.

Let’s take a brief look at the most critical services:


I know that; is what you’ll think, and you’re right. But, in contrast to, e.g. Yoast, 10web’s SEO service does not end where it comes to the optimization of the content based on keywords. With 10web, you can also track keywords and search engine positions, always telling you your content’s current rank in the competition.


10web runs a cloud backup solution and automatically saves your WordPress website. If you don’t want your data to be stored in 10web’s cloud on Amazon S3, you can also set your own storage accounts, like Dropbox or Google Drive. Aside from the database, all data is saved. The schedule of the backup is free for you to define. The recovery option is accessible via a click from the backend. Additionally, the backups are available for download in the zip format, for example.

10web: Excerpt from the plugin list. (Screenshot: Noupe)

Image Optimization

We’ve been preaching this in a mantra-like fashion. If you want to boost your site’s performance, start with the pictures. It’s almost scary what kind of heavyweights are uploaded by clueless page operators every day, stressing out the visitor browsers as a result. 10web automatically optimizes the uploaded files during the saving process, allowing you to influence how extreme it should be. Aside from the automatic optimizations, files can also be converted from one format to the next one. The service even optimizes PDF files.

Apart from the mentioned services, 10web is currently working on a security solution that is supposed to protect your website from external threats and security gaps.

The theme supply is very moderate as of right now. However, the six designs cover all primary application cases, allowing you to create portfolios, magazine offers, or the typical business website.

The plugin supply also satisfies all basic application cases. Especially the frequent demand for photo galleries, sliders and forms is adequately covered. On top of that, you’ll find extensions for the integration of different social media, any additional external services, like the newsletter provider MailChimp, or the statistics solution Google Analytics, as well as ones for the development of your eCommerce activities.

10web: Preview of the included Gallery-Theme. (Screenshot: Noupe) 10web and the Pricing Model

The charm of 10web lies in its turnkey concept. Some plugins can even be found and used as free versions out of the WordPress index. The premium variants found in the 10web flat rate offer are much more feature-rich, however.

You choose from three different performance levels. You either go for monthly or the – cheaper – annual payments. You always have access to all features. The main differences are capacity-related.

The basic tariff for 12 USD a month lets you integrate three domains, optimize 20,000 images a month, and provides you with cloud storage for your backups with a size of 10GB. The standard tariff for 30 USD a month increases these parameters to 10 domains, 80,000 images, and 40GB storage. The premium tariff for a monthly 80 USD provides the offer for 50 domains. The optimizer will take in 250,000 pictures a month, and the backup service has storage of 140GB.

The cancellation procedure is fair. You can cancel the subscription at any point at the end of the period you already paid for. Of course, when choosing annual payment, that’s the end of the year, but you can also go for monthly payment, giving you a cancellation window every month. One peculiarity when comparing it to other providers is the fact that you’re allowed to use all plugins and themes even after your membership ends. You just don’t receive any further updates.

Conclusion: Get it or Not?

What am I supposed to do with three domains, is a question some private users may ask themselves. Whatever is my response. Just take the service and use it for one domain. 12 USD is no investment level amount. 20,000 images and 10GB storage will also be sufficient if you choose not to enter your own storage provider as it is.

I can’t really judge how many application cases for the more extensive offers really exist. When users administer between 10 and 50 domains, usually, there’s an established expert knowledge and standardized solutions. They probably didn’t wait for 10web.

What’s interesting, is the fact that, apart from the mentioned advantages, the entire management of the functionality for all domains can be taken care off from a single dashboard. This is reminiscent of a conning bridge. My regards to Captain Kirk.

The best choice would be to go and take a look at 10web for yourself. Create an account and test it for 14 days. That’s when you need to make a decision for (or against) a plan. A small downer is the fact that you need to enter credit card details at the beginning of the test stage already. Although I can understand that there are reasons for the provider to do this, there’s enough proof from others that it is not a necessity.

Whatever, head over to 10web and check it out.

Categories: World News

Is This The Logo Of The Future?

4 hours 20 min ago

A new app called Weird Type renders text in augmented reality. It’s a glimpse of AR’s potential impact on graphic design.

Oooooooooooooooooooooooooo. What does that look like to you? A long string of Os? Right you are. But with Weird Type, a new augmented reality app from Zach Lieberman and Molmol Kuo that puts words into real space, that “Oooooooooooooooooo” isn’t just a string of letters. It’s a 3D tunnel that you can enter like a cave.

Read Full Story

Categories: World News

Fake Amazon ad ranks top on Google search results

4 hours 25 min ago
A tech support scam disguised as an Amazon ad was showing up above even the legitimate Amazon.com search result.
Categories: World News

Просто хороший хостинг