[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…

衣料品チェーン「ファッションセンターしまむら」の女性店員に土下座させ、その姿をツイッター上で公開した女性に批判が殺到している。 画像は2013年9月21日、一気に拡散した。投稿者は炎上し始めるとすぐにアカウントを削除した。 実名公開「土下座させるお客様凄い凄過ぎる」 投稿者は9月3日、北海道札幌市の「しまむら苗穂店」で撮影した画像をツイッター上に複数回アップした。そこに写るのは、売り場の床に正座し、手を膝の付近であわせて深々と頭を下げる2人の女性店員だ。ツイートはほぼ同じ文面だが、いずれも「店長代理●●と平社員●●」（●は編集部によるもの）と実名まで晒している。 土下座の理由については「従業員の商品管理の悪さの為に客に損害を与えた」とコメントしているのみで、具体的な問題には触れていない。投稿者と店側の間に何があったのかは分からないが、土下座の強要、「土下座させるお客様凄い凄過ぎる怖い怖過ぎ

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

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

個人で出来るWebサービスの作り方(YAPC::ASIA 2013) @koba04

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

日本経済新聞の電子版。日経や日経ＢＰの提供する経済、企業、国際、政治、マーケット、情報・通信、社会など各分野のニュース。ビジネス、マネー、IT、スポーツ、住宅、キャリアなどの専門情報も満載。

We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

Compassで書き出すCSSファイルを軽量化する Compassは便利な半面、書き出されるCSSのサイズが非常に大きくなってしまうことがあります。設定を変更することで書き出されるCSSファイルの容量を削減することが可能です。 Step1.圧縮する コンパイル時に圧縮オプションを指定することで改行や空白を取り除いた形で書き出してくれます。config.rbに以下のコードを追加するだけで圧縮してくれます。 output_style = :compressed Step2.無駄なベンダープリフィックスを取り除く(ブラウザ別) CompassのCSS3ミックスインは便利な反面過剰なベンダープリフィックスをつけます。 Sassファイルの冒頭に以下のようなコードを追加することで「-o-」や「-ms-」、「-moz-」といったベンダープリフィックス付のプロパティが書き出されなくなります。Operaは現

Chef、Vagrantに興味があるけどRubyをやったことない技術者が最低限知っておいた方がいい知識　まとめ 最近、ChefやVagrantを勉強し始めたのですが、設定がRubyで記述されているため私は「たのしいRuby」を読んで勉強することにしました。 私は元々Rubyに興味があったのでいいのですが、Ruby知らないしそのために勉強するのは大変だから手を出すのをやめとこう、と思う人がいるかもしれないのでこれだけ知っていればある程度読めるのではないか、というポイントをまとめました。 まったくプログラミングをしたことない方には説明するのは無理なのでプログラミング経験があり 条件分岐、ループ、クラス、メソッド、文字列 が何か分かるくらいの方が対象です。if文、for文など他の言語でもあるようなものは省いていきます。 真面目にRubyを勉強したい方は下のアフィリエイトから「たのしいRuby」を

A cross icon used to close notifications Close Notification icon

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き

Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. 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 them in H

ライター渡部のほうです。 「相変わらずケアレスミスが多くてすいません」 原稿の校正が戻ってきた時の返事は必ずこの謝罪を入れている。 私の原稿は誤字脱字が異常に多い。 （とはいえ、他のライターさんがどれくらい誤字があるのかは知らない。ライター同士で原稿のチェックをすることはほとんどない） 昔からそうで、直したいと思っているのだが、なかなか直らない上に、年を経るにつれさらに増えているような気すらする。 原稿を世に出す前には、必ず他の人（そのほとんどは編集の人）に目を通してもらっているが、最近は優秀な編集者の方とばかり仕事をしているせいか、甘えているのかもしれない。 44歳にもなって人に甘えるな、と自分に言いたいところだ。 なんでこんなに誤字脱字が多いのか。 現在久々の長文原稿を書いていて、これがなかなか進まず、PC上で書いては消し、書いては消しの連続、というよりも、PC上なので、打っては消し、

すみません、タイトルは釣りです。書籍『入門git 』と『もっと早く知りたかった！ Gitが鬼のようにわかるスライド厳選7選』、『Gitがこわくて触れられなかったけど、このスライドで理解出来るようになったよGitサイトまとめ』紹介のスライドを読んで、理解したことをまとめるためにこの記事を書きました。今までは個人でしかGitを使っていなかったので、チーム開発に必要なGitコマンドを少しでも理解できるように頑張ります！ (05/13 08:45) githelpを追加 🐡 Gitの基本的な開発スタイルについて From イラストでわかる！git入門の入門 Gitの基本的な開発スタイルは次のとおりです。 (1) gitの開発ではローカルで使う個人リポジトリとチームで使う共有リポジトリを用いる (2) 共有リポジトリに push すると個人リポジトリのこれまでのコミット内容を送れる (3) pul

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

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

And the task of creating an impressive looking site that offers a great user experience has become ever more complex in recent years due the rise of smartphones and tablets.

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

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), Scalable and Modular Architecture for CSS (SMACSS), Don’t Repeat Yourself CSS (DRY CSS), and Block, Element, Modifier (BEM) are four popular methods for

全国で活躍するフリーランス・SOHOの皆さんの、... / フリーランスの全国Webサイト制作料金表 201... / 東京：GYPSYの制作料金他...全23件 全国で活躍するフリーランス・SOHOの皆さんの、制作料金を掲載しているページを集めました。料金相場や価格設定の参考にご利用ください。 ※掲載している情報は2013年9月18日時点のものです。最新価格やそのほかの価格に関しては、リンク先をご確認ください。

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 Text + Google Chrome( 或いはSafari ) そうでない方にもそこそこ読んでいただきたい。 目的としましては、「CSSの開発をより高速に行える環境を作りましょう！」ということなんです。百聞は一見に如かずということで、まずは、こちらのスーパーにエクサイティングなデモ動画を見ちゃいましょう！ 諸般の事情で動画が観れないという方に簡単に説明しますと、Emmet LiveStyle(以下LiveStyleと表記)を使うことで以下のことができます。 リアルタイム更新。Sublime Textでただタイピングするだけで、あたかもブラウザのデベロッパーツールのCSSパネルを弄るかのように、リアルタイムでCSSを更新できる。無論いちいちファイルを保存したりする必要はない