The Freesound Projectは、ボタンのクリック時の音や波・風・鳥の鳴き声・ノイズ・パンチ・キック・電話・楽器などの多種多様なサウンドファイルがダウンロードできるサイトです。
The Freesound Projectは、ボタンのクリック時の音や波・風・鳥の鳴き声・ノイズ・パンチ・キック・電話・楽器などの多種多様なサウンドファイルがダウンロードできるサイトです。
オンラインサービスの中で利用率の高いサービスといえば"写真共有サービス"だ。サービスの数々を提供するGoogleには『Picasa』がある。クライアントソフト「Picasa」とオンラインサービス「Picasa Web」を組み合わせて利用できる。デジカメ写真の管理はPicasa、友人との共有にはPicasa Web、という使い方が可能だ。そんなPicasa/ Picasa Webをもっと便利に感じられるソフトウェアを紹介しよう。 Google系サービスを便利にするツールたち 【レビュー】『Googleドキュメント』を便利にするツールたち - オススメ16選 【レビュー】『Google カレンダー』を便利にするツールたち - オススメ13選 【レビュー】『Gmail』を便利にするツールたち - オススメ15選 【レビュー】『Picasa』を便利にするツールたち - オススメ15選 【ご注
本日、はてラボに新しいサービス「承認プラットフォーム 大承認」をリリースしました。 http://daishonin.hatelabo.jp/ 承認プラットフォーム大承認とは 承認プラットフォーム大承認は、インターネットで人に褒められた「承認」をまとめるウェブサービスです。 インターネットでは、情報を発信すると注目こそされるものの、その分批判的な意見も集まるので、情報を発信するクリエイターにとっては厳しい世界でした。 承認プラットフォーム大承認は、クリエイターのためのオアシスです。承認されたという思い出をまとめて、後からまとめて見返すことができます。 承認プラットフォーム大承認でできること インターネットで人に褒められた「承認」を投稿できます。 友達が承認されていたら、友達のページに投稿することができます。 めでたい承認には、寿ボタンでお祝いすることができます。 承認プラットフォーム大承認
自分で書いた文章をコピー&ペーストするだけでミニサイズの折り本用PDFファイルが作れるサービスが「8p Orihon Maker」。折本は全8ページ、最大1万3760文字まで記載でき、文字色の変更や、表紙をつけることも可能です。 8p Orihon Maker - PDFで誰でもかんたんに折本が作れるウェブサービス http://8p.dip.jp/ テキストボックスの上には編集ボタンがあります。左から、文字色の変更、元に戻す、やり直し、テキストの貼り付け、画面のクリアボタン。 色の変更ボタンを押すとカラーボックスが現れます。 テキストの貼り付けボタンを押すと、ポップアップウィンドウが。このテキストボックスにCtrl+Vで本にしたい文章をペーストします。もちろん直接テキストボックスに文字を打ち込むことも可能。 貼り付けたら「OK」をクリック。今回は吾輩は猫であるで作成することに。 文字の大
細部まで作り込まれた美しいデザインのウェブ用のUIエレメントのPSD素材を紹介します。 そのまま制作に使ってもよし、インスピレーションをもらってもよし、PSDなのでエフェクトの勉強をしてもよし、などいろいろ活用できると思います。 ※一部のファイルはPNGフォーマットです。
どうしたらクライアントの納得するデザインにたどり着けるのだろう。と考えたことはありませんか?デザインのフィードバック地獄で苦労したWebデザイナー、ディレクターの方は多いと思いますが、振り回されがちなWebデザイナーの特徴とその対処法について、ケーススタディでまとめてみました。 ■クライアントに振り回されるWebデザイナー/WEBディレクターの特徴 「フィードバック指示を額面通りに受け取ってしまう」 これに尽きます。クライアントはデザインをした事が無い人がほとんどなので、修正指示もデザイン的には正しくない事がかなりの割合であります。 これは映画を観て良かった悪かったは誰にでも評価できるが、その映画をどのように修正したらよりよくなるかは経験を積んだ者にしかわからない、というのと同じことです。 にもかかわらず、「ここのボタンを赤くしてください」、「背景をグレーにしてください」という指示を額面通
Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。 今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。 Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ(動画 00:05)。 関連記事:時間にくさびを打って24時間を習慣化する Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない(動画 01:30)。また「ツイート
Notice of Termination of AddThis Services. What’s Changing? As part of a periodic product portfolio review, Oracle has made the business decision to terminate all AddThis services effective as of May 31, 2023. Key Dates Existing AddThis users can expect that after May 31, 2023: the user must immediately cease its use of AddThis services, and promptly remove all AddThis related code and technology
羊毛布団を洗濯機にかけられないことを知りました。ago(@kyo_ago)です。 意外と知られていない機能が多い!?Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
iPhoneのホームボタンの反応が悪くなってから数ヶ月が経ちました。親指が痛くなるくらい教えても全然反応してくれません。 iPhoneのホームボタンをデコピンもしました。無水エタノールを買ってきてホームボタンにたらしても見ましたがどれも効果はありませんでした。 驚きました。iPhone4S発売までもうホームボタンの事は諦めていましたが@donpyさんの記事Tips Focus【20111011版】〜ホームボタン反応改善の新説と私見。 | @CDiPを試したら本当にホームボタンが反応するようになりました。 SPONSORED LINK 実際にやってみましょう 1) どのアプリでもいいので起動させる。 2) スリープON/OFFボタンをシャットダウンスライドバーが出るまで押し続ける。 3) スリープON/OFFボタンを離す。 4) その画面のままでホームボタンをホーム画面に戻るま
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
JavaScriptのデバッグは、ウェブ開発の必須スキルのひとつです。プログラムの実行をデバッグすることで、現在の変数の値や、処理がどのように進んでいるのかを確認できます。デバッグによってプログラムが意図した動作になっているかの分析に役立てられます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」(以下「デベロッパーツール」、「DevToolsデブ・ツールズ」という略称もあります)を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、順番に試しながら読み進めてください。 この記事で学べること デベロッパーツールの使い方 JavaScriptのブレークポイ
ナビゲーション、ボタンなどのエレメントをはじめ、ページレイアウト、アイコンなど、商用でも無料で利用できるウェブデザイン用のPSD素材を配布しているサイトを紹介します。
注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!! html5-css3-orange-logos / Nelson Felix Giga どうも!おつぱ( @OZPA )です! 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介! ウオアアアアアアアア さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム(回転/拡大縮小/移動)やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連:[CSS]GoodDesign賞にノミネートされて落選するこ
Slackが一昨日(2019年10月15日)に発表した新機能「ワークフロービルダー」! みなさま、もう使いましたか? 結論から言うと、この機能は最高です。いますぐ使うべし! 公式サイトによると、ワークフロービルダーとは、下記のような機能とのこと。 定型的なアクションやコミュニケーションを自動化するワークフローをわずか数分で作成。 ということで早速ためしてみたのですが、これ、めちゃくちゃ使える…!用途としては、下記のようなものが考えられると思います。 入社後の手続きや、オンボーディングのフローを自動化 年末調整や健康診断といった、総務系オペレーションの効率化 会社・チームの目標管理や更新 チームの朝会のような、アジェンダの決まったMTGをSlack上で実施 bot的に使って遊ぶ(おまけ。あとで紹介しています) 弊社では、早速ワークフローがじゃんじゃん生成されています! 実際のワークフローの中
これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。 しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。 ただ、既存の CSS フレームワークは内部で jQuery を使用していることが多いので、React と jQuery を共存させるか、jQuery 部分を自前で実装しないといけません。 そこで React で「早く・それなりの UI 」を作れそうな React コンポーネントセットを手当たり次第に調べてみました。 Note: Web 向け UI の コンポーネントのみとなっています。React Native や
AmazonがEvilに染まっていく… 購入手続きのときに、急にこんな画面が挿入されてきたんだけど、 https://tadaup.jp/55aeed90d.gif こんな絵に書いたようなダークパターンある?? 「お急ぎ便を無料で利用できます」と書いてあるけど、 小さく「会員は\600円/月で特典使い放題」と書いてある。 つまり、「600円払えば無料だよ」と言っている。つまり、無料ではない。 読解力を測るテストで間違えるような人は、もうこれ読み取れないだろ。 しかも、その下のボタンである。 一見すると、ボタンが2つ並んでいる。 YesとNoのボタンなのかと思いきや、なんと、これはYesとYesである。 「Yes か はい で答えてください」というジョークを素でやっているのが、今のAmazonなのである。 では、Noのボタンはどこにあるのかと、画面中をよく探したら、左側に、普通のテキストの見
iPhone でブックマークレットの設定を行うと、いつでもブラウザのブックマークから、はてなブックマークへ追加やブックマークコメントをチェックすることができます。 【1】このページをブックマーク このページをブラウザのまたはボタンで一度 iPhone 本体にブックマークします。 【2】ブックマークレットのコードをコピー 以下のコードを全選択し、コピーします。 javascript:(function(){if(window.BTouch){BTouch.Let.loadBookmarklet();}else{var d=new Date;var s=document.createElement('script');s.type='text/javascript';s.charset='utf-8';s.onload=function(){BTouch.Let.loadBookmarklet
記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 @akio0911です。このブログでは今までにもiPhoneの小技・裏技に関する記事を書いてきましたが、今回はiPhoneの顔文字ボタンに好きな顔文字を追加登録する方法を紹介します。 追記 更に簡単に顔文字登録が行えるアプリを発見しました! 連絡先を使わずに辞書登録ができる顔文字登録アプリ「顔文字+」 iOS 8だと顔文字キーボードを使うこともできます! 【iPhone】アプリを使って顔文字キーボードを追加する設定方法 「顔文字ボタン」とは? 「顔文字ボタン」とは、iPhoneのキーボードの中にある、このボタンのことです。 「顔文字ボタン」に好きな顔文字を追加する方法 ホーム画面で「設定」をタップします。 「一般」をタップします。 「キーボード」をタップします。 「
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO(入力フォーム最適化)をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル(項目名)」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
iPhoneアプリのようなリッチなUIをブラウザで実現!Web 2.0 Touchが凄すぎる! 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。 どんな動きが出来るのか、これを見ると一目瞭然です。 アニメーション 上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。 テーブル表示 お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。 ボタンやタブ表示、吹き出し タブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう
アイコン、UIエレメント、イラスト、ブラシなど、ピクセルベースのウェブデザインの無料素材がダウンロードでき、アップロードして共有してポイントも貯められるサイトを紹介します。 Freebie Pixels [ad#ad-2] Freebie Pixelsはメンバーになると素材の登録が可能で、ダウンロードに応じてポイントが貯まるシステムになっています。貯まったポイントは現在のところサイトに広告を掲載できるようです。 各素材のダウンロードはメンバーになる必要がなく、各素材の「Download File」ボタンをクリックするだけです。 以下に、いくつかその素材を紹介します。
最小限のコードで動く最も汚いコードから始める 2023.09.02 コードを書く際の重要な要点は、読みやすく他人に理解される「良いコード」を書くことです。しかし、完璧を目指して最初から書こうとすると行き詰まります。代わりに、荒削りながらも動くコードを作成し、徐々にリファクタリングして完成度を高めます。型エラーやリントエラーを無視しても構わないので、まずは動くものを作成しましょう。それからリファクタリングして「良いコード」を作成できます。 コードを書くときに最も大切なことってなんだろう?聡明な読者諸君ならご存知だろうが、コードは書く時間よりも読む時間のほうが長い。だから他人に読まれることを意識して、読みやすい「良いコード」を書かなくっちゃならない。コンポーネントは適切な粒度で分割されていて、適切な名前がつけられている。型システムに安全性だって守られてるし、最新のなんとかアーキテクチャにも準拠
Palettaは顕色系 (色相, 明度, 彩度) をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます. 詳しく
今年も沢山のアイコンセットを発見しましたが、2009年に発見した秀作アイコンをまとめてみました。 WEBアプリ汎用、ソーシャルアイコン、Eコマース用アイコン、その他に分類してます。 WEBアプリ汎用 Led Icon Set - Psdtuts+ MinIcons by ~kyo-tux on deviantART 32px mania Vaga Onebit free icon set いい感じのアイコンセット Project Icon Set | Dezinerfolio WooFunction: 178 Amazing Web Design Icons?|?WooThemes WP WooThemes Ultimate Icon Set ? First Release?|?WooThemes 綺麗で汎用に使えそうなアイコンセット集「Function Icons」 Icon Set b
2011年04月30日 03:45 引き続きv1.7.2を検証していた際、IE6~IE8でメモリがうまく開放されないケースがあったため、 対策版としてv1.7.3をリリースしました。 ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月30日 00:15 jQuery.socialbuttonのXSS脆弱性につきまして、対応版のv1.7.2をリリースしました。 v1.7.2以前のバージョンでは、urlオプションを指定せずに以下のボタンを呼び出した際、無害化されていない document.URLを参照することが原因で、XSS脆弱性が発生します。 mixi いいね facebook いいね GREE いいね 新はてなブックマーク 旧はてなブックマーク ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月29日 02:40 現在、jQuer
ホテル アンテルーム 京都へようこそ HOTEL ANTEROOM KYOTOは、2011年当時、学生寮として使用されてきた建物をコンバージョンしオープンしたホテル&アパートメントです。 館内には、ギャラリー・朝食レストラン・バーを併設。2016年のリニューアルでは新たに67室が加わり全128室の客室と50室のアパートメントとなり、 コンセプトである「アート&カルチャー」に新たに「和」が加わりました。 アンテルームではそれら3つのテーマを現在進行形の視点で捉え、「京都の今」を発信しています。 京都府京都市南区東九条明田町7番 JR京都駅八条東口より徒歩15分、地下鉄烏丸線九条駅より徒歩8分、東寺まで徒歩18分 075-681-5656
つい昨日の話 仕事で出張続きで休みがなかったため、昨日代休を貰って家でまったり過ごしていたんだ。 昼過ぎになって家のチャイムが鳴ったので出てみると、中学生くらいの子が3人いた。 以下やりとり 中「wi-fiできますよね?」 俺「は?え?どういうこと?」 中「この家から無線LANの電波が出ているのは分かっているんです。」 俺「え?いやまあ確かに無線LAN使っているけど・・・」 中「AOSSボタン付いてます?」 俺「あ~ついてるね」 中「それを長押ししてください。あとはこっちでやるんで。」 俺「は?ちょっとまって何する気?」 中「え?DSでwi-fiするんですよ」 俺「いやいや自分の家でやってくれ」 中「家にないから持っている人の物を使うんじゃないですか」 俺「いやいやだからといって使わせることはできないよ」 中「少しくらいいいじゃないですか。ボタンを長押しするだけじゃないですか」 俺「駄目な
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く