１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」:phpspot開発日誌
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」 2010年05月26日- jQuery Doubleselect Plugin １個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、１個目のSelectボックスの内容によって２個目のselectボックスの内容が容易に切り替えるようなUIが簡単に実現できてしまうプラグインです。 １個目が野菜(Vegetables)の場合は、tomato, potato, asparagus が表示されます。 １個目をフルーツ(Fruits)にすると、apple, orange, kiwi, melon になります。 いざ実装しようとすると面度臭そうなのですが、jQueryプラグインによって、比較的簡単に実装できま
ドラッカー流セルフマネジメント法 ：投資十八番
ドラッカーはいいます。一流の仕事をするには、まず自己の強みを知ること。そして、仕事の仕方を知り、学び方を知る。価値観を知る。自己を知ることで、得るべき所がわかり、なすべき貢献が明確になる、と。 これは、エッセンスが凝縮されたドラッカー論文集で紹介したHBR6月号に掲載されていた1999年発表の論文「自己探求の時代」の要約です。もう少し詳しく紹介してみましょう。 自己の強みは何かを知る 自己の強みを知るには、フィードバック分析しかない。すなわち、なすべきことを決めたり、始めたりしたならば、具体的に書き留めて置くのである。そして、九ヶ月後、一年後に、その期待と実際の結果を照らし合わせなければならない。私自身、これを五〇年続けており、そのたびに驚いている。 自己について知るうえで、最も重要なのは強みを知ることだとドラッカーはいいます。強みを知るには、自分が行ってきた実績や行えなかったことを記
月間 150,000人が利用する「無料SEOツール」の効果的な活用法
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
商用でも無料・ハイクオリティ・解像度高め、と3拍子揃った写真素材配布サイト・4freephotos - かちびと.net
久々に個人的にありがたいフリー写真 素材サイトがあったのでシェア。配布 されている写真がなかなかクオリティ が高く、使いやすそうです。ライセンス はパブリックドメインみたいですので、 安心して使えますね。 4freephotosは個人や商業サイトなどのプロジェクトに使える写真を共有しようと考えた写真家のグループが運営しているそうです。 クオリティも高く、解像度も横幅1000以上は当たり前っぽいので結構オススメです。ライセンスはクリエイティブコモンズのPublic Domain Toolsを使い、public domainにリンクしてありました。4freephotosにも Using the public domain images found on this website does not require a link back to us, but if you found them
迷える全ての日本人に捧ぐ！Facebookが絶対楽しくなる１０のポイント！ | Apr.Foolism
後からもできるが、最初の時点で自分のメールアカウントに登録されているFacebookユーザーの検索ができる。これが先々iPhoneと合体する予定のものである。 これも後でできるが今やってしまおう。先にも述べたが、個人的には本名推奨。そして離ればなれになって連絡がとれない友人や職場の元同僚などが見つかりやすいように、そしてソーシャルネットワーキングのキモである人と人のつながりを促すために、各項目しっかり記入する。ちなみに、特定のネットワークのグループに参加する為には、この学校の登録などがのちのち必用になる。 ここでは写真をアップロードする。 これも絶対ではないが、自分の顔写真をアップロードすることが世界的に見れば当然のこととなっている。アドレス帳に写真を入れるの、と考えれば至極当たり前である。 繰り返すが絶対ではない。 これで最初の設定は完了である。するとこのような画面に移る。が、先ほど既に
写真に大切な6つのデザイン要素とその効果的な使い方
シンプルな題材でも印象的な写真にする、大切な6つのデザイン要素とその効果的な使い方をPhototuts+から紹介します。 6 Elements of Design for Striking Photographs 下記は、その意訳です。 はじめに 写真を印象的にするものは何でしょうか？ それは誰にでもできる普通の方法で実践することができます。ここで取り上げるものはテーマやアイデアを一つに絞り、最小限で実践できるようにしました。それはシンプルで、本当に偽りのないものです。ここではシンプルな題材を印象的な写真に変えるとができる6つのデザインエレメントに注目してみましょう。 ここで注目するデザインエレメントは、ライン、シェイプ、フォーム、テクスチャ、パターン、カラーの6つです。すべての写真に意図的か意図的ではないにしても、これらのデザインエレメントを含んでいます。特に、ライン、テクスチャ、カラー
650+ Free Photoshop Patterns - DesignM.ag
The use of repeating patterns in Photoshop can help to produce attractive website backgrounds with very little effort, and of course patterns have other uses as well. In this post we’ll feature some of the best free patterns that are available. You’ll find some individual patterns as well as many packs of multiple patterns. Seamless Subtle Patterns (15 patterns) Paisley Photoshop Patterns (8 patte
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」:phpspot開発日誌
指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」 2010年05月27日- Plugins | jQuery Plugins 指定要素を常にページの下部に来るよう調整してくれるフッター実装jQueryプラグイン「Footer Plugin」。 $(element).footer() みたいにするだけで、element に指定した要素をページのフッターに吸い付くように配置することが出来る便利なプラグインです。 ブラウザの高さを変更してもJavaScript側で調整してくれます。 通常の例。div#footerブロックは最初の要素の直下に来てます。 フッター設定した例。ブラウザの下部に常に配置されます。 色々方法はあると思いますが、実装が簡単なので便利かもしれませんね。 関連エントリ HTMLで雑誌のような美しい段組みレイアウト
iPadと過ごした50日まとめ
iPadと過ごして50日間経ちました。(正確には52日...) そのうち、ほとんどの期間は米国版だったので... 国内にいるときはネットワーク(WiFi/Bluetooth)こそ使えませんでしたが、それでも活用してやろうと鞄の中身をMacbookからiPadにしてみました。 まだホーム画面は固まっていないので、いつものホーム画面まとめはおいておいて...とりいそぎ感じたことや、便利だったこと、不便だったことをまとめて書いておきます。 既に購入済みの方はもちろん、購入を悩んでいるの参考になれば幸いです。 超長文記事の中にLogMeIn(3,500円)*5本のプレゼント企画を紛れ込ませました！ 奮って応募してくださいませ！ 前置き ページ分けしていない重い記事でごめんなさい。 HTMLタグ込みの原稿レベルで2万5千文字超あります...があえての1記事。 写真の多くは撮り溜めておいた米国版のもの
Bizarre Websites On Which You Can Kill Time With Style — Smashing Magazine
Modern Web-building technologies allow designers to realize their most daring and creative ideas. Enhanced interactivity and a remarkable visual appearance can be achieved by means of such tools as Flash, JavaScript and Papervision3D, to name just a few. These strengths usually impress and entertain visitors and thus are often used for conceptual artistic presentations and promotional campaigns. I
12 Free Icons to Charm Up Your Online Portfolio — Smashing Magazine
Today we are glad to release a Designer’s Portfolio Icon Set, a set with 12 original high-quality icons in the resolution 256×256px. This set was designed by MediaLoot and released especially for Smashing Magazine and its readers. Both layered PSDs and transparent PNGs are included. The set contains icons related to avatar, portfolio, brushes, mail / envelope, color palette, colored pencils, table
[CSS]ふんわりとアニメーションで浮かび上がるツールチップ
スクリプトを使用しないで、ツールチップがふんわりとアニメーションで浮かび上がるスタイルシートをAdmix Webから紹介します。 Creating a Bubble Coda Style with CSS3 デモページ 使用しているのはCSS3で、ふんわりと浮かび上がるアニメーションはChrome, Safariで動作可能となっています。 CSSアニメーションに未対応のFirefoxやIEなどのブラウザでは、アニメーション無しでツールチップが表示されます。 HTML HTMLはリスト要素で実装されています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="bubblemenu"> <li> Penn Jillett <div> My favorite thing about the Internet is tha
[CSS]画像を使用しないで、紙テープを折り返したようにするスタイルシート
<textarea name="code" class="html" cols="60" rows="5"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Shapes</title> <!--[if IE]> <style> .arrow { top: 100%; } </style> <![endif]--> </head> <body> <div id="container"> <h1> My Heading <span class="arrow"></span> </h1> </div> </body> </html> </textarea>
[CSS]CSS3アニメーションの効果的な使い方
CSS3のアニメーション機能「CSS Transitions」をウェブサイトのどこにどのように使うのがよいかを検証するチュートリアルをCarsonifiedから紹介します。 Sexy Interactions with CSS Transitions 「CSS Transitions」の対応ブラウザは、WebkitベースのブラウザであるChrome、Safariとなっています。 下記にさまざまなサイトに利用できる、CSS Transitionsを使用したテクニックを紹介します。 1. アニメーションで背景色を変更 <textarea name="code" class="css" cols="60" rows="5"> #example-1 .example-area blockquote { background: #eee; ⋮ transition: all .3s linear;
[JS]用途にあったページネーションが実装できるスクリプト -Pajinate
長いリストやコンテンツに表示を小分けにするページネーションを簡単に適用できるスクリプトをThe Silver Liningから紹介します。
[JS]ユーザビリティに配慮したアコーディオンを実装するチュートリアル
ユーザビリティに配慮しつつ、jQueryのバグにも対応したシンプルなアコーディオンを実装するチュートリアルをSoh Tanakaから紹介します。 Simple Accordion w/ CSS and jQuery デモページ アコーディオンのロジックは下記の通りです。 最初にデフォルトの設定します。 一番目のアコーディオンを開いて、アクティブな状態にします。 クリックをすると。 クリックされたアコーディオンのアイテムは開くのか閉じるのか判定します。 「hidden」（閉じた状態）のアイテムをクリックすると、 全てのアイテムから「active」を取り去り、閉じます。 クリックされたアイテムは「active」になり、すぐにスライドダウンして開きます。 ロジックのイメージは、下記のようになります。 <textarea name="code" class="html" cols="60" row
ブラウザのサイズに合わせてグリッドも変更する -Fluid Grid system
可変グリッドシステム用のスタイルシートのフレームワーク「Fluid Grid system」を紹介します。 Fluid Grid system ※グリッド表示は右上の「SHOW GRID」をクリック 上記ページではブラウザのサイズを小さくすると、それに合わせてグリッドも小さく変更されます。 ブラウザのサイズを小さくしたキャプチャ 「Fluid Grid system」は成果物としてのレイアウトと同様、プロトタイプでも素早く使えるように設計されたものです。 デザイナーは素早くレイアウトがデザインでき、しっかりと設計された水平や垂直のリズムをもつ複雑なページの変更をすることもできます。 ダウンロードできるデモファイルには、6カラムと9カラムのレイアウトが用意されています。
[JS]壁一面に写真を並べたようなギャラリーを作成するチュートリアル
画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。
12 High-Quality Free CSS Button Libraries & Frameworks – Speckyboy
bttn.css Library bttn.css is a collection of lightly-styled buttons that feature different shapes, sizes, and colors. All styles can be called with simple class names. With the minified CSS file coming in at just 4kb, this library is also quite lightweight. CSS Buttons Collection The title may be simple, but Buttons is a library with over 20 collections of styles to choose from. Standouts include
Photoshopでなかなかリアルなマウス画像を作成するチュートリアル:phpspot開発日誌
How to Create a Mouse in Photoshop | Design Reviver Photoshopでなかなかリアルなマウス画像を作成するチュートリアルが公開されています。 次のように、影の付け方なんかがいい感じで、一見、写真かと思う質感となっています。 身につけておくと便利そうなテクニックですね。 関連エントリ プロレベルのPhotoshopチュートリアル集 超カッコいい写真加工のPhotoshopチュートリアル集 ８０種類！Photoshopのテキストチュートリアル集 超カッコいいPhotoshop等による写真加工チュートリアル集
50 Responsive HTML & CSS Web Templates for 2018 - 1stWebDesigner
If you want to take your design skills to the next level, save time when setting up sites, and simply look more professional right out of the box, you need to invest in a high-quality and responsive HTML template. Everyone’s running around trying to hop on the newest trend: flat design, but before flat, there was responsive web design. Responsive web design has, of course, become the standard. Eve
Fantastic Footers: 25 Examples And Best Practices - SpyreStudios
You’ve got a great design for your header and the content is well placed and flows nicely – but why stop there? When the viewer scrolls to the bottom of the page, are they greeted with only a credit link and a copyright notice? Your website’s footer is a great place to direct the attention of visitors to other areas of your site. By checking out these 25 examples and seeing what works well for web
CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」:phpspot開発日誌
Video JS | HTML5 Video Player CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」。 HTML5はまだ実装されてないブラウザが一杯あるし・・・という方も心配ないように、FlowPlayerによってFlashビデオ再生できるようになってます。 これなら多くのブラウザがHTML5対応しなくても、すぐにでも実装しちゃえますね。 ライブラリは独立しており、簡単に使え、フルウィンドウモード対応、ボリュームコントロール対応なんかの機能もついています。 GitHubでオープンソース開発されているので改造するのも容易です。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」
ウェブデザインにおけるネガティブスペースの活用ガイド
ネガティブスペースを巧みにつかったウェブサイトの紹介をはじめ、ウェブページのレイアウトでどのように分析し改善するのか、効果的に活用するガイドをSix Revisionsから紹介します。 Negative Space in Webpage Layouts: A Guide 下記は、各ポイントを意訳したものです。 はじめに ネガティブスペースとは ネガティブスペースの重要性 ネガティブスペースを実例から学ぶ まずはデザインの単純化から ネガティブスペースを分析、そして改善 ネガティブスペースの活用例 おわりに はじめに ネガティブスペースは多くの場合、ミニマリズムのようにシンプルを美とした特定のデザインだけのものであると誤解されています。本来ネガティブスペースというものは、あらゆるデザインにおいて注意を払い、そして慎重に組み立てて使用すべきものです。 ここではネガティブスペースが何であるか、そ
[CSS]グラフィカルで美しい3Dの棒グラフを実装するスタイルシート
画像を使用しないで、3Dの棒グラフをスタイルシートで実装するチュートリアルをmarco folioから紹介します。
使いやすいアーカイブコンテンツの6つのポイント
アーカイブとは過去にリリースした記事のことで、それをより使いやすく機能的にする6つのポイントとその重要性をSmashing Magazineから紹介します。 Website Archives Design: Good Practices and Examples 下記は各ポイントを意訳したものです。 また、元記事ではアーカイブの多くのショーケースが紹介されていますが、それは省略しています。 はじめ 1.アーカイブのスペースは贅沢に 2. アーカイブは見つけやすく 3. アーカイブの境は明白に 4. アーカイブにカテゴリを使う 5. アーカイブでは全部を見せない 6. アーカイブの表示オプション 7. アーカイブを分ける アーカイブの重要性 はじめ アーカイブは注目を得ないウェブサイトのコンテンツとしてしばしば見落とされがちです。多くのウェブサイトで他のページと異なっていたり、まったく無視さ
[CSS]画像やコンテンツや動画を表示するCSS3で実装したLightbox
動画を表示 対応ブラウザはFirefox, Chrome, Safari, Operaの最新のバージョンで、IE6/7ではJavaScriptを使用することで動作させています。 スタイルシートのオフ時には、各リンクはページ内アンカーとして動作し、下記のように表示されます。
効率化／蓄積／人間中心のデザイン: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 いまの社会は何か具体的に実現したい未来像というものをもっているのだろうか。 もし具体的なヴィジョンがないというのなら、日々新しい製品を企画し生み出しているのは何のためだろう。 無名の職人の仕事に光をあて、「用の美」をいったのは柳宗悦さんだったが、いま作られる製品の「用」とは何だろう。むろん、機能をもつのだから、用途はあるだろう。だが、その用途は本当に必要な用なのだろうかはあやしい。 効率的に生きるには？それに加えて訝しいのは、何故、ヴィジョンを持たずに生産し続けることに疑念を抱く人がこれほどまでにすくないのであろうか、ということだ。 人が効率的に生きていくためには、システムが必要である。 システムといっても、それは情報システムに限らない。食べやすいよう、調理を前提とした食事
ランディングページをおざなりにしないために最低限実施しておきたいこと : LINE Corporation ディレクターブログ
こんにちは。ブログビジネス部のイシカワです。 今回は今までの色と変わって、ランディングページ (以下 LP) に関して書いてみたいと思います。 ランディングページとは？ インターネット広告や、検索エンジンの検索結果からのリンク先となるウェブページ。広告を見る人にとっては、広告（又は検索結果）をクリックすると最初に表示されるページ。必ずしも自社サイトのトップページである必要はない。 (引用元: インターネット広告用語辞典) 新規ユーザーの獲得には LP が重要な要素になってきます。単に LP と言っても、何を詰め込んで良いか・どう見せれば良いか複雑に考えがちになってしまいます。しかし、ユーザーに対しては簡潔に伝えないと、複雑なものとして敬遠されてしまいます。LP 作成に当たり、最低限以下の要素を精査しておくと良いです。 LP に最低限必要な要素 LP を作成するにあたって大切な要素は沢山あり
Web Development For The iPhone And iPad: Getting Started — Smashing Magazine
According to AdMob, the iPhone operating system makes up 50% of the worldwide smartphone market, with the next-highest OS being Android at 24%. Sales projections for the Apple iPad run anywhere from one to four million units in the first year. Like it or not, the iPhone OS, and Safari in particular, have become a force to be reckoned with for Web developers. If you haven’t already, it’s time to di
iPad契約、どのプランを選ぶべきか？ | fladdict
みなさんお悩みであるだろう、iPadをどのプランで運用すべきか？という問題。 容量について 何も考えず16GBを一択する人が多いですが、16GBだと不便なこともチラホラ。特に映像を持ち運ぶ場合、海外ドラマやアニメを１シーズンまるごと運ぶには32GBが必須です。iTunesで動画を買う場合も、16GBだと割安なシーズンまとめ買いパックが購入できなかったりします。 ・16GB: 動画に興味ない人。 ・32GB: ビデオ、漫画、音楽も持ち歩きたい人よう。 ・64GB: 自分の書庫を常に持ち歩きたい人用。 通信プランについて Wifiでいいや説もありますが、外でネットがみれるかどうかは、使い勝手に大きな差がでてきます。基本は3G契約がオススメですが、iPhoneとの二重契約に困る場合も。。。 ・WIFI: 家の中でしか使わない人。ビデオ、漫画ビューワー。 ・3G: 旅行・取材などが多い人、地図やネ
white-screen.jp:テリー・ギリアムmeetsエッシャー！UK発孤高のアーティストCyriak
「モンティ・パイソン」時代のテリー・ギリアムが現代でアニメーションを創ったら、きっとこんな感じだったかもしれない。UKでは「テリー・ギリアムとバンクシーとMCエッシャーをミックスした作家」とも言われる、シュールでビザールなデジタル・アーティスト、Cyriak（シリアック）をご紹介！ シリアックことCyriak Harris（シリアック・ハリス）は、UK・ブライトンを拠点に活動。普段は商業アニメーションを手掛ける映像作家で、CMやチャンネルID、MVなどを手掛けている。自身の作品としてはローテクで不条理なマッシュアップ映像やアニメーションGIF、さらに音楽の制作も行うマルチぶり。どの作品もクレイジーな発想で、悪夢的な世界をブリティッシュ・ユーモアたっぷりに描いている。 シリアックが映像制作を始めたのは、ヤン・シュワンクマイエルなど、ヨーロッパのアニメーション映画を見たことがきっかけだった。作
white-screen.jp:アレハンドロ・イニャリトゥ監督×The mill、180秒のW杯CMが話題沸騰中。NIKE「Write The Future」
全世界のサッカーファンが待ち望むワールドカップまであと少し！各企業のワールドカップ・キャンペーン映像が続々公開される中、話題沸騰中の最新作がNikeの「Write The Future（未来をかきかえろ）」。たった一つのボールの行方が人生や歴史を変えてしまう様子を、サッカーファン垂涎の豪華キャストで描く。映画「バベル」のアレハンドロ・イニャリトゥが手掛けるスピーディでテンポの良い映像が、TVCMでは異例の180秒という長尺を魅惑的に見せてくれる。 CMの内容は、クリスチアーノ・ロナウドの「一つのプレイが、試合に自らの名を刻み、自分の未来を決めるほどの大きなことになることもあれば、一瞬の失敗が敵やファンの歴史になることもある」という言葉が表現している通り。イニャリトゥ監督は「選手の頭の中にフラッシュバックする未来のイメージを描いた」と語る。 冒頭でボールを受け取るのは、コートジボワールのディ
タイポグラフィック・グリッド作成アプリケーション - lab
http://lab.allianceport.jp/web-typography-app/web_typography/ 私が印刷とウェブのデザインの比較について興味を持ち始めたのは、まだ私が学生だった頃なので、もう 10年近くも前になります。当時、Josef Muler Blockmannの『Grid System』をもとに、ウェブデザインへのグリッドシステムの応用を考えていました。その頃から「メディアによる再現性の違いを理解し、一つの理論をそれぞれに展開する」という考えをベースに、実用的なツールをつくりたいと思っていました。 グラフィックデザインには、グリッド・システムというデザイン手法が存在します。グリッドシステムとは、書籍デザインにおいて、全ページを同じグリッド上で展開することで、ページ全体に統一性を持たせ、レイアウト上の判断を効率的に行うツールとして、全世界のデザイナーに使われ
YouTube - iPad magic
あなたのiPad でも、マジックを。iPhone & iPad magicレクチャーブック http://amzn.to/xUIPcq 「コミュニケーションの過去と未来」 をテーマに、iPadを使用したマジックです。 人は「伝える」ために様々な発明をしてきました。 人の歴史はコミュニケーションの歴史でもあります。 その歴史で最も古く遠くの人へものを伝える手段が、のろしです。 やがて人は文字を開発します。 その文字を紙に残し伝える手段。それが、本です。 文字の次に人は空間を切り取って残そうと考えました。 それが写真です。 今では、動画や携帯、写真など、様々な伝える手段があります。 では未来には、どんなコミュニケーションが生まれるのでしょう。 たとえば、「ワープ」。 人を転送させるのは難しいですが動物ならできるようになるかもしれません。 「タイムトラベル」もできるようになるかも。
あの名作文学がネットで読める？ 電子テキストを掲載しているサイト - はてなニュース
最近、通称「まおゆう」なるWeb小説が人気を集めていたり、キンドルのような電子書籍リーダーやiPadが話題になったりと、ネット上で読める文章作品に再び注目が集まっているようです。そこで今回は、著作権切れの文書をWeb上にアップロードしている有名サイトを紹介してみます。 ■ まずは定番のサイト ＜iPhoneアプリでも人気「青空文庫」＞ ▽ 青空文庫 Aozora Bunko 日本語圏でネット上の文章を読むと言えば、まずはやはりこの「青空文庫」。最近は、人気iPhoneアプリの方で知っている人も多いかもしれません。著作権の切れた作品がボランティアの手で多くアップロードされており、無料で読むことができます。明治から昭和初期にかけての国内文芸作品が多いのが特徴です。ちなみに、はてなブックマークでは、以下のような作品が人気のようです。 ▽ 夢野久作 ドグラ・マグラ ▽ 寺田寅彦 科学者とあたま ▽
はてなダイアリーのTwitter連携機能について - Kentaro Kuribayashi's blog
はてなダイアリーがバージョンアップしたそうですね。 はてなダイアリーのバージョンアップを実施しました ― iPhone、Twitter、SEO、複数ブログ、応答改善など - はてなダイアリー日記 主な改善点としては以下があるようです。 管理画面の刷新 iPhoneビューの新設 Twitter連携機能 はてなダイアリープラスの新機能 複数ブログ作成 SEO関連機能 レスポンス時間の改善 中でも、個人的に注目なTwitter連携機能について簡単に見ていきたいと思います。とはいえ、けっこう機能が盛り沢山なので、簡単には行かないかもしれませんが……。 Twitterへの更新通知 ブログを更新したら「〜について日記を書いたよ http://d.hatena ...」みたいなことをTwitterでお知らせすることってよくありますよね。今回追加された機能を使えば、いちいち自分でやらなくても、それが自動的
鳩山由起夫首相の尖閣諸島帰属問題意識について: 極東ブログ
古い話から。 東京オリンピックが開催されたのは1964年の秋、10月10日であった。これを記念した体育の日は現在ではその日に固定されてはいない。この年、東京の夏は、間近に迫る世界大会を前に活気にあふれていたが、重苦しい国際ニュースもあった。 1964年8月2日、ベトナム北部トンキン湾にいる米海軍駆逐艦に対して、北ベトナム軍の哨戒艇が魚雷と機関銃で攻撃した。ベトナム戦争時代であり、北ベトナム軍は南ベトナムの軍だと誤認した。これがトンキン湾事件で、米国が本格的にベトナム戦争に介入するきっかけとなり、翌年から北爆（無差別爆撃）が開始された。現在ではこの事件は米国による陰謀であることがわかっている。ポスト安保闘争としてベトナム反戦運動を体験した団塊世代が、米国の関与する戦争をなんでも陰謀ではないかと見たがるのにはこうした背景がある。 ベトナム戦争を始めたのは米国民主党である。ジョン・Ｆ・ケネディ大
思わず見入ってしまうほど優れたデザインのインフォグラフィック50枚まとめ*二十歳街道まっしぐら（FC2ブログ時代）
「50 Informative And Well-Designed Infographics」にて、 デザイン性が優れているインフォグラフィックがたくさん紹介されていました。 （※50枚すべて見たい方は上記サイトへアクセスしてください。本記事では一部しか載せていません。） インフォグラフィックというのはいろんな情報を視覚的に表現したものです。 身近な例ですと、駅などにある路線図がそれに当たります。 以下に、美しすぎるインフォグラフィックをいくつかピックアップして紹介します。 「元サイト」をクリックすると、大きな画像が見られますよ。 (1)宇宙調査について [元サイト] 何回調査に乗り出したかが線で表されています。 (2)世界の高層ビル [元サイト] 日本はランドマークタワーがありますよ。 (3)ソーシャルウェブ [元サイト] ソーシャルサイトまとめって感じですね。カテゴライズされています。
迷った時に！Google Chromeが便利になる5つの“定番”拡張機能 - はてなニュース
Webブラウザ「Google Chrome 5」の最新版（Ver.5.0.375.55）が5月25日にリリースされ、Mac OS X／Linux向けとしては初の安定版の公開となりました。そこで、最新版を機に「Chrome 5」を使ってみようかという方にもこれまで使ってきている方にもオススメ、はてなブックマークでも人気の“定番”ともいえる「Google Chrome 拡張機能」を5つご紹介します。 ■長いページでも1ファイルに「webページショット」 ▽ https://chrome.google.com/extensions/detail/ckibcdccnfeookdmbahgiakhnjcddpki 見ているWebページのスクリーンショットが簡単に撮れるのが、この「webページショット」。PNGファイル形式でページ全体や見ている範囲でのスクリーンショットを撮れるほか、リサイズも可能とな
jQueryのカレンダー関連のプラグイン７つ:phpspot開発日誌
7 interesting jQuery calendar plugins | YESTUTOR jQueryのカレンダー関連のプラグイン７つが紹介されています。 Googleカレンダーっぽいものや、Appleっぽい物など種類が沢山あります。カレンダーUIを実装する際の参考に出来そうです。 探せば他にももっとありそうですね。 関連エントリ あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」 Ajaxを使ったクールなインタフェースを持つカレンダー実装スクリプト「PHP Event Calendar」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
河北鸿源管业集团有限公司
Multi-Layered Design: Guidelines and Examples - noupe
クリックした位置にそのままローディング画像を出せるjQueryプラグイン「Spinner」:phpspot開発日誌
张家界坦怯金融服务有限公司
商用でも無料で利用できる高級感のある細字のフォント集
http://soytuaire.labuat.com/
新着記事
『リンカーン大統領に学ぶ、成功の為の7つの秘訣 | ライフハッカー・ジャパン』へのコメント