ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/kssdezuo-rupatanraiburari 【アイコンを200こ描いた振り返り！】アイコンから知るデザインのヒントby @awayuki http://www.slideshare.net/awayukin/awayuki-pmd01-share ビジュアルデザインまでのデザインワーク by @yokotak0527 http://www.slideshare.net/YokotaKenji/ss-26460108
しまむら店員に「土下座」強要 投稿者に非難殺到、炎上騒ぎ
衣料品チェーン「ファッションセンターしまむら」の女性店員に土下座させ、その姿をツイッター上で公開した女性に批判が殺到している。 画像は2013年9月21日、一気に拡散した。投稿者は炎上し始めるとすぐにアカウントを削除した。 実名公開「土下座させるお客様凄い凄過ぎる」 投稿者は9月3日、北海道札幌市の「しまむら苗穂店」で撮影した画像をツイッター上に複数回アップした。そこに写るのは、売り場の床に正座し、手を膝の付近であわせて深々と頭を下げる2人の女性店員だ。ツイートはほぼ同じ文面だが、いずれも「店長代理●●と平社員●●」（●は編集部によるもの）と実名まで晒している。 土下座の理由については「従業員の商品管理の悪さの為に客に損害を与えた」とコメントしているのみで、具体的な問題には触れていない。投稿者と店側の間に何があったのかは分からないが、土下座の強要、「土下座させるお客様凄い凄過ぎる怖い怖過ぎ
Sketch App Sources - New Free Design Resources - Icons, UI/UX Kits, Wireframes, iOS, Android Templates for Sketch
Thousands of UI/UX resources from great and resourceful designers around the world Sharing and building on each other's work is the ultimate form of learning and retaining knowledge. Since 2012, we're curating some of the best resources to help you design, prototype, and collaborate better and faster. UI Kits Apps Icons Illustrations Wireframes Ideas Web iOS Material Data Forms Mockups Real Annota
WordCamp Recap: Tokyo
Posted by David Bisset Posted on September 19, 2013 Categories WordCamp Recap Comments are off for this post Search When you think “largest attended WordCamps” – what cities do you think of? San Francisco? Phoenix? Miami? How about Japan? This past weekend (on September 14th) WordCamp Tokyo rocked the house with over 1,100 attendees! That’s no typo. That’s about two large WordCamps (at least from
Creative Loading Effects
YouTube Fill from left Fill from down Expanding box 3D Bar Bottom Pie Timer Centered Expanding Line Fill Sides Surrounding Borders Corner indicator Big Counter Filling Title Flat Top Bar Loading animations don't have to be restricted to a tiny indicator. Here is some inspiration for some creative loading effects.* *Note that not all browsers support animated pseudo-elements (last four effects).
Images - Responsive News
Where BBC News developers blog about responsive design. Opinions expressed on this blog are those of the individual contributors, and are not necessarily those of the BBC as a whole. Here’s a quick overview of our strategy for delivering images into a responsive web page. I didn’t want to add to the debate on responsive images, as its already a well documented topic, but recent industry chatter me
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴とは？ – 佐藤航陽のブログ
決済サービス「spike（スパイク）」のリリースのほうに時間を割いていて、ブログの更新が滞っていました。。。何かの片手間でブログを続けるってなかなか難しい。気分転換にブログを新しくしました。調べるおタカノリさんやサイプロさんスゲーなと思うこの頃です。 先日Google Playがリニューアルされた記事をアップして、アイコンの大きさが２倍になり、今後Google Playでますます重要になるなと感じたわけですが、７月の末に今度はPC版のGoogle Playもリニューアルされてダウンロードページのクリエイティブがアイコンとスプラッシュだけになってしまいました。以前は大きい長方形のバナーが表示されていましが、こちらは使われるのはGoogleのおすすめに入ったときだけで、ほとんどのディベロッパーには無縁のものになってしまっています。 今後アイコンが重要になってくる流れは間違いないので、これを無料
Compassで書き出すCSSファイルを軽量化する
Compassで書き出すCSSファイルを軽量化する Compassは便利な半面、書き出されるCSSのサイズが非常に大きくなってしまうことがあります。設定を変更することで書き出されるCSSファイルの容量を削減することが可能です。 Step1.圧縮する コンパイル時に圧縮オプションを指定することで改行や空白を取り除いた形で書き出してくれます。config.rbに以下のコードを追加するだけで圧縮してくれます。 output_style = :compressed Step2.無駄なベンダープリフィックスを取り除く(ブラウザ別) CompassのCSS3ミックスインは便利な反面過剰なベンダープリフィックスをつけます。 Sassファイルの冒頭に以下のようなコードを追加することで「-o-」や「-ms-」、「-moz-」といったベンダープリフィックス付のプロパティが書き出されなくなります。Operaは現
Chef、Vagrantに興味があるけどRubyをやったことない技術者が最低限知っておいた方がいい知識 まとめ | DevelopersIO
Chef、Vagrantに興味があるけどRubyをやったことない技術者が最低限知っておいた方がいい知識 まとめ 最近、ChefやVagrantを勉強し始めたのですが、設定がRubyで記述されているため私は「たのしいRuby」を読んで勉強することにしました。 私は元々Rubyに興味があったのでいいのですが、Ruby知らないしそのために勉強するのは大変だから手を出すのをやめとこう、と思う人がいるかもしれないのでこれだけ知っていればある程度読めるのではないか、というポイントをまとめました。 まったくプログラミングをしたことない方には説明するのは無理なのでプログラミング経験があり 条件分岐、ループ、クラス、メソッド、文字列 が何か分かるくらいの方が対象です。if文、for文など他の言語でもあるようなものは省いていきます。 真面目にRubyを勉強したい方は下のアフィリエイトから「たのしいRuby」を
The Intercom Blog - Articles on Customer Support, Product Design & more
A cross icon used to close notifications Close Notification icon
最近流行りのウェブ開発系ツールまとめ（主にデザイン） | keisuke.tsukayoshi
最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き
The HTML5 Progress Element | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Pankaj Parashar. Pankaj wrote to me about some pretty cool styled progress elements he created. I asked if he’d be interested in fleshing out the idea into an article about styling them in general. Thankfully, he obliged with this great article about using th
誤字・脱字 | これ、誰がデザインしたの？
ライター渡部のほうです。 「相変わらずケアレスミスが多くてすいません」 原稿の校正が戻ってきた時の返事は必ずこの謝罪を入れている。 私の原稿は誤字脱字が異常に多い。 （とはいえ、他のライターさんがどれくらい誤字があるのかは知らない。ライター同士で原稿のチェックをすることはほとんどない） 昔からそうで、直したいと思っているのだが、なかなか直らない上に、年を経るにつれさらに増えているような気すらする。 原稿を世に出す前には、必ず他の人（そのほとんどは編集の人）に目を通してもらっているが、最近は優秀な編集者の方とばかり仕事をしているせいか、甘えているのかもしれない。 44歳にもなって人に甘えるな、と自分に言いたいところだ。 なんでこんなに誤字脱字が多いのか。 現在久々の長文原稿を書いていて、これがなかなか進まず、PC上で書いては消し、書いては消しの連続、というよりも、PC上なので、打っては消し、
Foundation Icon Fonts 3 | Playground from ZURB
Customize your icons to be any size, color, style in CSS Download the Font Use 283 icons with 1 font A custom collection of 283 icons that are stored in a handy web font. View All Icons » General Icons heart star plus minus x check upload download widget marker refresh home trash paperclip lock unlock calendar cloud magnifying-glass zoom-out zoom-in wrench rss share flag list-thumbnails list thumb
チーム開発に必要なGitコマンドを神速で習得しよう！
すみません、タイトルは釣りです。書籍『入門git 』と『もっと早く知りたかった！ Gitが鬼のようにわかるスライド厳選7選』、『Gitがこわくて触れられなかったけど、このスライドで理解出来るようになったよGitサイトまとめ』紹介のスライドを読んで、理解したことをまとめるためにこの記事を書きました。今までは個人でしかGitを使っていなかったので、チーム開発に必要なGitコマンドを少しでも理解できるように頑張ります！ (05/13 08:45) githelpを追加 🐡 Gitの基本的な開発スタイルについて From イラストでわかる！git入門の入門 Gitの基本的な開発スタイルは次のとおりです。 (1) gitの開発ではローカルで使う個人リポジトリとチームで使う共有リポジトリを用いる (2) 共有リポジトリに push すると個人リポジトリのこれまでのコミット内容を送れる (3) pul
欧米との比較から見えてくる ここがヘンだよ、日本のSEO
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Bilingual News podcast offers both Japanese and English improvement
Bilingual News Podcast News & Opinion Bilingual News podcast storming the charts in Japan By Weekender Editor August 5, 2013 Updated On March 22, 2021 Can simply listening to your iPod help you speak Japanese (or English…) more fluently? One Tokyo-based pair seem to think so, and having only started the Bilingual News podcast in May, they are already topping the iTunes charts in Japan… Interview b
Addressing The Responsive Images Performance Problem: A Case Study — Smashing Magazine
Responsive design for images is about optimizing the process of serving images to users. In this article, Anders Andersen & Tobias Järlund will share their responsive image technique, the “padding-bottom” technique, which they researched and implemented on the mobile version of the Swedish news website Aftonbladet (Sweden’s largest website). The technique presented here applies to all types of res
4 ways to create CSS that's modular and scalable
Several methods have emerged to help designers write scalable and modular HTML and CSS. Freelance web designer Steven Bradley presents an overview of four. Modular code is reusable code. It can be combined in a variety of ways, making it flexible and scalable, allowing you to iterate code blocks independently and leading to better performance and more maintainable sites. Object Oriented CSS (OOCSS
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
Top 50 Free Icon Fonts for Web Design
Instead of letters and numbers, an icon font contains glyphs, symbols, or pictograms. They are the simplest way for a UI designer to add icons to a UI design project. One of the great things about using an icon font is its scalability. They can be resized without losing quality, making them perfect for responsive web design. With CSS media queries, they can be scaled up for desktop or down for mob
Sublime Text2 と Emmet LiveStyleをかけあわせて、爆速でCSS開発☆！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんばんは。小林です。 今回の記事は、下記を利用して開発されている方には、是非読んでいただきたい。 Sublime Text + Google Chrome( 或いはSafari ) そうでない方にもそこそこ読んでいただきたい。 目的としましては、「CSSの開発をより高速に行える環境を作りましょう！」ということなんです。百聞は一見に如かずということで、まずは、こちらのスーパーにエクサイティングなデモ動画を見ちゃいましょう！ 諸般の事情で動画が観れないという方に簡単に説明しますと、Emmet LiveStyle(以下LiveStyleと表記)を使うことで以下のことができます。 リアルタイム更新。Sublime Textでただタイピングするだけで、あたかもブラウザのデベロッパーツールのCSSパネルを弄るかのように、リアルタイムでCSSを更新できる。無論いちいちファイルを保存したりする必要はない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
個人で出来るWebサービスの作り方(YAPC::ASIA 2013)
ジョブズ解任、スカリー氏が今になって語った真相 - 日本経済新聞
IDEA * IDEA
https://github.com/kiwanami/CSS-Guidelines/blob/master/README.ja.md
12 responsive agency websites to inspire you
フリーランスの全国Webサイト制作料金表 2013年度版