Under construction. Because Tumblr's API has become specification change.
Under construction. Because Tumblr's API has become specification change.
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la
企業におけるグループウェア利用でもっとも重視される機能は「スケジュール管理」です。GoogleのWebアプリケーションで言えば『Googleカレンダー』が相当します。Googleカレンダーは、個人、企業を問わず幅広く利用されており、AjaxとJavaScriptを使ったUIによって、マウス操作によるスケジュールの作成、変更などが容易に行なえます。ローカルアプリケーションと比べても遜色なく、とても高機能です。今回はGoogleカレンダーをもっと便利にするツールを紹介します。 『Googleドキュメント』を活用している人はこちら! 【レビュー】『Googleドキュメント』を便利にするツールたち - オススメ16選 * * * デスクトップ上でスケジュールを通知 名称 GMinder 予定されているスケジュールを見逃さないようにするには通知機能を使うのがよいでしょう。Windowsユーザであ
昨日知ったWebサービスに久々に感激したので勢いでシェアします。Web制作で必ずと言っていいほど必用になるダミー画像を生成してくれるサービスなんですが、これが個人的にかなり便利でした。 PLACEHOLD.ITはダミー画像の生成サービスなんですが、凄く手軽に生成出来るのでかなりオススメです。 ダミー画像を生成する、というシンプルなサービスですが、これが想像以上に有用的でした。 使い方使い方は至って簡単。placehold.itというドメインの後にサイズを指定すればいいだけ。 例えば350×150ピクセルの画像が欲しいなら http://placehold.it/350×150 にアクセスすれば指定したサイズの画像が表示されます。 なので、 <img src="http://placehold.it/350x150" />これで以下のようにダミー画像を表示させる事ができます。 勿論、細かいサ
CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント 2. 大きい見出し 3. 埋め込みフォント 4. 繊細なテクスチャ 5. ミニマリストとグリッド 6. CSS3 7. モバイル対応 はじめに 2010年はウェブデザインが今まで以上に刺激的で試行錯誤に満ちたものになるかもしれません。 HTML5、そしてCSS3の魅力的な新機能をデザイナーとデベロッパーが巧みに取り入れようとしています。 去年からのトレンドだと、現在は手描き風や大きい背景は少なくな
レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので 好みで端折っています。 レイアウトの調整や補助などに使えるjQueryプラグインのまとめ。と、言っても大抵は既出だと思います。順不同。 Supersized 画面に合わせて自動的に背景画像を伸縮してくれるだけでなく、スライドショーにもなってくれます。いつか仕事で使いたい。最近FlickrのAPIにも対応しました。 Supersized jQuery UI.Layout Plug-in ブラウザごとの差異を考えずに自由にレイアウトを組めます。 jQuery UI.Layout Plug-in JQUERY CUSTOM CONTENT SCROLLER スクロール
Love Vector 登録されている素材は、オリジナルのものをはじめ、他の作者によるイラストやアイコンなど多数あります。 目的の素材は検索、タグ、カテゴリから探すことができ、下記にカテゴリの中からいくつかピックアップしました。
section of your WordPress site. For example, you could include a style like this: Don't forget to put your content outside of this comment block (duh!). Although, it would probably be best to remove this whole dang thing before you go live (other- wise, this comment block will be outputted along with your content). ============================================================-->
先日、以下の記事で散々「Androidアプリ、分からないっ」と書きました。 iPhoneユーザがGALAXY Sと過ごした一ヶ月をまとめてみました その後、最近話題になってた以下の記事を思い出しました。Androidの神アプリをあげるスレ | ライフハックちゃんねる弐式 おぉ、よく見ると全く知らないAndroidアプリがたくさんある!! ただ、仕方ないけど、ちょっと見難いなぁ・・・ということで、見やすくするために勝手に整理してみました。スミマセンですm(_ _)m 注意事項以下の前提でまとめてみました。・Androidマーケットからダウンロード出来なかったアプリは除外。・元記事の整理方法とは違ってカテゴリ別で整理(整理しやすいので)・順番はAndroidマーケットのカテゴリ順でカテゴリ内の順番は適当です。・2011/1/31現在のAndroidマーケットの無料アプリのみ。 ※有料アプリはほ
週刊ウェブデザインとは WEBデザインや、WEB開発のためにWebサイトリンク集です。 数あるWebデザインに特化したWEBサイトから目的にあわせたWebサイトを見つけよう!他にもいけてるロゴやウェブ開発に必要な便利ツールやレンタルサーバなどもまとめてあります。 今月の登録サイト数は84サイト 先月の登録サイト数は259サイト 現在の登録サイト数は3,258サイト
【初めての方はこちらをクリック】 iPhoneデザインアーカイブは、携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトです。 iPhoneサイトを制作する上で参考になる秀逸なデザインを持つサイトのキャプチャを集めています。 iPhoneサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練されたデザインを参考にしたい」といった方のために、 優れたiPhoneサイトのデザインを集めました。また、iPhoneサイトにまだ手を出されていないモバイルデザイナーの方に、iPhone サイトデザインの雰囲気を掴んでいただくことで、「今後の仕事の幅を広げるきっかけになれば・・」、という思いで立ち上げました。 デザインに優れたiPhoneサイトはもちろん、技術的に優れたiPhoneサイト、そして現在のトレンドを捉えたiPhoneサイトを掲載しています。 なお、意識的にiPhon
cssやプログラミングjQuery探し 個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 かなり情報が多くなってきたjQuery。使いやすいし、知識の無い僕でも簡単に使えるので重宝してます。そんなjQueryですが、多すぎて探すのも大変ですね。以前ご紹介したサイトも兼ねて、ブックマークの整頓がてら、順回しているサイトをご紹介します。 codrops jQueryと言えば個人的にここを思い浮かべます。情報も新しく早い。英語OKならRSS購読推奨です。 codrops css-tricks こちらはWebデザイナー目線で情報を配信しています。有益j
Announcing the 28 Winners of the 2023 crQlr Awards – the Global Award to Design a Circular Economy Announcing the 28 Winners of the 2023 crQlr Awards – the Global Award to Design a Circular Economy The Future Dynamic Program at National Cheng Kung University|Challenging the traditional education approach through creative learning experiencesThe Future Dynamic Program at National Cheng Kung Univers
こんにちは。 もうすぐ5月も終わりということで、5月中に話題になったwebサービスやアプリをご紹介いたします。 Minbox 少し前に話題になった、容量制限のないファイル共有サービスです。 1番の特徴は、送信したいアドレスを打ち込むだけでファイルをアップロードできる部分。アップロードし終わるのを待たずに瞬時にシェアできるというのが新しいです。30日でアップロードされたデータは削除されます。形式を問わないので、さっと共有したい時には便利そう。 unkochat(うんこちゃっと) トイレの時間を利用したサービスです。 トイレの時間を世界中の人同士で共有しようというコンセプト。スマートフォンからサイトへとぶと、今現在何人の人がトイレしているのかがわかり、ユーザー同士はスタンプでやり取りできます。ネーミングも直感的で、アイデアの勝利ですね。笑 Whisper 秘密共有アプリです。 iOSだけで15
This domain may be for sale!
ロシア人であるElena Kalis氏によって撮影された一連の写真集となっており、水中で撮影するための各種機材を駆使し、主に使用しているカメラはCanon 20Dと5Dで、レンズはCanon 28mmと50mm。水中撮影に当たってカメラマン側は自分やカメラにおもりを付けたり、スキューバダイビングのように水中に長時間いられるように潜水可能な装備を使ったり、かなり大変なようです。 鑑賞は以下から。 Impressions http://www.elenakalisphoto.com/ Sugarock99's deviantART gallery これは「Alice-Looking Glass」という作品。非常にいい雰囲気が出ており、かなり幻想的です。 「Through the Glass..」はまさにアリスが通り抜けたという感じに仕上がっています 「Through the Looking-G
You are now being GOOGLE.COM...
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。 というわけで個人的なリンク集です。スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目的はデザインというよりも、技術をどうやって上手く取り入れているかを見たい、という感じです。 ミニマリズム / シンプルミニマリズム、シンプルデザイン専門のギャラリー。 MNIMAL とにかくここ自体もミニマルなギャラリーです。よく見に行ってます。 MNIMAL siiimple シンプルレイアウトなWebデザインのみを集めています。 siiimple Minimal Exhibit ミニマルデザインを収集。少々カテゴリの分け方がアレ。 Minimal Exhibit m
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる(?)ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
2009年10月30日(追記):プラグインを見直し、こちらで公開しています。 2008年8月9日(追記):この記事はちょっと古いです。最近よく使っているプラグインはWordPressをCMSとして使うときに必ず使うプラグイン6選-Re:Creator’s Kansaiに書いています。 WordPressで企業サイトを作る際に、僕がよく使うプラグインを書き出しておきます。簡単な説明は僕が付け加えたもの、もっと詳しい説明はほかの方が説明してくれている日本語のブログなどにリンクを貼っておきます。それでは、以下から。 追記(2007年7月11日)1点付け加え忘れていました。以下のプラグインを1つのWPに入れた場合などは、いくつかうまく起動しないことがあると思います。そのへんの使用には注意してください。 大体毎回使うプラグイン Customizable Post Listings WPのテンプレート
最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Novecento Sans -wide 個人・商用利用無料。 Patten 個人・商用利用無料。 Bino 個人・商用
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く