『盗む』から『買う』に。老舗の工具箱屋がカゴを作ったら、年間30万個売れるようになった話｜唐金祐太
こんにちは、株式会社リングスター（以下、リングスター）の唐金祐太（カラカネ ユウタ）と申します。大阪本社、明治20年創業の工具箱、いわゆる職人さんの使うツールボックスを奈良県生駒市にて製造しており、現在私の父が５代目になり、私はアトツギとして日々東奔西走しております。 リングスターの手掛ける工具箱私達リングスターは、100年以上一貫して工具箱を作り続け〈木製・鉄製・樹脂製〉と時代に沿った最適な素材を選び、今日まで「現場でも20年以上使えるプラスチック製の工具箱」とその圧倒的な耐久性を職人さんに評価をいただいて参りました。今回は約１年前に弊社の製品のスーパーバスケット（以下、バスケット）についてツイートした所、思いのほか反響をいただきました事をきっかけに書かせていただきます。（遅） 年間30万個売れるバスケット 10年前に職人さんがカゴに工具を入れていた事を見て開発 従来のカゴは耐久性がなく
篠原ともえの革の着物作品が世界的広告賞、ADC賞で2冠を達成 - WWDJAPAN
PHOTO：SAYUKI INOUE ©︎TANNERS’ COUNCIL OF JAPAN PHOTO：SAYUKI INOUE ©︎TANNERS’ COUNCIL OF JAPAN PHOTO：SAYUKI INOUE ©︎TANNERS’ COUNCIL OF JAPAN PHOTO：SAYUKI INOUE ©︎TANNERS’ COUNCIL OF JAPAN 篠原ともえがデザインを手掛けた革の着物の作品“ザ レザー スクラップ キモノ（THE LEATHER SCRAP KIMONO）”が第101回ニューヨークADC賞（THE ADC ANNUAL AWARDS）でシルバーキューブとブロンズキューブの2冠を達成した。 作品は一般社団法人「日本タンナーズ協会」によって日本の革産業・文化を広く発信するために立ち上げられたプロジェクトの一環で制作したもの。素材にはエゾ鹿革を使い、本
偶然コスプレ
フ ォ ウ ↓↘︎→P 𓁬 𓁧𓅔 @four_Chetyre 僕は小池都知事は実はダイナブラックではないかと今でも信じている。 都政がおろそかなのもジャシンカ帝国と戦っているからに違いない。 pic.twitter.com/TZEkDewWb3
横断歩道「斜め」にしたら事故減少か 横断中の歩行者が見つけやすくなる納得の理屈 | 乗りものニュース
横断歩道をわざと「斜め」に引いた交差点が愛知県内で導入されており、事故防止に効果を挙げています。その角度も「12度」ときまっているそうです。 その名も「鋭角横断歩道」 愛知県内で、ちょっと変わった横断歩道が導入されています。車道に対し、わざと「斜め」に引かれているというものです。もちろん、交差点の対角を結ぶスクランブル方式にしているわけではありません。 鋭角横断歩道が導入されている愛知県日進市の米野木東交差点（画像：愛知県警）。 愛知県警はこれを「鋭角横断歩道」と称し、2012（平成24）度から整備を進め、2018年度末時点において県内32か所の交差点で導入しているそうです。「県下で発生する人身事故の半数近くを交差点関連の事故が占めていることから、歩行者の横断中およびクルマの右左折時における事故を減らすことが、交通事故全体の削減につながると考え開発しました」といいます。県警へさらに詳しく話
毎朝見てたはずなのに……知らない間に変わっていた駅の“アレ” 制作会社「気付かれなくていいんです」
駅の券売機やバスの行き先表示――そんな誰もが目にする物の一部が、多くの人に気付かれることなくひっそりと変わっていることをご存じだろうか。 実は、変わったのは「フォント」。2016年ごろからさまざまな交通機関の表示が新しいフォントに置き換えられているという。いったい何のために、どんなフォントに変更したのか。フォント制作企業のモリサワに聞いた。 2016年ごろから「ユニバーサルデザインフォント」に それって何？ 話をしてくれたのは、モリサワの園田晋さん（エンタプライズ事業部）と澤村明子さん（広報宣伝部）。園田さんによると、駅で使われるようになった新フォントの一部は、モリサワが手掛ける「ユニバーサルデザインフォント」（UDシリーズ）というものだ。 「JR東日本の券売機に使われているのは、モリサワのUD新ゴです。バスタ新宿にある電光掲示板の行き先表示などにも同じフォントが使われています」（園田さん
大学ノート（ルーズリーフ）をモチーフとした手書きまとめノート風Webサイトを制作したときに使用したCSSテクニック - Qiita
まとめノート風Webサイトを作ろうとしたきっかけ 本当はWeb制作本を執筆してみたかったのですが、資金等の関係もあり、Web上でブログ形式で書いていこうと考えました。そこで困ったのがWebサイトのデザインでした。最近では、ほとんどのブログでフラットデザインが使われていますね。Qiitaもその１つだと思います。フラットデザインとは、色に関していえば基本は白地や薄いグレー色で、その他1,2色をアクセント色としてデザインしているもののことですね。比較的簡単に作れて、かつ見やすいデザインなので重宝されていると思われます。 しかし、それではどこも同じような感じなので訪問者の頭に残りづらいと思うんです。そこで、思い出したのが今でもよく使っている大学ノート(ルーズリーフ)です。中学・高校時代はよく要点をまとめたまとめノートを作ったものです。ルーズリーフを使ったことがない人はいないと思うくらい、馴染み深い
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
顔が大きくなる箱
8月上旬に開催されたメイカーフェア東京でデカ顔マスクワークショップを開催した。 もともとは参加者に自分の顔のでかいペーパークラフトを作ってもらう計画だった。しかしそれはひとり2時間かかるのだ。もっと簡単に済む方法はないか考えた結果、箱をかぶってもらうだけにした。 おかげで時間は2時間から2秒に短縮することができた。もはやワークショップと呼んでいいのか不安になる。
なんとAppleが無料配信！江戸時代の絵師・耳鳥斎の作品どれもが可愛くってユルすぎてたまんないっ : Japaaan
「耳鳥斎」。なんて読むかわかりますか？「にちょうさい（又は じちょうさい）」と読みます。 ではこれは何？ 人物です。江戸時代に活躍した絵師の名前です。 耳鳥斎というネーミングはとってもユニークですが、ユニークなのはネーミングだけではありません。耳鳥斎の残した作品もまたユニークなんです。今回は耳鳥斎の作品をご紹介。 耳鳥斎は大阪で活躍していた絵師で狩野派の絵師に師事していたそうですが、彼の作品を見て狩野派の片鱗を見つけられる人はいるのでしょうか？というほど、流派など関係なく独特でユーモアな作品の数々。 耳鳥斎は主に面白く笑える「戯画」を制作していた人物で、作品のタッチが江戸時代の頃のものというよりも現代的なスケッチ画やイラスト、あるいは漫画のようなテイストで溢れているんです。 まずは耳鳥斎の作品の中でもとりわけユルさに溢れた作品集「絵本水や空（安永9年・1780年 ）」の一部をご紹介します。
黒い背景と白い背景で、色まで変わる画像 – Taro is here!
白い背景と黒い背景で別の絵に変わる画像を作りましたが、これをカラーでやるのは無理だと思っていました。 ですが、がんばればできることが分かりました。 ニコニコ動画版 その画像がこちらです。 こちらの画像をクリックすると大きい画像が表示されるので、そちらを保存してください。 先ほどの動画のように、iPhoneのカメラロールで表示するか、PC上でPowerPointやExcelに挿入してやると、よくわかります。 Twitterに投稿すれば、色まで変わる「クリック推奨画像」になります。 (再)今までカラーの「クリック推奨画像」を作った人はいただろうか？ なぜ黄色が青や赤に変わるのか、作った自分でも不思議。 (PCの公式クライアントでないと多分見えません)https://t.co/VCBdJRtDjo pic.twitter.com/AFUVte0r1O — Yusuke Ochiai (@taro
日本の伝統色の組み合わせ、襲色目（かさねいろめ）の色コードまとめ
MS Office カテゴリ MS Office (105) 関連タグ Access (45) Excel (92) OfficeScripts (2) PowerPoint (8) Python (2) VBA (92) YouTube (6) イラスト (44) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (44) デザイン (15) ブログ (39) 入門 (38) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
お手軽WordPress Tips：1行のコードで追加できる便利な新機能「投稿フォーマット」を使ってみよう - かちびと.net
WordPress3.2のリリースも間近に控え、 より楽しみが増える今日この頃ですが、 3.1から増えた新機能の投稿フォーマット がさほど普及していない印象が否めない ので微力ながら貢献してみようかなと 思います。 カスタム投稿タイプやカスタムタクソノミーなど、便利な新規能が山盛りなWordPressなんですが、Webデザイナーさんにとって嬉しい新機能といえば「投稿フォーマット」ではないかなと勝手に思い込んでいます。 1行のコードだけで済むので導入も楽ですし、デザインに貢献出来る機能でもありますので、「知らなかったよ！」という方はぜひ使ってみてください。 以下、参考になるページです。 投稿フォーマット – WordPress Codex WordPress3.1の新機能投稿フォーマットを試してみた。 | Simple Colors Simple Colorsさん(@jim0912)が分かり
Webサイトのフッター２００個とフッターデザインの考え
フッターの美学。 そんな素敵サイトを紹介しようといくつかチョイスしていたら海外ブログのDWSが「The 200 best footers on the web」なんていう化け物エントリーをさらっと出してきたもんだから驚きだ。 しかもクオリティもめちゃ高い。 なので今回はこのエントリーを紹介して終わろうかなって・・・。 参考までにネタ帳が好きなフッターを７つほど紹介します。 たま、フッターまとめサイトの楽しみ方も一応書いておきます。 以下からどうぞ。 すばらしいフッターデザイン２００ The 200 best footers on the web « Web Design Shock もはやひとつのショーケースというか一冊の本になってもおかしくないクオリティの記事です。 ご堪能あれ！ 中でもネタ帳がお気に入りのフッター７つ Tomáš Pojeta | kreativní grafik ここ
黄金比にも対応したグリッドレイアウト用のシンプルなCSSのフレームワーク -The Square Grid
2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid [ad#ad-2] The Square Gridのグリッド設計 グリッドの全幅は994pxで、両端に余白7pxをとり、残りの980pxを均等に35分割したものをベースにしています。 均等分割のカラム
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版
新着記事