Papercut by Parthkothekar
Papercut by Parthkothekar Hello art lovers! I am Parth Kothekar. Silhouette has always fascinated me and I have been following the art for several years. Here, I bring to you Paper Cut artworks which are all hand sketched and hand cut individually by me. Please go through the gallery to see what u fancy :) Thank You all for your support.
ひたすら最新のユーザーインターフェイスを紹介し続ける「UI Movement」
ユーザーの新しい体験のためのインスピレーションがぎっしり詰まったサイトのご紹介。 実際に仕様する技術やなんやというのはないのですが、「こういう動きが体験できるといいな」というアイデアの種となるでしょう。 少し前にCSSのボタンだけをひたすら紹介するサイトをご紹介しましたが、そのユーザーインターフェイスバージョンと思っていただければと思います。 ユーザーインターフェイスのアイデア 実際にユーザーインターフェイスのアイデアと言っても様々あるのですが、特に多いのはやはりモバイルインターフェイスでしょうか。以下のような画像がずらずらと閲覧出来ます。 心地よさと軽量の両立はなかなかバランス感覚が必要な作業ですが、気持ちい操作ってやっぱりいいですよね。 ひたすらUIを紹介し続けるサイト「UI Movement」 UI Movement - The best UI design inspiration,
Private Presentation
Private content!This content has been marked as private by the uploader.
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
なぜCSSのborderで三角形ができるのか、実際にコードを書いて調べてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、おじいちゃんです。 Webサイトを作っていると、デザインによってはCSSを使って三角形を作るときがあります。便利ですよね。画像だとhover時に色が変えられなかったり、作ったとしてもアニメーションがつけられなかったり、かといってSVGにするほどでもない。 CSSのborderを利用することで、三角形は比較的簡単に作れますし、アニメーションもできる。それではなぜborderを利用することで三角形が表現できるのか、考えてみたことありますか？ 今回はborderを利用して、三角形を表現できるCSSの挙動について紹介したいと思います。 まずは書いてみる 黒で塗りつぶされた三角形を書いてみます。 <span>タグに任意のクラスを当てたHTMLを用意して、下記プロパティを当てることで三角形が表現できます。 <span class="triangle"></span> .triangle{
Yamaha Design Teams Swap Roles, Build Crazy Versions of Each Other’s Products
Yamaha Design Teams Swap Roles, Build Crazy Versions of Each Other’s Products Yamaha is a multinational conglomerate that makes a broad range of products, from pianos to motorcycles. In a project entitled AH A MAY (Yamaha backwards), design teams from the musical instrument and motor vehicle divisions swapped roles, designing products for each other. Four actual prototypes were built and presented
現役女子大生が「ウェアラブルデバイス」をデザインしたらこうなった！
現役女子大生が「ウェアラブルデバイス」（身に着けられるデジタル端末）のデザインを行い、そのお披露目会が3月17日に東京・渋谷で行われました。この企画は、リクルートテクノロジーズの研究開発機関「Advanced Technology Lab」とのコラボレーションにより実現したもの。イベントには実際にデザインの開発に携わった現役女子大生9人が登場し、自分が担当したデバイスのデザインへの思いをそれぞれに語りました。 始めに登場したのは「スパイラル型ブレスレット」。先端にピンクゴールドとラインストーンをあしらいました。ラインストーンのサイズも、1つ1つ違うサイズにといったこだわりようです。 続いては「タイル型バングル」。これは配色に特にこだわったデザインで、このバングルを着けたまま海や山に行っても違和感のない色を選んだとのことです。カラーはグリーン・ブルー・オレンジの3種類。 「ファーブレスレット
新しい「洗濯絵表示」がわかりにくいと話題……アイコンを変えるのはなぜ？（THE PAGE） - Yahoo!ニュース
経済産業省は10月20日、繊維製品の洗濯表示について、国際規格に整合したJISを制定しました。JISとは、Japanese Industrial Standards（日本工業規格）の略。工業製品を中心に製品の形や大きさ、性能、測定方法などを一定の基準に従って取り決めた「国家規格」のことです。 今回のJIS制定には、洗濯表示記号を国内外で統一し、グローバル化する市場での利便性向上という狙いがあります。しかし、この新規格の公表に対して、ツイッター上では「新しい洗濯絵表示がむずかしい」「乾かし方意味不明」「字が書いてないとわかりにくいな」（以上、原文ママ）など、戸惑う声が続出。そもそも、洗濯絵表示を国内外で統一する必要性はあるのでしょうか。 WTO加盟国は国際規格に合ったJISを制定「日本はWTO加盟国なので、JISに関連するISO（国際規格）があるときは、ISOに整合したJISを制定する必要が
[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ
最近のWebサイトでよく見かける面白い仕掛けのコンテンツやエフェクト、便利な機能を実装できるjQueryのプラグインやスクリプトを紹介します。 Midnight デモページ ロゴやヘッダなどをスクロール時に固定表示し、スクロールして表示されたコンテンツに応じて、固定エレメントのスタイルシートを変更させて表示するjQueryのプラグイン。 デモでは、表示されているコンテンツに応じて、ロゴの背景色とカラーが変わります。 Off Canvas Menu Effects デモページ メニューをサイドやトップ・ボトムから気持ちいいアニメーションで表示させるOff Canvas Menuのかっこいいエフェクトのまとめ。アニメーションのバリエーションとして見るだけでも楽しいです。
![[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/eb35406166a9bab01fb02a6a7949249bd7191347/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014092904-01.png)
ウォーターカラーエフェクト（水彩画風）を取り入れているwebデザインのショーケース - NxWorld
ウォーターカラーエフェクト（水彩画風）を取り入れているwebデザインのまとめです。 ウォーターカラーはふわっと優しい雰囲気のサイトによく使われている印象があり、以下で紹介させていただくのもそういった感じのサイトが多めですが、それ以外にもクールなデザインや幻想的な雰囲気を持つデザインなどもあります。 また、特にこれから水彩画風デザインをやってみようと思う方には参考になると思うチュートリアルエントリーも併せて紹介します。
「太秦萌」のイラストレーター・賀茂川さんに聞く！ ラフ絵を交えた制作エピソード - はてなニュース
京都市交通局のキャラクター「太秦萌」たちの新しいイラストを担当したのは、京都出身のイラストレーター・賀茂川さんです。pixivで公開していたイラストがきっかけで、太秦萌の“進化（リファイン）”に挑んだ賀茂川さん。現在の設定とは少し異なる初期段階のラフ絵を交えながら、イラストが完成していくまでのエピソードを語っていただきました。 ――太秦萌たちの存在は知っていましたか？ 賀茂川 私は京都出身ではありますが、現在は東京在住なので知りませんでした。デザイン会社のGK京都さんから依頼があった時、京都市交通局のコンペとのことだったので、Webでなんとなくこれなんじゃないかな～と見当は付けていました。 ――デザインをリファインしてほしいという依頼を受けた際、率直にどんなことを思いましたか？ 賀茂川 コンペということもあったので「やったるでー！」という感じです。 ――3人のキャラクターを描いていく中で、
CSS3のルビ機能を考える - ちくちく日記
昨年来日し、CSS3の日本語組版について楽しいディスカッションを提供してくれたCSS3のエディターfantasaiさんが今年も来日されました。 去年、fantasaiさんを囲んでの食事会ということで居酒屋に集まって穏やかに親睦を深めるだけのつもりがfantasaiさんから「日本語縦中横の横幅はどうあるべきか」という楽しいお題がだされてしまった結果、集まった皆がfantasaiさんをほっぽらかして大激論をやる、という盛り上がりを見せてしまったため、今年は「それなら最初から議論するつもりで集まった方がいいんじゃないか」と主催の方が考えたのかどうかはわかりませんが、とにかく今年は「CSS3が開く日本語組版の未来」と銘打ち、会議室をかりての勉強会開催となりました。 告知が開催二日前という直前だったにも関わらず、なかなかに濃いメンツが顔を揃えたのはさすがというか。（参加者リスト） ここから当日話され
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「先割れスプーン」をリデザインした結果
Engadget | Technology News & Reviews
方法: Windows Phone Marketplace 用のスクリーンショットを作成する
Responsinator
text rendering
[JS]レスポンシブ対応の画像表示テクニック！見せたい箇所を中心にクロップして表示させるスクリプト -FocusPoint![[JS]レスポンシブ対応の画像表示テクニック！見せたい箇所を中心にクロップして表示させるスクリプト -FocusPoint](https://cdn-ak-scissors.b.st-hatena.com/image/square/89b7f74f30b33e347af5955101ddb9470c5139d7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014082501.png)
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
Octicons Your project. GitHub's icons.
