Vertical Sliding Accordion with jQuery
Originally written for Huddle.com, grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning. A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There's auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles. And it works
なかなか便利かもと思ったのでメモ。よくある、 フォントサイズを変更できるやつなんですけど、 設定が凄く楽で軽量なjQueryプラグインです。 導入も楽なので積極的にうまく入れて行きたい ですねー。正直使ってもらえるか分からない ものですけど、あれば誰かに役に立つかも 知れませんし。 軽量でシンプルなフォントサイザーです。クロスブラウザで動作してくれて細かい設定も簡単に出来ます。ライセンスはMITとGPLのデュアルライセンスとなっています。 これこれ。よく見かけますよね。多くの場合は小、中、大となっていますが、これはもっと細かい設定を簡単に行えます。ボタンは若干分かりにくいのでその辺は工夫してみてください。 設定を変えるプラグイン(jquery.fontSizer.js)を開いて20行目あたりの変数定義の部分です。 var defaults = { maxSize: 30, minSize:
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
画像の最適化サービスですが、ちょっと珍しい タイプだったのでメモ的にご紹介。フォーマット はJPEGだけなので用途はかなり限られます が、画質を劣化させることなく、サイズを大幅 にダウンさせ、保存し、いつでも手軽に写真 をFlickrやPicasaに投稿できます。現在は 無料で使えるそうです。 現在はベータテストのようで、無料で使うことが出来ます。ワンクリックでFlickrに投稿できるので、写真素材などをFlickrにストレージしている方はこのサービスを間に使うのもありかもですね。 シンプルでいいですね。名前の通りJPEGだけですが、まだ立ち上げ間もないようでフィードバックも募集しているみたいです。 1枚1枚やるならログインは不要ですが、アルバムとして保存するにはログインが必要(無料)です。FacebookやGoogleアカウントでもログイン出来ますよ。 アルバムの作成 アルバムを作るには
はてなさん23歳の大学院生。痩せ型でセルフレームのメガネをかけている。趣味は読書で古典からマンガまで何でも読むが、ビジネス書はバカにしている。テクノ好き。自動車嫌いで自転車が好き。学はあるけど貧乏。教養をひけらかして煙たがられることもある。 ヤフーさん45歳の会社経営者。恰幅のいい体型で高級スーツを着こなす。素封家で地元の名士。愛車はセルシオ。趣味はゴルフと旅行。最近頭が薄くなり始めたのが悩み。一見するといい人に見えるが、腹黒な商売人。 ライブドアさん35歳の外資系金融機関に務めるビジネスマン。細身で仕立ての良いスーツを着こなしBMWを乗り回すヤッピー。私立名門大学卒でビジネス書を多く読むがあまり教養はない。嫌味な性格の拝金主義者。 アメーバさん18歳のキャバクラ嬢で読者モデル。典型的な今時のギャルで同世代の友だちが多い。享楽的な性格で週末はクラブでオールする。偏差値が低い高校出身で元ヤン
みなさん お久しぶりですヽ(´ー`)ノ夏休みの宿題終わりました? 毎日が夏休みの最終日みたいな生活してるあまちゃんです! さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何? WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです! 実はブラウザっていうのは、エンジン部分と見た目の部分(タブとかボタンとかね)に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー`) ブラウザのサーバーってどういうこと? 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの? 実は、今までは JavaS
GoogleMapのAPIと併せて使える700種のアイコンセット「Map Icons Collection」 2011年09月01日- Map Icons Collection | Google Maps Icons, Map Markers, Free POI Icons, GIS Symbols GoogleMapのAPIと併せて使える700種のアイコンセット「Map Icons Collection」 次のようないい感じのポインターアイコンが700種つまったアイコンセットが公開されています。 GoogleMapとアイコンを組み合わせて便利な機能をサイトに組み込むのに役立ちそうです。 Google Mapは今後もサイト作りにおいて使うケースが色々とありそうなので覚えておくと便利ですね 関連エントリ Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps
LiveCart - Free and Open Source PHP Shopping Cart Software PHP+MySQLなオープンソースの超多機能ECサイト構築ソフトウェア「LiveCart」 管理画面もあって、SEOや多言語対応、決済対応、カテゴリ階層、Valid HTML+CSSなど、アピールポイントがかなり書かれていますがとにかく多機能。 デモページを見てもとりあえずショッピングカートとして問題なさそうな感じです。管理画面のデモも使えます カートへの追加はAjaxで追加されたりと、うっとうしくない程度にAjaxやJSも使われています 商品一覧もamazonっぽくて分かりやすいです。 テンプレートのカスタマイズはWYSIWYGで編集できちゃうところもクール 他にもECサイト構築ソフトウェアはあれど負けず劣らずの多機能っぷり。選択肢の一つとして覚えておいてもよさそうですね
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く