マインドマップの公認インストラクターの有志の方々によるつぶやきセッションのまとめです。ジーニアスコードの話題なども。
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書きましたが、実際のプラグインの実装においてこれらの情報が必要になるのは、ブラウザの表示領域に対してということが多いかと思います。 具体的にはツールチップなどの機能で、画面の端の要素を hover した時、ポップアップがブラウザの表示領域内に収まるように表示位置を調整するような場合に、ブラウザの表示領域のサイズやスクロール量などが必要になります。 jQuery でブラウザの表示領域をつかむ方法 ブラウザの表示領域を jQuery でつかむには、以下のような記述でできそうです。 $('html') $(window) $(
日本語で運営されているサイトで WordPressを使った良デザインの サイトをご紹介します。僕が知っている 範囲ですので「こんなサイトもあるよ!」 と言ったお勧めサイトがありましたら 教えて頂けると嬉しいです。 一応テンプレ等を使用していないと思われるサイトに絞っていますが「テンプレだよ」というサイトがあったらごめんなさい。配布テーマでもしっかりカスタマイズしたものは有りの方向です。以前書いた記事の第2弾的なエントリーです。以前も記事内にもWPを使ったサイト多目でした。以前の記事で紹介したサイトは割愛しています。 UMLAND レッドカラーが凄いインパクトです。所々にもjsを使った表現をされています。 UMLAND mono-lab シンプルでかなり見やすいです。フッターも素敵ですよ。テーマも配布してくれています。 mono-lab Brooklyn Parlor かなりハイクオリティで
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円(2014/8現在) 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
Over the last year (2009) we’ve been collecting high-quality fonts created by talented designers and type foundries. In this collection, we’d like to present an overview of 50 of the best Free, New and High-quality Modern, Handwritten, grunge, Cartoon style fonts for clean and professional designs in 2009. Note: Please read the license agreements carefully before using the fonts. Some of these f
60 User Interface Design Tools A Web Designer Must Have by Sonny M. Day | Last updated Oct 18, 2016 | Tools | 49 comments The success of web applications and websites depends in how well designed the User Interface is. Designing a good user interface however is a very challenging process. A designer’s concepts and design decisions always affect the end users of the web site, application or general
This latest free brush pack includes a range of strokes styles, from thick and heavy through to light and rough, giving plenty of variety when grunging up or distressing your designs. Each brush weighs in at the max 2500px size, giving awesome levels and detail and allowing the brushes to be used for any project, whether it’s a large scale print job or a web based design.
「なんだかフィード消化が最近つらいなー」 これを生み出している原因はたくさんありますが、以下の3つについて今回は考えてみます。 1.購読しすぎ 2.うまく整理されてない 3.全部読もうとしている 今回はこの3点に絞ってみます。 そんなに外れてはいないと思います。 以下にそれぞれについての解決策をいくつか提案して紹介します。 まずは『購読しすぎ』についてです。 まず今自分がどれくらいブログを購読しているか確認してみましょう。 Googleリーダーの「トレンド」よりチェックできます。 私の場合ですと、416件購読しています。 多すぎる!ってことはありませんが、さすがに全部読むにはしんどいレベルです。 だいたい100件を超えると、消化が追いつかなくなるんじゃないでしょうか。 まず一つ目の解決策として、「購読量を減らす」というのをやってみます。 単純に購読する量を減らせば、読む量も減りますし少しは
Still searching for tiny gifts for boyfriend? As the below infographic shows, there area unit many tiny gifts for man you’ll be able to offer to indicate what quantity you’re keen on him. From his favorite cologne to a electric lamp or pizza pie cutter, he can actually appreciate obtaining a charming gift to indicate you care although it’s not his birthday or Christmas. Why not have a glance at th
ビースティーノカジノ- Beastino Casinoであなたの内なる獣を解き放ちましょう。何千ものトップスロットの中から選び、テーブルゲームで順番を決め、ライブカジノで動物のアクションを楽しむことができます。 カジノを見る ビースティーノカジノ ビーストモードで行こうBeastinoは、最大のゲームコレクションを持つカジノの獣です。アカウントを作成するのに時間はかかりませんし、唯一の問題は、最初に何をプレイするかを決めることでしょう。 Microgaming、NetEnt、Yggdrasil、Pragmatic Play、その他多数のトップクラスのゲームプロバイダーがここにあります。Beastinoでプレイすれば、いつでもジャングルの王様になった気分になれるでしょう。 Beastinoで何千ものゲームをプレイスロットが欲しいなら、私たちにはスロットがあります!正確には3000台です。次の
この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草? Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記(改訂版) Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 以前Designworksでも「グラフィティマークアップ言語「Graffiti Markup Language」」と言う記事で紹介した街で展開されているグラフィティアートを世界中で再現するために制作された共通マークアップ言語「Graffiti Markup Language」。今回紹介するのはGMLを読
言葉を調べるたびに付せんを貼るという「辞書を使った学習法」専用の付せんをニチバンが発売する。1セット2000枚の付せんで、大量に使えるのが特徴だ。 言葉を調べるたびに付せんを貼る――。立命館小学校の深谷圭助校長が提唱する「辞書を使った学習法」だ。付せんがどんどん増えることで、自分がどれだけ辞書を引いたかを視覚的に実感できるのがメリットだが、1冊の辞書に5000~6000枚もの付せんを貼ってしまうこともあるという。そんな学習法向けの付せんをニチバンが1月21日に発売する。 「辞書引きふせん」は、「辞書を使った学習法」で最も使われている25×75ミリサイズの付せんを、100枚×20冊のセットにしたもの。合計で2000枚の付せんが利用できるというわけだ。イエロー、ピンク、ブルー、グリーンの付せんを5冊ずつ組み合わせているため、辞書に貼る際に色分けもできる。 価格はオープンプライスだが、実勢価格は
2010/01/14 Webブラウザ上のJavaScript環境でFlashのランタイムを実装したオープンソースプロジェクト「Gordon」が1月14日にGitHub上で公開された。開発したのはミュンヘン在住のTobis Schneider氏で、MITライセンスでライブラリを配布している。GordonはSWF3アクションモデルをサポートしていて、ActionScript 2のVMも今後のリリースに含む予定という(対応タグ一覧)。 GordonはFirefox、Chrome、Safari、それにiPhone上のMobile Safariなどで動作している。@IT編集部で試したところ、サンプルとして付属する3つのswfファイルはChrome上で問題なく表示でき、アニメーションすることも確認できた(デモはここ)。本家のFlash 10よりやや遅いという程度で十分実用的な速度。iPhone 3G上
「ダラダラと長くなってしまう」「緊張して上手く話せない…」といった悩みがつきないのが、「プレゼンの話し方」。資料作りももちろん重要ですが、それを上手くアピールできるかどうかも話し方次第ですよね。そこで今回は、聞く人を惹き付ける「プレゼンの話し方」についてのエントリーを集めました。 ■話が上手な人の特徴って? 話が上手な人と下手な人とでは、一体どんな点が違うのでしょうか? 「伝えたいことを明確に」 ▽説明のうまい人の特徴ってこんな感じ。 - かみんぐあうとっ 説明上手な人は、「伝えたいことがその人の中で明確」になっています。そのためポイントを絞って簡潔に話をすることができ、説明の間も迷うことがありません。また難しい用語は使わず、専門用語にはちゃんと説明もプラスするといった配慮も大切ですね。 緊張を抑えるには? ▽スピーチの緊張感に打ち克つための小技3つ - 烏は歌う プレゼンの内容以外に「人
コンテンツへスキップ お探しのものが見つからないようです。検索すると良いかもしれません。 検索: 検索
昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。 10 Techniques for a Fantastic Footer 以下は、そのポイントを意訳したものです。 はじめに 1. プライマリ ナビゲーション 2. 「トップに戻る」ボタン 3. 美しいコントラスト 4. インパクトのあるイラスト 5. 充実したコンテンツ 6. インフォメーション 7. メディア ハブ 8. 新鮮なコンテンツ 9. インフォグラフィックス 10. ビジュアル的なアクセント はじめに 魅力的なフッタは、サイトのユーザーに永続的でポジティブな印象を与えることができます。 フッタのデザインと機能性の両方にフォーカスをあてることで、サイトのフッタを魅力的に
こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウ本などがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、本では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者:株式会社ゆめみ 販売元:インプレスジャパン 発売日:2008-12-25 おすすめ度: クチコミを見る モバイルデザインアーカイブの本。―携帯Webコレクション 著者:モバイルデザインアーカイブ 販売元:春日出版 発売日:2009-08 おすすめ度: クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ
Windows/Mac/Linuxに対応: 「今年こそ、仕事を効率よくこなしたいなぁ...」と考え中の方もそうでない方も、こんなアプリはいかがでしょう? 『TimeGT』はタスクごとにタイムマネジメントができるGTD用デスクトップアプリです。 『TimeGT』はWindows/Mac OS X/Linuxに対応。インターフェイスはデスクトップメールアプリに似ており、タスクをプロジェクトやテーマごとに分類したり、優先順位や緊急性に応じてマークしたりと、タスク整理もカンタンにできる仕組みになっています。もちろん、各タスクについて開始時刻・完了時刻を入力でき、費やした時間を自動的にバッチリ算出。詳しくは以下の動画で、スクリーンキャストをチェックしてみてくださいね。 『TimeGT』は無償版(RABBIT)と有償版(HEDGEHOG・4.95ユーロ/月)の2バージョンで展開。有償版は同期機能やデー
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
ちともう一回。これ、気になるんだよなー。 ネット巡回がインプットにならずただの消費になっていた 毎日200〜300くらい記事読んで、ぶくまつけて、スターつけて、TwitterやらTumblurにポストして。 自分は情報を大量にインプットしてるつもりだった。なんとなく勉強して偉くなったつもりになってた。 でも、そうやってため込んだ知識は他の人と話すときに何の役にも立たなかった。 つまり、これはインプットじゃあなかったわけだ。だってアウトプット口がないんだから。 となると自分がやってきたことは何だったのか? 少なくとも現時点では、ただの消費になっているのは間違いない。 私がやってること自体がまずいというわけじゃないと思う。 ただ楽しいからやってることではあるが、一日の時間の大半を費やしている作業が ただの消費で終わってしまうのではまずい。 自分が蓄えてきたものを誰かの役に立てるようにするか、
GoogleのSEOはYahooと比べ非常に分かりやすくなっていると思いますので、効果的なテクニックをまとめておきます。 内部SEO対策 内部施策についてはどれが一番重要と言うのが難しいのですが、Googleについては基本的な内部SEOを実施したら後は外部施策に力を入れた方が良いでしょう。内部施策については簡単に書いておきます。 オーソリティ(ドメインパワー) GoogleのSEOではオーソリティ(ドメインパワー)が重要になってきます。サイト内の多くのページが沢山のサイトからリンクを受けサイト全体が検索エンジンから評価されているのがオーソリティサイトです。 ドメイン年齢(継続した運用暦) サイトボリューム(更新頻度) 被リンクの継続的な増加(サブページへの万遍ないリンク) オーソリティサイトからのリンク 関連性の高いサイトからのリンク この5つの条件を満たしているドメインはGoogleから
50 Free Wireframe Templates for Mobile, Web & UX Design Wireframing is an essential step in the initial stages of a UI project, allowing you to define the information hierarchy of your mobile app or web design project and plan for functionality and user flow. By stripping away non-essential design elements, wireframes help to communicate the layout effectively. Whether you use a whiteboard, pencil
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers マニュアルでアプリケーションやWebサービスの操作方法を説明する場合、テキストだけではなく画面のスクリーンショットを掲載することは機能や操作をわかりやすく伝える上で有効だ。またサポートサービスを提供する場合にも、そうしたスクリーンショットは何かと必要になってくる。 Alyssa Gregory氏がSitePointにおいて30 Screen Capture Tools for Sharing Your Viewのタイトルのもと、WindowsやMac OS X、またはクロスプラットフォームで動作する30のスクリーンショットアプリケーションを紹介している。紹介されているアプリケーションは次のとおり。 Windowsアプリケーション !Quick S
Make Tech Easier - Uncomplicating the complicated, making life easier 高速WebブラウザとしてGoogle Chromeの人気が急上昇している。そこにはJavaScriptベースのWebアプリケーションが高速に動作する、随時自動アップグレードが実施されるため最新のバージョンをキープできる、マルチプロセスで動作するためマルチコアプロセッサの性能を発揮しやすい、タブを閉じることで使用メモリを開放できるなどの理由がある。 逆にこれまでChromeに移れなかった理由に、エクステンションがサポートされていないことがあげられていた。しかしGoogleは2009年12月8日(米国時間)にChromeエクステンションを公開。Firefoxエクステンション開発よりも簡単ということもあって、急速にその数を増やしている。当初はWindows版
Webデザインラフ用テンプレートPDFファイルを無料配布します。 公開:2010年1月 8日 16:28, 更新:2010年1月 8日 16:51 トラックバック(0) コメント(0) Webデザインのラフを描く時に便利な、テンプレートPDFファイルを配布します。(今のところ)ちょっとパソコンが使えたら簡易ペイントソフトなどで誰にでも作れる、そんなレベルの超簡単シンプルなテンプレートです。 PDF形式 ファイル名(ダウンロードリンク) Web Desigin Rough A4 100108-01.pdf ファイルサイズ 0.99MB ファイル更新日時 2010年1月8日、16:05:20 Illustrator形式 ファイル名(ダウンロードリンク) Web Desigin Rough A4 100108-01.ai ファイルサイズ 1.00MB ファイル更新日時 2010年1月8日、16
今年も明けましておめでとうございます。 白石です。 正月明けからイッパイイッパイです。 で、いきなり本題。 HTML5用のリセットCSS(どのブラウザでもデフォルトの見た目が同じになるよう、強制的に表示を調整するCSS)と言えば、昔HTML5Doctorで紹介されたやつが有名です。Google Codeでプロジェクトがホスティングされてもいます。 でもこのCSS、ちょっと悩ましいことに中途半端なんですよね。例えば、HTML5ではあらゆる要素にhidden属性を指定することができるのですが、「hidden属性のついた要素は非表示にする」と言ったスタイル指定が行われていなかったり。 で、完全なものはないのかというと、あります。それも仕様書の中に。これは、HTML5仕様が正式に「提案」しているものです。 でもどう見てもHTML5DoctorのCSSのほうが有名ですよね。 で、みんながその中途半端
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 マウスポインタのページ内座標を取得するJavascript。 Opera 9、Safari 1.2、IE 5-7、Firefox 2で確認済み。 onmouseX: onmouseY: Script function setPosition(){ target = document.getElementById('sampleform'); window.document.onmousemove = function(e){ target.onmouseX.value = getMousePosition(e).x; target.onmouseY.value = g
hpDrafter は以下の環境で開発・動作確認をおこなっています。 MacBook 1.82GHz/PowerBookG4 1.5GHz MacOSX 10.4.6 Xcode 2.3 まことに残念ながら,上記以外の環境での動作は保証できかねます。 ま,特に変なことはしてないつもりなので,大丈夫だとは思いますが・・・。 OS をそこそこ新しいバージョンにアップデートしていただく必要はあるかもしれません。 少なくとも,WebKit を使用しているため,10.2 以上の OS と WebKit のインストールは必須です。 10.4 も必要かも・・・。 hpDrafter に関するすべての権利は作者である kokam (以下,作者) が保持します。 ・・・と言いたいところですが・・・。 hpDrafter が他者の権利を侵害していないと言い切れないのが辛いところ・
可変グリッドレイアウト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
このページはAjaxフレームワークの1つであるExt JSのサンプルを掲載しています。Ext JSのバージョンは3.1.0を基準としています。すべて確認したわけではありませんが、3.0.0で動作していたものは、基本的にそのまま動作するようです。 ミスや間違い、リンクエラーなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 また、サンプルの追加修正に関してはブログにてアナウンスしています。 Last update : 2010/1/1 2008-2010 Copyright 古籏一浩(KaZuhiro FuRuhata) ■ASCII.jpでのExt JS記事 jQueryとも共存できる「Ext JS 3.0」入門 Ext JSでGoogleマップを表示するチュートリアル 入門Ext JS:デスクトップ風メニューバーを表示しよう 入門Ext JS:グリッド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く