jQuery Plugin Design Patterns: Part I | Fuel Your Coding
jQuery plugins come in all shapes and sizes. They perform very simple or very complex tasks depending on their intended use. When it comes time for you tojQuery plugins come in all shapes and sizes. They perform very simple or very complex tasks depending on their intended use. When it comes time for you to design your own plugin, its really important to understand what patterns other developers u
シンプルなフリーアイコンセット集「The Best Icon Sets for Minimal Style Web Design」
TOP > Design , vector , WebDesign > シンプルなフリーアイコンセット集「The Best Icon Sets for Minimal Style Web Design」 シルエットや線のみで描くシンプルなアイコンはWEBデザインでは汎用性が非常に高く、どんなデザインにも使いやすい、非常に使える素材だと思います。今回紹介するのはそんなシンプルなフリーアイコンセットを集めたエントリー「The Best Icon Sets for Minimal Style Web Design」です。 Mono Icons ある程度セットになっていて、一つのセットである程度WEBサイトに展開できるようなアイコンセットが多数紹介されています。今回はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■BrightMix 円形で使える、
CSS3 Gradient Generator
The CSS3 Webkit Gradient Generator is a showcase for the power of CSS webkit gradients. It also provides a simple graphical user interface for working with CSS webkit gradients, allowing a user preview real time what their gradient will look like and provide the code for the gradient they generated.CSS3 Gradient Generator v2.0 Welcome to the CSS3 Gradient Generator! Please be aware that in order t
Mozilla Japan - Firefox 用アドオン - Page Hacker
現在開いているページを編集する機能を提供します。ツールバーボタンもしくはキーボードショートカットで編集モードを切り替えます。印刷前に内容を編集する、テキストエディタとして使うなど様々な用途があります。 対応バージョン Firefox 3.0pre - 3.1b2 詳しい説明 キーボードショートカット Ctrl+F2 を押すか頭蓋骨ボタンをクリックして表示されているページを編集します。次に、編集モードを終えるには同じ操作をします。お望みの位置へボタンを追加するにはツールバーを右クリックし、「カスタマイズ...」を選んで「カスタマイズツールバー」ウィンドウから頭蓋骨ボタンをツールバーへドラグアンドドロップします。これは様々な場面で利用できます: Web ページを印刷する前の編集、いたずら、あるいは空のタブで利用するだけでテキストエディタとして。通常通りに編集したページを保存することもできます
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
iPhoneブックマーク用のアイコンを作成しよう:phpspot開発日誌
今更、かもしれませんが、iPhoneブックマーク用のアイコン作成法のエントリがあがっていたので参考にやってみました。iPhoneユーザ用のアクセシビリティ向上に使えます。 次のような 57x57 ピクセルのPNG画像を作ります。 作ったらサーバにアップロードします。 そして、HTMLタグを追記します。 アイコン画像を光らせたい場合 iPhoneにはボタンを立体的に光らせる機能がありますがこれを実装するためのHTMLです。 <link rel="apple-touch-icon" href="/path/to/icon.png" /> アイコン画像を光らせたくない場合 自分で光る部分もデザインしたいという場合は以下のコードが使えるみたい <link rel="apple-touch-icon-precomposed" href="/path/to/icon.png" /> 実際にコードを仕込
jQuery Masonry › Basic Examples
These examples demonstrate the basic effect of jQuery Masonry. $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); itemSelector is specified to rearrange all box elements, including the ones inside another div. <div id="primary" class="wrap"> <div class="box col2">...</div> <div class="box col1">...</div> <div class="box col1">...</div> <div class="box col3">...</div> <div> <div c
warikiru: Visitor Attention and Web Page Exposure
2008-09-01 Visitor Attention and Web Page Exposure ラベル: ui 2ヶ月前のＷｅｂクリエイターかに載ってたのでちょっと訳してみた。(今回は適当です) [注意] がんばって訳してみましたが、誤りなど発見された方は わたくしまでご指摘お願い致します。 一部、訳せなかった箇所もあるので、分かる方いらっしゃったらコメントなりメールなりで教えてくださると大変助かります。 原文: ClickTale Scrolling Research Report V2.0 - Part 2: Visitor Attention and Web Page Exposure 調査会社：Click Table パート１で分かったことに、ユーザーは何ピクセル、スクロールするか？などの 絶対的な単位ではなくページ内の相対的な位置でスクロールする。 言い換えれば、たいていの
CSSグラデーションのちょっとしたテクニック #1
リリースを間近にひかえたFirefox 3.6で対応されるので、そこかしこで取り上げられているCSSによるグラデーション。基本的な書き方はIntroducing CSS Gradientsやcss gradients in Firefox 3.6を始めとして腐る程あるのですっ飛ばすとして、実際にボタン等で利用する時にどうすれば簡単に書けそうかということをちょっと考えてみようとかいう話。勢いで#1とかつけてしまった……。 button要素にCSSによるグラデーションをかけるには以下のように書くことになる。 button { background-image: linear-gradient(top, rgb(204, 204, 204), rgb(102, 102, 102)); background-image: -moz-linear-gradient(top, rgb(204, 204
30 Impressive vCard Web Designs
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. A vCard is an electronic business card
自分のサイトをソーシャルに変える·PeoplePods MOONGIFT
PeoplePodsはPHP製のオープンソース・ソフトウェア。最近のWebサービスではソーシャルな機能を売りにしていることが多い。コミュニティ性を高め、囲い込みにもなるというのが利点だ。フォロー/フォロワーをはじめとして、類似した機能をもったサービスは多い。 管理画面 同じ機能を幾つも作るのは面倒だ。もっと手軽にソーシャルな機能を実装したい、そう考える方はPeoplePodsを使ってみよう。PeoplePodsはカスタマイズが容易なソーシャルソフトウェアになっている。JSONベースのAPIが提供されているので既存サイトと連携もできる。 提供されているのはユーザ一覧、コンテンツ追加、フォロー/フォロワー、コメント、グループとなっている。管理側としてはテーマ機能やプラグインがあり、WordPressと連携するためのプラグインも提供されている。ハッカーフレンドリーと銘打っており、個々にカスタマイ
ちょっと手を加えてウェブデザインをグレードアップする6つのポイント
既存のウェブサイトのデザインにちょっと手を加えて「Good」から「Great」にする6つのポイントをMyInkBlogから紹介します。 6 Ways To Take Your Webdesign From Good To Great 下記は各ポイントと実例をピックアップした意訳です。 元記事には実例などが他にも豊富に掲載されています。 1. はじめに 1. グラデーション 2. ホワイトスペース 3. グリッド 4. タイポグラフィ 5. ナビゲーション 6. フッタ はじめに ウェブデザインの「Good」と「Great」の差は小さなものです。平均的な人は素晴らしいデザインを構成する明白な相違点を説明することが可能ではないかもしれません。しかし、好きなデザインを見つけることは可能です。いくつかの素晴らしいサイトを分析することで、その相違点を補う小さなディテールをみつけることができるでしょう
リンク先のFaviconを取得・表示できるWebサービス(API)とJavaScript・プラグインまとめ : WebとPCのメモ帳
自分用に外部リンクのFaviconを表示できるサービスを探す必要があったので、発見できたもので2009年11月現在でも使えるAPIサービス・JavaScript・プラグインを一通りピックアップ。通常のリンク先以外にも、コメントやトラックバック欄に表示したりと色々と使い道が多いはず。 Favicon Converter favicon (ファビコン) 画像変換サービス - Favicon Converter 日本のサービス。FaviconをPNGに変換した画像を呼び出すことができる。呼び出しURLの一部を変更することによって、「faviconを取得できなかったときのデフォルト画像」をファイルマーク、矢印、透明画像などから選べるのが特徴。 書式 http://favicon.qfor.info/f/[URL] [URL]部分に取得したいリンク先のURLを入れる。 例 http://favico
フリーソフト・無料ソフト紹介 気になること: ページが見つかりません。
Deprecated: Function ereg() is deprecated in /home/sites/heteml/users/c/e/l/celeb77/web/mt/php/mt.php on line 203 Deprecated: Function ereg() is deprecated in /home/sites/heteml/users/c/e/l/celeb77/web/mt/php/mt.php on line 203 Deprecated: Function ereg() is deprecated in /home/sites/heteml/users/c/e/l/celeb77/web/mt/php/mt.php on line 203 Deprecated: Function ereg() is deprecated in /home/sites/h
Androidアプリの開発者は必須·Android Icons MOONGIFT
Android IconsはEPS/PNGファイルのオープンソース。アプリケーションを開発する際に必要なのはアイディアと技術、そしてデザイン力だ。技術者はアイディアと技術はあるかも知れないがデザイン力に乏しいケースが多い。そのためせっかくの面白いアプリケーションも見た目が貧相で使い勝手悪く見られてしまう。 PNGアイコン デザインでマイナス評価をされ、利用してもらえないのはもったいない。そこで使ってみたいのがAndroid Iconsだ。Android Iconsは30個のアイコンファイルをセットにしており、Androidアプリケーションを華やかにするのに役立ってくれるはずだ。 アイコンはさいころや旗、タグ、グラフ、電球、音符、天気など多彩なジャンルに渡っている。色は黒一色だが、何のシンボルであるかはすぐに分かるはずだ。日本のみならず世界中で使われることを考えると、このくらい単純なシンボル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
noupe - THE magazine for webworkers and site owners
Ajaxian
新着記事
新着記事
http://www.css-lecture.com/log/css3/css3-border-radius.html