
パネルが開いた+ホバー時 パネルが開いている時のアローは上向きに変わります。 デモでは上記のチェックボックス版だけでなく、ラジオボタン版などもあります。 デモページ:チェックボックス版 デモページ:ラジオボタン版 デモページ:チェックボックス版・デフォルトオープン 実装 HTML 一つのアイテムに含まれるのは、チェックボックス、ラベル、コンテンツの3つです。それらをdiv要素で内包します。 <section class="ac-container"> <div> <input id="ac-1" name="accordion-1" type="checkbox" /> <label for="ac-1">About us</label> <article class="ac-small"> <p>Some content... </p> </article> </div> <div> <
スマートフォン向けサイトやアプリケーションを開発するのに役立つフレームワーク・ツール・プラグインなどのリソース、ナビゲーションをはじめとするUIパターンをまとめたサイトを紹介します。
Instagramのシェア機能が強化、友達やグループごとにスレッドが持てるように2015.09.02 15:385,252 Instagramがもっと楽しくなりそうです。 2013年に登場したInstagram Direct。Instagram上でダイレクトメッセージを送ることができる機能です。そして9月1日、Instagramはこの機能の強化を発表しました。これまでは写真やビデオを送るたびに新しいスレッドを立ち上げなければいけなかったのですが、これからは友達やグループごとにスレッドを持てるようになりました。グループに名前をつけることができる他、スレッド内では簡易セルフィーを撮影したり絵文字で返信することもできるようです。メッセンジャーアプリに近い感じですね。 また、今後はすべてのポストのコメントマークの隣に矢印マークが現れ、@でメンションしなくても簡単に写真をシェアできるようになるそうで
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか?私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
問いを作ることは、最も基幹的な知的リテラシーである。 問う力を養うためには数をこなすしかないが、スポーツでいうところの「素振り」に相当するものがあり、実践に向けて問う力の維持・向上に役立てることができる。 いうまでもなく自問自答することだ。 これは、質問の質を高め、思考する力を向上させることのできる数少ないトレーニング方法でもある。 以下に示すのは、自問自答に使える問いの型である。 自覚的に使うことで、問いの型稽古を行うことができる。 思考を深めたり、問題解決を助けたりするのにも用いることができる。 決断する 「それをするメリットは何か?」 「それをしないメリットは何か?」 「それをするデメリットは何か?」 「それをしないデメリットは何か?」 「するのか?しないのか?」 望みをかなえる 「ほしいものは何か?」 「今持っているものは何か?」 「今持っているものをどう使えば、ほしいものは手に入
Skills Web Ruby on Rails / PHP MySQL / PostgreSQL MongoDB / CouchDB jQuery / Prototype.js CoffeeScript / Sass Amazon EC2 / S3 Heroku / MonogHQ Git / Github / SVN / Trac Smartphone Objective-C Cocoa Xcode Microsoft C# / SQL Server / ISS 昨日、Gumadβをリリースしました。話題のGumroadをまとめたサービスです。 Rails/Heroku/AmazonS3 というベタな構成のサービスを構築するにあたって使ったgemをまとめます。 今回、開発にあたってのポイントとしては、 リリースまでの時間を抑えるためにできるだけ新しい試みは避ける開発、本番環境の運用の時
このブログは、僕がこれまでWebサービスを30くらい作ってきて、失敗したり成功したり色々体験していることをまとめています。 「Gumad β」は株式会社メーヴェの安宅(ディレクター)と杉本(エンジニア)の2人で、Gumroadの存在を知ってから9日間で作ったWebサービスです。作っている間にあったできごとや僕らの動きを公開したら、これから個人やベンチャーの人たちがWebサービスを作る人の(良い意味でも悪い意味でも)参考になるかもということで、少々こっ恥ずかしいですがブログに書き残しておこうと思います。 ちなみに、今回のシステム関連の話は「Gumadβで使ったgemまとめ」こちらに詳しく書かれています。 いまは「Gumad β」はミニWebサービス的な位置づけですが、もしGumroadやその周辺のサービスが盛り上がってくれば、面白い展開ができると考えており、ベンチャーらしく短期間でゲリラ的に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く