最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Adec 2.0 個人・商用利用無料。 Antechamber 個人・商用利用無料。 Bitter 個人・商用利用無料。
Google Chromeといえば、拡張機能が豊富で、便利なものが多いことも特徴。それゆえ、拡張機能を入れすぎて壊れてしまったり、重くなってしまうことも多々あります。 そんなときに、Google Chromeが重いことや、ボタンが増えすぎてしまう状態を解決してくれる拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Chrome拡張機能をグループ分けして切り替える拡張機能「Context」 「Context」は、Google Chrome 拡張機能を用途ごとにグループ分けし、状況によって利用するものを切り替えるChrome拡張機能。 設定した拡張機能以外を止めることができるので、Google Chormeのメモリ消費量を抑えることができます。 用途によって使う拡張機能を切り替
Debugging tool for Safari on iPhone, iPad and PhoneGap apps - Remote Inspector (Firebug) for JavaScript, HTML and CSS iOSシュミレーター上でのWEBサイト開発に使える「iWebInspector」 iPhone用サイトはSafariやChromeでテストして後は実機で動作確認なんていう手順をとっていましたが、iOSシュミレーター上でやるとより状態が再現できてよさそうですね。 更にこのツールを使えば、FirebugやChromeのDeveloperTool風の機能も提供してくれてデバッグに便利そうです。 PhoneGapをAdobeが買収したり、今後はHTMLベースのアプリの躍進が予想され、開発環境周りも整っていきそうですね 関連エントリ 秀逸なiOSアプリケーションアイコ
Cue ? A gesture icon system ? Some Random Dude スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」 スワイプとかいっても、それ何?と言われそうな気がする今日このごろですが、今回紹介するアイコンを使えば、なんとなく説明がしやすくなるかも。 次のような指を模したデザインに矢印などをつけてジェスチャーを表現したアイコンセットが公開されています サイト自体のチュートリアルページなんかに使うといいかもしれませんね。 PNG、SVG形式で公開されています 関連エントリ オープンソースのマルチタッチ用ジェスチャーアイコンセット iPhone等でもスワイプで画像を送れるカルーセル実装jQueryプラグイン「Roto」 Firefox4のAudio Data APIで楽譜をWEB上で演奏するデモ
10 HTML5 File Upload with jQuery Example HTML5を使ったファイルアップロード用プログラム集 プログレスバー付きや、デスクトップ等からのドラッグ&ドロップ対応等、HTML5やjQueryを活用したアップローダーの例が公開されています。 プログラムのダウンロードも可能。アップロードはWEBサービスの昨今において必須の技術ですが、こうしたサンプルを見つつ実装方法について一考してみてもよさそうですね ファイルアップロードも昔は単調はフォームだったのが嘘に思えるぐらい進化してますね 関連エントリ jQueryで実装する進捗グラフ付き複数ファイルアップローダー 超シンプルな画像アップローダー&画像シェアできるツール「imgur」 今だかつてない使いやすさでUIもクールなマルチアップローダー実装ライブラリ「Plupload」
テーブルを直接編集できるようにするjQuery.TableEditorプラグインを紹介します。 1.サンプル 以下のリンク先にサンプルを用意しました。jQuery.TableEditorプラグインの動作を確認できます。 サンプル 「編集」をクリックすれば、テーブルのセルがテキストフィールドに切り替わります。 「保存」をクリックすれば、テキストフィールドに入力した値がテーブルに表示されます。入力した値は保存時に起動する関数を利用してデータベースやファイルに保存できます。 2.プラグインのダウンロード TableEditorのページから「tableEditor」と「tableSorter」をダウンロードします。 TableEditor 3.jquery.tableEditor.jsの修正 ダウンロードしたjquery.tableEditor.jsはjQueryの最新バージョン(2011年11月
TOP > WebDesign > Flashを利用したクオリティの高いwebテンプレートまとめ「30 Free High-Quality Flash Web Templates」 Flashを利用したwebページは、スペシャルコンテンツなど複雑な表現やアニメーションを利用したwebページ制作に良く利用されていますが、制作には手間と時間が掛かります。そこで今回は、手軽に利用できるFlashを利用したwebサイトのテンプレートを集めた「30 Free High-Quality Flash Web Templates」を紹介したいと思います。 (flashmo 249 mega grid – Free Flash Template) 動きのあるユニークなサイトを制作できるテンプレートが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
デモページ:幅480pxで表示 実装 実装のイメージ 画像のサイズは100%で設定し、高さ・幅の上限は画像を内包するdiv要素で設定します。 また、垂直方向の中央に配置するために、「overflow: hidden;」を使って余剰分を隠します。 実装のイメージ:天地均等にクリップ [ad#ad-2] HTML 画像はimg要素で配置し、div要素で内包します。 <div class="image-wrap" id="wrapper"> <img src="path/to/your/image.jpg" alt="your image"> </div> CSS 上限の高さを450pxに設定します。 .image-wrap { max-height: 450px; overflow: hidden; max-width: 800px; -webkit-transition: max-width
1.外部施策・内部施策を自動化するツール 2.SEOにおける問題点を分析するツール 3.作業負荷を軽減するツール この中で1.のアクセスアップ系のツールはおすすめできるものはないと言っていい。 代表的なものとしては下記のようなものだ。 ・自動的に被リンクを獲得するツール ・相互リンクを自動化するツール ・掲示板に自動的に書き込みを行うツール ・コンテンツをかき集めて大量にページを自動的に生成するツール これらのツールは有害である。 さて、共通点があることに気がついた方も多いだろう。 共通点は「自動的に」という言葉が含まれることである。 省力化そのものは悪ではないが、これらを自動化するということは検索エンジンが求めているものに反することになる。 ・被リンクは人気度の指標であるから、これを自動化することは検索エンジンを騙すことになる。 ・有用なコンテンツを表示させるのが検索エンジンの目的だから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く