Web Designing: 2014 / 11

2014 / 11 vol.160

1,530 Yen

Features & Special Reports

Feature 1: Behind the Scenes of the HTML5 Site, We’ll Show You.

Handpicked by the Editorial Board! Concept and Implementation Explained by the Developers

HTML5 and CSS sites constructed with JavaScript have become the norm and cease something which requires special mention in and of itself. This means that ‘Things We Want to Realize’ and ‘Things We Want to Convey’ come first, and using the latest technology or tweaking existing technologies slightly, we think the number of sites that are designed to raise standards in terms of quality have increased. In the half a year since HTML5 was released, our editorial staff chose eight sites and get explanations of site concepts and implementation from their creators. With questions like, “What was the impetus for this kind of design?,” “Why did you choose this implementation?,” and “What areas did you pay special attention to?,” we are guided behind-the-scenes in a way that surpasses simply looking at the site or the source code.

01: 100Tokyo: Global Target Marketing Site Cooperating with Numerous APIs
02: talkative: Realizing “Lo-Fi” Design—“Technology” that Doesn’t Reek of Technology
03: Kokonoe Corporation: Company’s Site whose Playful Sense Brims with Well-used Canvas and Box2D
04: ARCHETYP Inc.: Renewal Policy for Expressing a Company’s Value
Column:　Revealing the Secrets of Foreign Site’s Latest UI Expressions 01/02: Reebok Fall/Winter '14 Lookbook／Extremely Piaget
05: arigato inc.: Expressing Two Enterprises in a Black and White World, Decorating with Photography and Music
06: Nishikawa Teisaburō Shōten: Brand Strategy Aiming from Kyoto to Abroad, and Form which Expresses It
07: WISE MIDDLE: Visual Expressions to Actualize Concepts, and Their Supporting Technology
08: Kenji Saito: Portfolio Sites with a Variety of Movements Using Canvas or SVG
Column: Revealing the Secrets of Foreign Site’s Latest UI Expressions 03/04: The Hunger Games Exclusive／Experience the Withings Pulse O₂

Feature 2: A Lecture on Copyright for Creators Through Q&A

Is Getting Permission Necessary? Is This Image OK? A Lawyer Judges Common Scenarios

In production, doubts regarding copyright often come about. “This photo, is it okay to use it?” “This design, is it fraud?” There are many people who have experienced scenes like this. That being said, why is this area of knowledge so difficult and with so few chances to learn properly? That’s why in this feature we explain through Q&A a variety of ‘seems like I know it, seems like maybe I don’t know it’ copyright issues. We take real-world examples and simple doubts to be judged by teacher of lawyers. Their opinions can provide hints when things are in doubt in business.

Copyright Q&A

“Picture” Copyright: Is it okay to use one part of the design from an image of a book cover or a CD jacket?; Is it okay to use a photograph in an advertisement that has a famous building in the image?

“Image” Copyright: Taking a still from a moving image and using it as a photograph. Is getting the cameraman’s permission enough?; If you release an image that includes pedestrians, are you violating the right to use their likeness?

“SNS” Copyright: Is it okay to cite a public tweet as “a voice in public”?; Is it okay to automatically gather tweets bearing specific hashtags and publish them on a campaign site?

“Secondary Use” Copyright: Is it okay to publish an image of the front page of a free paper on the publisher’s Website?; If you get the creator’s permission, is it okay to publish content from an autobiographical book on a Website?

“Personal Information” Copyright: Staff Introductions on a Corporate Website: Will it be illegal if you publish people’s names and addresses without their permission?; On a contact form, is it okay to not have the function to give consent to the privacy policy?

Column_It’s really very complicated. Apps copyright

Simple Doubts on Copyright_Solving Frequent Doubts of the Creative Site

Q: Is it necessary to get permission to reproduce an image published on a foreign Website? / Q: Are there copyrights for unique stripes or dots, special patterns or designs? / Q: Is it okay to use an image of a Google Map with a trace on it? etc.

Contract form template. Download and Use!

[Focus On] Pepper Tech Festival 2014 Report

Expressing the Form of Backup or Vision that Stimulates the Desire to Develop an App

Softbank Group announced its news-garnering robot “Pepper.” On September 20th in Bellesalle Shibuya Gardens in Tokyo, an event aimed at app developers called “Pepper Tech Festival 2014” was held. In addition to the Keynote and the pubic disclosure of information on the forms of backup toward development and the use in the contents of the Software Development Kit, etc., a variety of demonstrations occurred. Leading the way toward the Pepper’s general sale release in February of next year, the event’s contents were sufficient to send a shock into the desire for app development for the Pepper platform.

