流行に乗っていいの？フラットデザインの落とし穴第8回Creators MeetUp で登壇させて頂きました。そちらのスライドになります。 ブログに内容まとめました。 http://toybox-design.net/creators-meatup-8 セッションの動画がコチラで公開されていますので、詳しく内容を見たい方はこちらへ http://lab.designsatellites.jp/?p=2178Read less
「iOS 7」の思わぬ使い道がTwitterで公開され、日本人の妄想力がまた1つ証明される
Appleのモバイル向けOSの最新バージョン「iOS 7」には、新たに「コントロールセンター」という機能が加わっています。簡単なスワイプ操作でコントロールメニューをすぐさま表示し、機内モードやWi-Fiなどのよく使う設定項目に素早くアクセスできる、という機能なのですが……日本のTwitterユーザーが全く異なる使い方をあみ出した模様です。 コントロールセンターの表示画面は、すりガラスのように半透明になっています。後ろにあるアイコンや壁紙などが、うっすら透けるわけですね。そこに露出度高めの女の子の写真なんかを置いてみると……なんということでしょう！ まるでコントロールセンターの向こうに裸の女の子がいるみたいではありませんか！ 世界よ！ これがニッポンの妄想力だ！ スッポンポン！ Twitterで「iOS 7の新しい使い方」の画像を検索してみた結果。眼福写真に混ざって変な写真がある adver
Chef、Vagrantに興味があるけどRubyをやったことない技術者が最低限知っておいた方がいい知識 まとめ | DevelopersIO
Chef、Vagrantに興味があるけどRubyをやったことない技術者が最低限知っておいた方がいい知識 まとめ 最近、ChefやVagrantを勉強し始めたのですが、設定がRubyで記述されているため私は「たのしいRuby」を読んで勉強することにしました。 私は元々Rubyに興味があったのでいいのですが、Ruby知らないしそのために勉強するのは大変だから手を出すのをやめとこう、と思う人がいるかもしれないのでこれだけ知っていればある程度読めるのではないか、というポイントをまとめました。 まったくプログラミングをしたことない方には説明するのは無理なのでプログラミング経験があり 条件分岐、ループ、クラス、メソッド、文字列 が何か分かるくらいの方が対象です。if文、for文など他の言語でもあるようなものは省いていきます。 真面目にRubyを勉強したい方は下のアフィリエイトから「たのしいRuby」を
よくある3つのデザインから考える、マークアップの最適解
Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことがあると思います。 そんなマークアップについて考えるイベント「MarkupCafe」がhtml5jマークアップ部の主催のもと開催されました。「MarkupCafe」では参加者同士がチームに分かれ、お題となるデザインに対して議論し、自分たちならこうマークアップするといった考えを発表し合いました。 本記事では「MarkupCafe」で出された”フッター”、”パンくずリスト”、”求人情報”の3つのお題をもとに、Web制作におけるマークアップの捉え方、誤った使い方をしがちな要素などについて考え、マークアップの最適解を探ります。 ※html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わる
CSS3で追加されたセレクタ「:not()」について考えてみました
CSS3セレクタで追加された「:not()」。今まで使ったことがないので、深く考えたこともなかったですが、曖昧なままじゃダメだと思い勉強してみました。 CSSセレクタって何だという方はこれらの記事が役に立つと思います。 意外と知らない!?CSSセレクタ20個のおさらい｜Webpark 保存版！CSS3セレクタの説明書｜Webpark では、「:not()」について考えてみます。これから紹介する簡単なサンプルたちはWindows7のChromeで動作確認しています。他のブラウザの場合うまく対応していない場合も考えられますのでご注意ください。 「:not()」の基本 Selectors Level 3では、「E:not(s)」という風に説明されています。日本語で説明すると、「sでないセレクタを持つE要素」という感じになります。 また、「Negation pseudo-class」というグループ
わずか3行の記述！jQueryプラグインでローディングを自動表示させる「pace」
twitter facebook hatena google pocket ページが重い時読み込み中を示すローディングを表示させられるとユーザーのストレスを軽減できます。 jQueryプラグインのpaceを利用すると簡単にプログレスバーなどの表示が可能になります。 sponsors 使用方法 paceからファイルをダウンロード。 themesディレクトリの中にサンプルとしてローディングのデザインが入っていますので、好きなモノを選択します。 <link href="pace-theme-minimal.css" media="all" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script src="pace.min.js"><
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...