ドットインストール代表のライフハックブログ
The free JavaScript plugins and libraries on this page all offer a straightforward and specific function. There are no bloated all-in-one frameworks. Just useful, lightweight and problem-solving solutions to help make the web design and development process much easier and quicker for you. As you would expect, there are plugins below for creating sliders, image galleries, responsive menus, modal wi
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、その他のjQueryプラグインを紹介しています。 ちょっとしたアニメーション効果で印象をぐっと良くするためのjQueryプラグイン「animo.js」 時折背景に線を散らしているサイトがありますが、それをjQueryプラグインLines.jsを使って描くことが可能です。 これにより印象的な感じのサイトになるかもしません。 via:Lines.js
PluploadはjQuery/JavaScript製のオープンソース・ソフトウェア。Webブラウザのもっとも面倒な操作はファイルのアップロードだ。一つのファイルボックスで一つしかファイルが指定できない。これはあまりにも不便で、Flashを使った複数ファイル指定できるファイルアップロードライブラリが人気だ。 Flash版。デザインはどれも統一されている。 だが時代はFlashからHTML5をはじめとする他のライブラリにも注目が集まり始めている。Flash以外の解決策があれば、選択肢に幅が出るのでとても便利になるだろう。そんな複数技術に対応したマルチファイルアップロードライブラリがPluploadだ。 Pluploadが対応する技術はFlash、Gears、HTML5、SilverlightそしてBrowserPlusだ。インタフェースは統一されており、ファイルを指定するとアップロード予定に
jQExtensionsはjQuery/JavaScript製、iPhone/iPod Touch用のオープンソース・ソフトウェア。iPhone向けのWebサイトを開発する場合、いわゆる携帯サイトのように幾つかの特徴がある。とはいえPCのWebブラウザ並みの機能はあるので携帯電話ほどの制約はない。 フローティングウィンドウ ほとんどがデザイン的な特徴になる。既に幾つものデザインフレームワークが存在し、それらを上手に使うことで手早くiPhone向けサイトの開発が出来るようになっている。その一つとして知られるのがjQTouchであり、jQueryならではの拡張を行ったのがjQExtensionsだ。 jQExtensionsはjQTouch用の拡張を提供している。一つはフローティングウィンドウで、スライドさせても常に画面上部に表示される小窓機能だ。クリック一つで消したり、表示/非表示が切り替え
elRTEはJavaScript製/jQueryプラグインなオープンソース・ソフトウェア。Webベースでコンテンツを作成したり、編集する際に取り得る手法は幾つかある。例えば一定の記法に沿って書くことでHTMLにコンバートして表示するもの。もう一つはWYSIWYGなエディタを用意してその場で編集するというものだ。 jQuery UIを使っている WYSIWYGエディタであればリテラシーが高くないユーザであっても、リッチなコンテンツの編集が可能になる。CKEditorをはじめとして幾つか有名なソフトウェアはあるが、ここで紹介したいのはelRTEになる。 elRTEはテキストエリアの上にツールバーを表示するタイプのWYSIWYGエディタで、jQuery UIを使って作られているのが特徴になる。jQueryを使っているので、カスタマイズが容易に行えそうなのが魅力だ。ベースのままでは提供されない機能
ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅:190px マージン:15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7
HTML5 / CSSでできることをざっくり掴みたい。 そんなときに参考になるのが、『Create An Elegant Website With HTML 5 And CSS3』。HTML5 / CSS3のソースがダウンロードできるサンプルです。 HTML5で使われる<section>や<aside>、<header>、<footer>などの各タグの解説と、CSSにおける「RGBa」、「box-shadow」、「border-radius」、「text-shadow」などのプロパティーの解説がされています。 デモは以下から。 Download Source ソースのダウンロードも提供されているので、参考に見てみてはいかがでしょうか? Touch The Future: Create An Elegant Website With HTML 5 And CSS3 あることが一つ決まった。と
買いたくさせるWEBサイト文章術 SEOやSEM対策で自社サイトへ見込み客を誘導できても、その先の「成約」に達することが重要。そこで本コラムでは、問い合わせ数や成約率が上がる「セールスコピーライティング」という文章テクニックを紹介する。書き方一つで、ユーザーの反応率、成約率は大きく変わるのだ。 バックナンバー一覧 あなたはヒトがモノを買う購買心理について、ご存じだろうか。この部分はビジネスを行ううえで非常に重要な要素となってくるので、とくによく理解してもらいたい。 「ヒトがモノを買う3つの理由」 について知っておく そこでまずは大きなポイントとなってくる、「ヒトがモノを買う3つの理由」について、しっかり頭に叩き込んでおこう。この3要素は、Webサイトにおけるセールスコピーライティングを行ううえで、絶対に忘れてはいけないポイントとなる。 1)ヒトは、「痛みから逃れたいがため」にモノを買う た
ブラウザ(ホームページ閲覧ソフト)のひとつであるFirefoxに「Fire Vox」という機能拡張があるのをご存知でしょうか?Firefoxで表示したWebページを、音声で読み上げてくれるツールです(ちなみにVoxとはラテン語で「声」という意味です)。 無料で入手できる機能拡張なので、本格的な読み上げソフト(JAWSなど)や音声ブラウザ(ホームページ・リーダーなど)ほど高機能ではありませんが、自分のWebサイトが音声でどう読み上げられるのかを簡易チェックするのにも適したツールと言えるでしょう。以下に、セットアップ方法および使用方法について、簡単にご紹介したいと思います。 別途必要な日本語音声合成エンジン 実は、Fire Voxを使って「日本語で読み上げる」ためには、Microsoft Speech APIのバージョン5(SAPI 5)に対応した日本語音声合成エンジンが必要です。あらかじめO
IBM Research 東京基礎研究所 研究紹介 Human Computer Interaction IBM Accessibility Internet Browser for Multimedia (aiBrowser) aiBrowser("アイブラウザー")は、動画等のマルチメディアをコントロールする機能と、ユーザが注釈を追加して作ることのできる代替インタフェースを提供する、 視覚障害者のためのインターネットブラウザです。 最近のウェブ環境では、直感的かつ視覚的効果の高い表現が急速に多様化しています。 マルチメディア・コンテンツはその代表的な例です。しかしながら、スクリーンリーダ利用者にとって、こうしたマルチメディア・コンテンツにアクセスすることはとても難しいというのが現実です。 aiBrowser は、動的に変化するコンテンツを含むマルチメディア・コンテンツが、画像を見たりマ
YUI Blog Development Empty Links and Screen Readers Empty Links and Screen Readers About the Author: Mike Davies is a web developer for Yahoo! Europe focusing on web accessibility. He was the Technical Lead Developer of a website redesign which became a PAS 78 case study into the business benefits of accessible websites. Mike writes about web accessibility, Atom and web standards on his personal b
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ(8x8ピクセル)です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
チームの業務を見える化してタスク漏れやスケジュールの遅延を防ぐ Backlogはシンプルな操作性と親しみやすい見た目で、誰でも直感的に使えるプロジェクト管理・タスク管理ツールです。 ※1:2023年12月末時点。サービス継続率は各前月の有料契約総数に占める解約数を引いた割合 ※2:スマートキャンプ株式会社主催 BOXIL SaaS AWARD 2024 BOXIL SaaSセクション プロジェクト管理・工数管理部門で受賞 /「BOXIL SaaS」上に投稿された口コミを対象に、「使いやすさ」においてプロジェクト管理・工数管理部門部門で最も高い平均点を獲得したサービスをスマートキャンプ株式会社が選出(対象期間:2022年7月1日~2023年6月30日) ※3:ITreview主催 Best Software in Japan 2024 TOP50入選 Backlogでプロジェクト・タスク管理
「del.icio.us」をはじめとしたソーシャルブックマークサービスは、Webに接続できる環境さえあれば、いつでも何処でも自分のブックマークにアクセスできるのが特徴です。こうしたサービスを利用することで、情報収集の仕方もブックマークの仕方も変わった方もいるのではないでしょうか。ブックマークをするまでは良いですが、数ヶ月後にアクセスするとNot Foundになっていることもたまにあります。これはソーシャルブックマークサービスが出回る以前からある問題です。また仕事の資料としてとっておいたブックマークが削除されていて、別の類似情報を探すのに苦労した経験がある方もいるのではないでしょうか。GoogleのキャッシュやArchive.orgを使って観覧することはできますが、きちんと残っていない場合もありますし、わざわざ調べるのも面倒です。そこで今回は、こうした問題を解決してくれるソーシャルブックマー
こんにちは、kimoto です。最近暑くなったり寒くなったりで落ち着かない気候ですが、みなさんいかがお過ごしでしょうか。 私は階段で転んで肩と二の腕を痛めました。気候関係ないですけど。 さて、今や JavaScript ライブラリと言えばコレ!と言うくらい人気のある jQuery 。 その jQuery にスポットを当てて短期集中連載をしていこうと思います。 実際に使えるサンプルを題材に、概要を学べる内容にしたいと思っています。 本日は第 0 回という事で、jQuery とは何か?という所から始めたいと思います。 jQuery とは、JavaScript ライブラリの一つで、現在もっとも人気のある JavaScript ライブラリだと言われています。 MIT License と GNU General Public License のデュアルライセンスで、フリーかつオープンソースです。 J
軽い腱鞘炎になってしまいました、toyama です。左手を使うキーボードショートカットが原因です。別名で保存とか、属性をペーストとかマスクとしてペーストとかグループ解除とかしようとすると痛いので、湿布に包帯を巻いてカバーしているのですが、広範囲に巻きすぎているのか左手だけ「リングにかけろ」みたいになっています。 この資料をもとにこの見出し画像を大量に複製して書き出してください!入れる文字はエクセルにまとめてありますので!見出しごとに写真変えてね!うんざりするほど大量にあります!納期は今日!というお仕事があると思います。 テキストをコピー&ペーストすればいいだけなのに、どうしてこんなに辛いんでしょう。そんなときは Fireworks さんにおまかせ! 自動的に画像をつくってくれます。 グラフィックウィザードを活用する こんな画像をテキストだけ変更して、大量に作るミッションです。 用意するのは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く