このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
samulife.com - このウェブサイトは販売用です！ - リソースおよび情報
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
僕らがWebサービスをつくる5つの理由
9. yak shaving ? •よし好きな音楽を共有出来るWebサービスをつくろう！ •音源は何にしようかな？mp3を直接アップロード！？ •法律的にヤバい？調べよう... ヤバそう •そういえば!! 最近SoundCloudっていうカッコいいの見つけた •SoundCloudカッコいい... ってこれじゃメジャー音楽聴けないなぁ •まてよ、みんなネットで音楽って何使って聴いているのかな... •YouTube !! キタコレ 確かに俺もYouTube使って音楽聴くわー •YouTubeは色んなPVやらライブ映像もあって面白いなー... •って一向に作業進んでないぞ... YouTube動画を... どーすればいいんだ？ •ん、ってかYouTube動画使うって法律的に大丈夫なのか？... まぁいいか •動画をサイト内から検索してタイムライン上で共有出来ればいいね！ •YouTube D
CSS3のFlexboxを基本から理解して、使い方をマスターしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
CSS3を上手く使った気持ちのいいUIパーツまとめ8つ | Goodpatch Blog
以前日本人初のDribbberである貫井さんにお話を伺った際に、貫井さんはデザインをする上で「気持ちいい」ということを大切にしていると話していました。UIが良いとされるAppleのWebサイトのボタンなどは細部まで美しく、触った時に「気持ちいいな」と感じます。 そこで今回はWeb用のコードスニペットの配布サイトCODEPENから、CSS3で書かれた「気持ちいい」と感じるUIパーツを集めてみました！ http://codepen.io/minustalent/pen/GzuCa ゴムでできたようなボタンです。押すともにゅってへこみます。 http://codepen.io/Dyki01/pen/BeKyp でっぱっている文字をマウスオンすると文字がスッと引っ込みます。 http://codepen.io/diegopardo/pen/dGlfC これはボタンでなくただのテキストなのですが、L
CSSだけで作るアイコン付きボタンの作り方
<body> <a href="#" class="button normal">ボタン</a> </body> body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0; padding: 0; } a { /* サイズ指定 */ width: 200px; height: 50px; display: block; box-sizing: border-box; margin: 20px; /* 縦横中央揃え */ text-align: center; line-height: 50px; /* 色指定 */ background-image: -webkit-linear
レスポンシブなカバーフローっぽいスライドショーが作れるjQueryプラグイン「Flipster」:phpspot開発日誌
Flipster Demo レスポンシブなカバーフローっぽいスライドショーが作れるjQueryプラグイン「Flipster」 次のようなカバーフローっぽいスライドショーが作れるプラグインが配布されています Safariで見るとうまくうまく動きます この手のプラグインは過去にも見られましたが、レスポンシブというあたりが新しいですね 関連エントリ PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」 PC・スマホ・タブレットで動くクールなHTML5スライドショー実装ができる「Juicebox」 ページ全体に広がるスライドショーを実装できるjQueryプラグイン「jQSlider」 CSS3のみでクロスフェードするワイルドなスライドショー
テーブル上にあるマウスの位置を表示させる
Resultテーブル上のマウスの位置を表示する jQuery$("table tr td").mouseenter(function () { //ポインタ追加 $(this).css("cursor", "pointer"); //ユーザーへの表記は+1する var col = $(this).closest("tr td").prevAll("tr td").length += 1; var row = $(this).closest("tr").prevAll("tr").length; //テーブル上のマウスの位置を取得して現在地を表示する $('#result').html("上から<b>" + row + "</b>番目、左から<b>" + col + "</b>番目にいます"); });csstable { border: 1px solid #DFDFDF; backgro
東大院生のエンジニア集団が生み出したGunosyが止まらない！人気の理由と今後期待すること
最近、日本でGunosy(グノシー)というサービスが話題ですね。 ホリエモンこと堀江貴文氏も絶賛のスタートアップです。 これがまた、使っていてめちゃくちゃ気持ちいいんですよ！筆者も兼ねてより愛用している国産プロダクトです。 Gunosyとは？ GunosyはFacebookやTwitter経由でログインすることで、個人の趣味嗜好に合った記事を毎日25本程度(設定可能)自動で配信してくれるサービスです。 誰が作ったのか Gunosyは、2011年10月に代表の福島良典氏を含む東大大学院生3人のエンジニア集団によりローンチされたサービスです。(その後マーケティングを担当する竹谷裕哉氏がジョイン。) ローンチ後、予想以上にユーザーの反応が良かったことが後押しになり(2万人のユーザーのうち70%がリピーター)、2012年11月に法人化、3160万円の資金調達を経て、2013年4月現在で13万ユーザ
ソシオメディア | フラットデザインはUIを進化させるか
ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用
iptablesで鉄壁？の守りを実現する3つのTips｜TechRacho by BPS株式会社
iptablesでサーバを守るときに知っておくと良いことを3つ紹介します 1. 接続回数を制限する(IPアドレスごと) hash_limitを使います これにより特定ホストからの大量アクセス、DoS攻撃を緩和することが可能です 例 2. 接続回数を制限する(サービスごと) limitを使って制限します これにより多数のホストからの攻撃、DDoS攻撃を緩和します limitを使った制限は全ホストが等しく制限を受けるため、ssh等に設定すべきではありません。 （攻撃を受けている間は自分たちも制限されるため） Webサーバが大量アクセスで落ちそうな場合は使えるんじゃないでしょうか？ 例 3. 接続IPアドレスを限定する IPアドレスの国別割り当てをAPNIC等から取得してコマンドを作ります この手のルールは長くなるので、ユーザー定義チェインにしたほうが見やすくなります 例 あとはこんな感じのスク
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
ちょっとこの辺でHTML5のタグを全部確認してみようぜ！！
HTML5のタグは108つある って話は以前このブログでしましたねー。なんの偶然か、108っていう数字には厨二心をくすぐられますｗ 何か意味があるような気がしてなりませんね★ HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― 現在HTML5は最終草案の状態です。この108と言う美しい数字を崩す可能性のある要素として、以前から仕様から外れるかもしれないという話のあったhgroup、Editor’s Draftから追加される可能性のあったdialogやdata、そして新しく追加しようという話の持ち上がったpictureやmainなどがあります。 ただとりあえずHTML5.0のうちは変化することは多分無さそうです。この辺のことはこのAdvent Calendarの初日の記事、覚え書き＠kazuhi.to: 巷（何処）で話題のmain
2階層を往復するだけのエレベータUIはどうあるべきか？ - A Successful Failure
2013年04月29日 2階層を往復するだけのエレベータUIはどうあるべきか？ Tweet 駅のホームと改札口の2階層だけを往復するエレベータでは、なぜか毎回行き先ボタンを押す事を強いられる。B1なのかB2なのか、ホームなのか改札階なのか、はたまたコンコースってやつのなのか？ そんなの反対側に決まっているだろうに。このUIはもっと改良されるべきではないだろうか？ 現状、標準的なUIとしては、図1のように行き先を示すボタンが2つ並んでいるものだ。ボタンの階数表示だけではユーザが混乱するため、「改札階」「ホーム階」「コンコース階」など階層の意味を示す表示が付けられている場合が多い。しかし、ユーザに考えさせることには変わりなく、特に初めて利用するエレベータではどちらを押すべきか若干戸惑うことが多い。なぜ反対側に行くに決まっているのに、わざわざユーザに考えさせるのだろうか？ 図1:通常のエレベータ
X for Business | X tips, tools, and best practices
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記
彼岸寺［higan.net］〜超宗派仏教僧侶によるインターネット寺院
使いたいアイコンフォントを選んでWebフォントをカスタマイズ作成できるサービスいろいろ
新着記事
「脳波停止の後」に残る意識：蘇生医療の最前線から
世界的権威レイ・カーツワイルが、グーグルで目指す「究極のAI」
CSS3で文字を切り抜いた感じに表現する｜Styllleb