この記事は abicky.net の 2 MB 超の画像データを無理矢理 localStorage に保存してみた に移行しました
どうもこんにちは、僕です。 皆さんも大分お世話になっていると思われるjQuery。 今日はそのjQueryを使ったユニークなプラグインを紹介してみます。 1.wScratchPad http://www.websanova.com/plugins/scratchpad スクラッチ機能を実装できるプラグインです。 スクラッチ部分の色や画像の指定、更にはカーソルにコインを使うことができます。 また、どれくらい削ったのかをパーセント表示してくれる機能も搭載しています。 2.oriDomi http://oridomi.com/ 要素を折り紙のように折りたたむことが出来るプラグインです。 折り数や向き、折り幅などの指定が出来るようです。 3.Cheat Code http://www.trovster.com/lab/plugins/cheat-code/ キーコマンドを実装できるプラグインです。
鶏と卵どっちが先か考えて夜も眠れない僕のためにASAP Scienceが動画つくってくれました。ああ、これでやっと眠れます。 僕からのヒント:「犬と狼の境目はなんでしょう?」 (動画訳) 「鶏と卵どっちが先なのか?」―この命題はギリシャの昔からずっと人類を悩ませてきた。 卵生動物は鶏より遥かに前から存在する。その意味では卵が最初だが、ここで問うているのは「鶏と鶏の卵どっちが先?」という因果サイクルのことであって、「鶏は卵から生まれる。ならばその卵はどこから産まれるのか? 鶏から産まれるんじゃないのか? 一体どっちが先なのだ?」ということだ。 鶏卵の殻の形成にはOV-17というタンパク質が欠かせないのだが、このOV-17は鶏の卵巣の中にしか存在しないことが研究でわかっている。OV-17抜きで卵殻は形成されない。つまり鶏がいないと鶏卵は存在し得ない。 だったら鶏が先なのかというと、これが鶏卵の
防災に、デザインを。慶應SFCの授業「未踏領域のデザイン戦略」で学生が発表した防災アイデアがすごいと話題に 「もっと防災がカッコよくておもしろいものだったらいいのに。」 将来の震災に備えるとき、命が関わることとは言えどもやはりあまり楽しさを感じられず、気が重くなってしまうものです。Standbyを運営し記事をお届けしながら、そのような声をたくさん耳にしてきました。 そんな「防災」というテーマ全体の大きな問題に取り組む講義「未踏領域のデザイン戦略」の最終成果発表会が、1/26(土)にシンポジウム「防災のデザイン」内で開催されました。 グラフィックデザイナーの佐藤可士和氏らが講義を共同担当 「未踏領域のデザイン戦略」は慶應義塾大学湘南藤沢キャンパス(通称:慶應SFC)で特設科目として開かれていた講義。担当教員にはユニクロのロゴのデザインで有名なグラッフィックデザイナーの佐藤可士和氏が招聘され、
こんなこと気になりませんか? 「自分以外のサイトがどうやって検索結果上位表示に成功しているのか?ネットで儲けているのか?」 今回はそれを知るための方法とSEOツールを紹介します! ネット上は激戦です。でも、勝ち目がないところでの勝負を避け、弱点だけを攻められれば勝利は間違いありません。ライバルサイトが何を武器にし持ち、どこが弱点なのか、ライバルサイトを丸裸にしてやりましょう!!! その手順は以下の通りです。ツールの使い方も含めて説明します。 著者情報:この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談>サービスメニュー】 💬 𝕏(twitter)はよくフリーランスの人たちにフォローされてるようです。 Follow @websae2
Desktop Custom chess browser puts chess right at your fingertips September 19th, 2023 Opera and Chess.com are teaming up to release special editions of the desktop browser and Opera for Android, putting the... Desktop, Opera GX Aria lands in Opera GX to add AI to your browsing September 7th, 2023 We’re taking your browsing to a whole new level with our own browser AI, Aria – now available on Opera
こんにちは、いつかiOSのデザインのみで食べていきたい鈴木(@suzukisan__)です。 まだまだ若輩ですがiOSのデザイン環境について紹介させて頂きます。 画面設計 iPhone Idea Sheet あまり紙でやることはないのですが、使う場合はこちらのiPhone Idea Sheetです。 うちではむしろエンジニアさんのほうが使っています。 三階ラボ | iPhone Idea Sheet ver.01 あまりに使いやすいのでiPhone5用にiPhone5 Idea Sheetなるものをうちで作成しました。 iPhone5のワイヤーフレームに使えるアイデアシートをイラレで作りました | ナナメウエblog POP 本来は紙に書いたワイヤーフレームから画面設計をイメージするためのものだと思いますが、普通にデザインだけしてコーディング前の画像を取り込んで画面推移を説明す
By Fey Ilyas 「シュッ」や「ポーン」や「ザーッ」といった短いサウンド48種類が無料でダウンロードできるのが「Octave」です。スマートフォンのタップやスライドに合わせた電子音も用意されており、Objective-Cを使って簡単にボタンに音をつけることが可能。AIFファイル48個すべてについて商用利用もできます。 Octave: A free library of UI sounds. http://raisedbeaches.com/octave/ ダウンロードはトップページの中央にあるボタンを押すと始まります。 また、サウンド集にはライブラリが用意されているため、以下のコードを付け加えることによってMacのOS Xやその他iOS搭載機器のボタンにサウンドを追加することも可能。 ボタンや壁紙などのUIキットはよく見かけますが、サウンドは比較的少ないため、48種類という豊富な音
404(Not Found)と表示されるエラーページってあまり見ないですよね。 404ページとは、サーバに接続できたものの、要求に該当するページ情報がサーバが見つけられなかった場合に表示されるエラーページです。 エラーなので普段目にすることは無いのですが、ふとしたタイミングで見た時にカッコ良くデザインされた404ページだと、「ここまでこだわるのか!!」と、サイトの好感度が上がります。 そんな小技の効いた404ページをピックアップしてみました。 404ページデザイン 33選 1. BLIZZARD ENTERTAINMENT https://us.blizzard.com/en-us/error.html 2. Henrik Hedegaard https://henrikhedegaard.com/404/404.html 3. DIL BERT https://www.dilbert.c
ウェブサイトをデスクトップ・タブレット・スマートフォンなど、クロスデバイス対応のレスポンシブデザインにする際、サイズを小さくしたりシンプルにするだけでなく、ユーザーの使い勝手を考慮した一歩先に進むためのUIデザインのガイドラインを紹介します。 UI Design Guidelines for Responsive Design 下記は各ポイントを意訳したものです。 はじめに デスクトップ タブレット スマートフォン おわりに はじめに レスポンシブデザインが誕生した時、ウェブ制作のコミュニティではそれを解決するための方法をすぐに考えだしました。多くのウェブサイトがレスポンシブに対応した今、そこから一歩先に進む時です。コーディングに注意を払うことは簡単ですが、いくつかのスクリーンサイズのためにデザインが犠牲になることがあります。 レスポンシブデザインの多くのリソースは基本をカバーするだけで、
「どんな分野の議論においても、データを集めて分析することで最速で最善の答えを出すことができる」。だから統計学が最強の学問である。著者は本書でこう断言しています。 統計学が本当に最強の学問かどうかは置いておくとしても、以前の記事「次の10年、「統計分析」こそテクノロジー分野でいちばんホットな職業になる」で書いたように、グーグルやマイクロソフトやそのほか多くの企業が統計に着目し優秀な人材を求めていることからも、現代における統計学の重要さは誰もが認めることでしょう。 なぜ統計学はそれほど強力なのか? そして、それをビジネスに活かすにはどうすればいいのか? 本書はそれを、統計学の予備知識のないビジネスマンでも分かるように説明してくれます。 データをビジネスに使うための「3つの問い」 本書は単に統計学を解説するのではなく、ビジネスの視点から統計学の有用性を説いているところに特徴があります。例えば著者
以前ここで「jQuery(JavaScript)でiPhone、iPad、Androidなどデバイスを判別して URLをリダイレクトする方法」と題して、 それぞれのデバイスごとに振り分ける方法を紹介しましたが Androidはモバイルとタブレットの振り分けはできていなかったのですが iPhoneとAndroidモバイル、iPadとAndroidタブレットのそれぞれを振り分ける状況が やはり増えてきそうなので追加版として紹介してみます。 サンプルとしては、AndroidタブレットとiPadは「/tb/」ディレクトリへ AndroidモバイルとiPhoneは「/sp/」ディレクトリへ、リダイレクト処理をする構成にしてみます。 ◆SCRIPT <script type="text/javascript"> var userAgent = window.navigator.userAgent.to
ギャラリー、スライダー等、複数画像の見せ方を色々提供するjQueryプラグイン「Rondell」 2013年02月12日- Overview - jQuery Rondell ギャラリー、スライダー等、複数画像の見せ方を色々提供するjQueryプラグイン「Rondell」。 次のように、カルーセルやスライダー等、様々な画像ギャラリーのUIを実現することができます。 多機能だけじゃなくて、カッコいいところもいいです。サンプルサイトがBootstrapベースですが、Bootstrapベースのサイトに入れても違和感なく埋め込めるでしょう。 カルーセル スライダー スクローラー サムネイル付きギャラリー。動きもいい感じ 関連エントリ ブラウザ上でまるで美術館。3Dイメージギャラリーデモ 卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン サムネイルがシャッフルされてク
Dribbble - Socialtograms by Steffen Nrgaard Andersen ソーシャルサイトのピクトグラムアイコン112個セット。 イラストレータ形式(ai)で入手できて使い勝手が良さそう。変に加工されておらず、公式と同じデザインになっているので、わかりづらくなることもないでしょう。 mixiのアイコンも入ってます(^^) 関連エントリ 手書き風だけどリアルなソーシャルメディアアイコンセット15 シンプルデザインが使いやすそうなソーシャルカウンター「SocialCount」 ソーシャルサイトへのシェアボタンのデザインを統一させられるjQueryプラグイン「Koottam」 Meteorで構築されたReddit風のソーシャルニュースサイト作成OSS「Telescope」
TOP > Design > 素材力の高い岩のテクスチャまとめ「30 High Quality Rock Texture for your Designs」 CG合成やデザイン制作の際に利用しやすいテクスチャは、普段の生活の中では出会うことのできない素材も多く、良いものと巡り会えた際には是非アーカイブしておきたいものだと思います。そんな中今回紹介するのが、素材力の高い岩のテクスチャをまとめた「30 High Quality Rock Texture for your Designs」です。 Hot Rock Texture by *aegiandyad on deviantART 今まで見たことのないような模様や形状が特徴的な、自然の力によって作り出されたさまざまな岩のテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳し
Speak.jsはJavaScriptだけでテキストを読み上げるソフトウェアです。 Webブラウザで音声ファイルを指定してJavaScriptで解析、なんてソフトウェアもありますが今回は一から“音声”を生み出してしまう驚きのソフトウェア、Speak.jsを紹介します。 ボタンを押すとHello Worldと話します。 こんな感じで任意の言葉を話させることもできます。 Speak.jsはジェネレータを通じて音声を動的に生み出します。対応しているのは英数字のみとなっており、日本語には対応していません。常に動的に生成しているので自由なテキストを読み上げさせることができます。 Speak.jsはJavaScript製のオープンソース・ソフトウェア(GPL)です。 MOONGIFTはこう見る テキストを外部サーバに送って、それを音声ファイルにして返すAPIも世の中にはあります。当然、こちらの方が英語
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く