Monthly Store Design

OYATSU King_Enjoyably and Deliciously Conveying the “Thoughts” Tie up with Brand Snacks

“OYATSU King” is a snack brand that the design company DRAFT aspires for growth through the cooperation with their client. The Web production team of the same company, NOROSI, applied their skills to the Web Shop which opened about one year ago. Conveying the ideas of the brand through simple, leading line layout, and playful design, the number of fans continues to steadily increase. Capturing the hearts of users, we hear from its creators who take branding seriously.

OYATSU King

Inside Story

TREND COASTER - Experiencing through Virtual Jet Coaster Ups and Downs of Search Numbers

“TREND COASTER” is a project announced by Yahoo! JAPAN to offer a next generation vision of advertising. It is an experience using virtual Jet Coaster, which reflects the status of search results of a chosen word, by combining a variety of features like the searching service of Twitter or Facebook posts called “Real Time Search”, a Head Mount Display, and a Driving Simulator. We hear from the many faces of the production team of this unprecedented machine, which was built using various cutting-edge digital technologies.

TREND COASTER

Portrait -Web Craftsman's Portrait-

IWAKAMI Takahiro (LIG)_New Work Style for Living Happy

LIG Corporation Ltd.’s activities center in Ueno, Tokyo. LIG’s site is unique, centering on their blog, which covers a wide range of genres from practice contents to silly jokes, sprinkling their site with “elements of laughter.” However, this is not just fooling around to make people laugh, but rather managing director Iwakami Takahiro’s carefully laid plan built upon the sentiment, “Life is Good.”

LIG Inc.

TSUKURUHITO

YAMAMOTO Masami (Artist)_Daily Items that Contain Exquisitely Shaped Memories and Time

YAMAMOTO Masami is an artist, who takes everyday things that people wear like clothing or handbags as a motif to make three-dimensional works. So exquisitely shaped that each work can be mistaken for the real thing. Amazingly, however, everything she creates is actually made of ceramic—taking long hours to shape out of clay and fire at high temperatures. Having both continually acquired the technical skills of a ceramicist and announced new works as an artist, YAMAMOTO never ceases her search for the representational possibilities on the borderline between art and craft.

YAMAMOTO Masami

Basis Lecture on JavaScript

Controlling Scroll

Text: KODAIRA Asami, KIMURA Takeya (ENTACL GRAPHICXXX)

Applied Lecture on Flash for HTML5

Multi-Device Compatibility with Liquid Layout

Text: OKI Yoshiya

Running Stories

movement

(Event & Artist introduction)

Choco Banana Planning Session

Extra Edition: Korea Bullet Venture Tour

Choco Banana

Worldwide Creator's Archive

Dataveyes_Data Visualization that can Only Exists with Users

Dataveyes

WD Monthly Archive

We Gathered not only Websites but New Digital Contents that Our Editorial Desk Took Notice of, Such as Applications and Signage.

Experience the Withings Pulse O₂, AIR NEW ZEALAND presents New Zealand Specialty Vacation Application Form, Air Plus Corporation, Yahoo! JAPAN Last Ditch Search, A Spacecraft For All, Madden Giferator - Live NFL GIF engine, KENJI ENDO, amana photographers, OH, Time Slip! Horibe Yasubei Official Site, LETS Dedicated Site, TOCSIS Inc., KAELA•KIMURA 10years Anniversary, Art Event International Student Art Exhibition Festival | Gakuten

[New Author] one's view

Source of Pleasurable Materials
Text: SHIMIZU Qanta (PARTY)
(centiscript)

Communication to Expand the Purchase Experience
Text: SAWABE Yoshiaki (1-10 Holdings) New!
mi ZX FLUX

Program that Gives the Sway of Emotions to a Photographer’s Artistic Sense
Text: KAWADA Tom
SABATO VISCONTI

Definition
Text: SUGANO Kaoru (DENTSU)
Walking City

SAIHATE Tahi’s “Shikuhack”

Volume 5: Saihate Tahi 2.0

shikuhack.jp

Time for Craft Making

Realizing “Smart Home Appliances” with IRKit!

IRKit

Monthly Focus

MotionComposer_From Abroad, HTML5 based Motion Graphic Tool

From free items to pay tools released by large vendors, HTML5 based animation tools now exist in large numbers. In this feature, we focus on “MotionComposer,” which is also compatible to write in Flash. Including that point, we take a close look at this unique tool.