Evernoteを使うなら絶対に知っておくべき神ブックマークレットの使い方

2011/02/10 1805 users Evernote クリッパー Firefoxアドオン 大半

いらぬ親切余計なお世話。 あまり好きな言葉ではございませんが、Evernoteを使っている時にそれをふと感じる事があります。 EvernoteでWebクリップをする際、ChromeエクステンションやFirefoxアドオンを用いている人が大半でしょう。 ただ、単にクリッパーをクリックするだけだとサイドバーやらヘッダーなどのいらない情報がクリップされてしまう事があります。 これぞ、The・いらぬ親切。... 続きを読む

2012年版！frasmで使っている「とにかく捗るWordPressプラグイン」48選*frasm

2012/12/27 1580 users frasm shintarowfresh Exec-PHP

お世話になりました。 の関連+記事 +40秒で実装！関連記事プラグイン「Similar Posts」にツイート数を表示する方法 +記事内やサイドバーでPHPが使えるようになるWordPressプラグイン「Exec-PHP」で表示させたいものを選別する さて、プラグイン全部出しの波に乗って、僕も自分のやつまとめようと思います。@shintarowfreshです。 2012年版! モバデビで絶賛稼働中... 続きを読む

見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

2010/06/13 1225 users CSS 日刊ウェブログ式 見出しデザイン hタグ サンプル集

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 見出し(Headline)のサンプル集 色やボーダーのサイズ等の装飾部分をお好みで編集してください。 見出しサンプル01 .selector01 { border-left:... 続きを読む

初めてブログを訪問したときに「これがあると嬉しいな」と思う10の要素 - 山田井ユウキ - builder by ZDNet Japan

2010/08/27 959 users 山田井ユウキ builder読者 要素 ヘッダー 金曜日担当

builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 普段からブログを色々と渡り歩いているのですが、そんな中で「初めてブログを訪問したときにこれがあると嬉しいな」と思う要素を今回まとめてみようかなと思います。全部で10個あります。 1.過去に人気のあった記事の一覧 個人的に一番ほしいのがこれ。 過去の人気記事をサイドバーやヘッダーに出しておいてくれると、初めてブログを訪問したと... 続きを読む

最速で辞書が引けるアドオン「FireDictionary」が便利すぎる : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア

2009/07/16 717 users アドオン 和訳 Firefox 辞書 ライフハッカー

Firefox , Mozilla , アドオン , フリーソフト 最速で辞書が引けるアドオン「FireDictionary」が便利すぎる 掲載日時：2009.07.16 17:30   コメント [0] , トラックバック [0] Firefoxのみ：このアドオン「FireDictionary」は、英語サイトのナナメ読みに最適です。なぜならマウスオーバーだけで英単語の和訳をサイドバーにリアルタイ... 続きを読む

2008年2月版web開発者のためのベストクリップ36個*ホームページを作る人のネタ帳

2008/05/27 643 users ネタ帳 ホームページ エントリ CSS HappyLife

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 個人的超お勧めエントリ3個 これだけは！というエントリがこれ。 ユーザーの動き。｜CSS HappyLife # ロゴクリック＝トップページに戻るという認識は殆ど無い。 # トップページに戻る場合は、ブラウザの「戻る」ボタン。 # サイドバーのバナーは、認知すらされない傾向が... 続きを読む

美しいレイアウトを計算してくれるツール :: Love & Design ::

2006/08/31 605 users 白銀比 DESIGN レイアウト LOVE 黄金比

以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲　レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780... 続きを読む

最近SNSに増殖してきた「◯◯歳起業家 自由な生き方で月◯◯万円を稼いでます☆」は本当に稼げているのか - BAYAREAD ─読書記録と忘備録─

2013/09/03 521 users Twitter YouTube BAYAREAD 忘備録 彼ら

2013-09-03 最近SNSに増殖してきた「◯◯歳起業家 自由な生き方で月◯◯万円を稼いでます☆」は本当に稼げているのか 最近、youtubeやTwitter、様々なサイトのサイドバーの広告でよく見かけるようになった人たちがいます。こういう人たちです。 彼らの多くは20台前半で、”起業家”を自称しています。どうやら”自由な生き方”をしているのに、毎月数十万円を稼いでいるようです。うらやましいで... 続きを読む

プラグインを使用しないでWordPressをより便利する10のチップス | コリス

2010/04/26 481 users コリス ブッダ チップス WordPress プラグイン

WordPressにほんの数行記述するだけで、多くの便利な機能を付け加えるチップスをMegaMagから紹介します。 10 wordpress hacks & tricks that I like 1.コメントがついた記事をサムネイル付きで表示 サイドバーやフッタなどどこにでも、たくさんコメントがついた記事をサムネイル付きで表示します。 「http://an-alternative-image.jp... 続きを読む

ノーコードでWebページをスクレイプできるChrome拡張「AnyPicker」 - エンジニア・プログラマのソーシャルITメディア

2019/10/09 433 users プログラマ Step Chrome拡張 エンジニア ノーコード

◆ AnyPicker https://anypicker.ryang-studio.com/ 紹介 「AnyPicker」は、ノーコードでWebページをスクレイプできるChrome拡張ツールです。 Chrome拡張機能をインストール後、スクレイプするWebサイトを開くとこのようなサイドバーが出現します。 STEPは全部で5つあり、その1つ目がこちら。今回は初めての登録なので「N... 続きを読む

まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ「w2ui」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/03/03 414 users ネイティブ w2ui エンジニア ソフトウェア グリッド

w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ... 続きを読む

mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 : akiyan.com

2006/02/08 352 users 横幅 横スクロールバー akiyan.com レイアウト 自体

mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を... 続きを読む

ブックマークを整理して、サイト管理をもう一度快適にしよう！ | enjiBlog

2012/10/08 344 users enji クローム Chrome ブックマーク ネット

どうも@enjiです。 みなさんブックマークって使ってますか？ 僕はめちゃくちゃ使います。 ブックマークなしでは生きていけません。 大げさではなくなく、それぐらい ネットでは頻繁に使用します。 なので常にサイドバーに表示してくれない Chrome（クローム）にはなかなか乗り変えれないでいました。 しかしながら、その愛すべきブックマーク達も日に日に増えて、今では多すぎちゃって 何がなんだかわからなく... 続きを読む

ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん！(Hatena)

2012/08/20 328 users ボク ライブドア Hatena まちちゃん 百聞

こんにちはこんにちは！！ 夏ですね！ 真夏ですね！！ ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん？」って思ったことありませんか！ …百聞は一見にしかずってことで、実際の例をみてみましょう！ ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ﾉ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度... 続きを読む

ブログに使えるカレンダーデザインまとめ - DesignWalker

2007/11/08 326 users テキスト オシャレ カレンダー 日付 本日

ブログのサイドバーや、記事タイトルの横などによく表示されているカレンダー。 日付も単純にテキストだけで表示するのではなく、ちょっと手を加えておしゃれ～に見せたいものですね・・・ っちゅうわけで本日は、そんなカレンダーデザインをまとめてみました。 1. Calendar and Date Picker Design Showcase 35個のカレンダーデザインがずら～っと並んでおります。どれもとって... 続きを読む

小粋空間: RSS Feed（フィード）を表示する

2006/12/10 300 users フィード HTML テクニック RSS Feed ツール

RSS Feed（フィード）をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そし... 続きを読む

Twitterのサイドバーを透明化する方法*二十歳街道まっしぐら

2010/08/18 288 users Twitter 二十歳街道まっしぐら 透明度 コード 透明化

「Twitter: Deixe a sidebar do twitter transparente」にTwitterのサイドバーを透明にする方法が書かれています。 簡単に設定できるので、紹介します。 Twitterのサイドバーは色を変更することはできますが、透明度は設定できません。 あるコードを適用することで、サイドバーを透明化することができます。 Twitterやってます。よければフォローしてく... 続きを読む

［速報］WindowsにチャットAIを搭載「Windows Copilot」発表、サイドバーから利用可能。6月にプレビュー版が登場予定。Build 2023

2023/05/23 282 users Windows Copilot マイクロソフト 速報 以下

マイクロソフトは日本時間5月24日未明から開催する開発者向けイベント「Microsoft Build 2023」で、Windows 11にAIチャット機能を組み込んだ「Windows Copilot for Windows 11」（以下、Windows Copilot）を発表しました。6月にプレビュー版が提供される予定です。 Windows Copilotはタスクバーから呼び出し可能（サーチ... 続きを読む

PayPal の寄付ボタンを設置してみんなでお昼ごはんを奢り合おう | ウェブル

2011/01/24 262 users PayPal 寄付 お礼 ウェブル 寄付ボタン

今日たけさんとしろさんが PayPal の寄付ボタンで遊んでいたのを見て思いました。何日経っても解決できなかった問題とかを解決してくれたブログとかにはお礼がしたくなるもので、寄付とか用意してくれてると便利ですよね。 というわけで私も設置してみました。サイドバーに既にあるかと思いますので、今後記事が参考になった場合とかは是非寄付して頂けると幸いです。私の場合は「お昼ごはんを奢る」という形で寄付を募集... 続きを読む

[CSS]コンテンツとサイドバーの高さを同じにするスタイルシート | コリス

2009/10/12 250 users ボーダー コリス HTML 概要 CSS

サイドバーがコンテンツの高さと異なる際に、コンテンツと同じ高さのように見せるスタイルシートをwoork upから紹介します。 Really simple CSS trick for equal height columns仕組みの概要は、コンテンツの右のボーダーを200pxにし、その上にサイドバーを表示して、サイドバーの高さをコンテンツと同じように見せるものです。HTMLは、コンテンツとサイドバー... 続きを読む

Going My Way: Gmailアドレス用画像バナーの作成方法

2006/08/15 232 users Going My Way 作成方法 スポンサード スパム 画像

Gmailアドレス用画像バナーの作成方法 スポンサード　リンク サイドバーに表示しているGmailアドレス用の画像バナーがどこで作ったのかという問い合わせが何件かあったので、そういえばエントリーにしていないようなので書いておきます。 Gmail Signature Generatorというサイトなどでユーザー名を入れると間単に作成できます。スパムよけのためにテキストでなく画像にしておくというのは、... 続きを読む

Mozilla Re-Mix: Firefoxのサイドバーでニコニコ動画とYouTubeの作業用BGMを再生できるアドオン「BGM Fox」

2009/10/09 229 users YouTube アドオン Firefox BGM たび

YouTubeやニコニコ動画の動画は、映像として観るだけでなく、「音楽」として再生することもよくあることです。 そんな時に、両サイトにわざわざアクセスして動画を選択し、１つを再生し終わるたびに次の動画を再生するようなことをしていては、とても作業用BGMとは言えませんね。 こうした動画をBGMとして聞くのなら、やはり音楽プレーヤーのように管理し、お気に入りを連続再生したいところです。 そんな作業用B... 続きを読む

モダンCSSでよく使用されるレイアウトを実装するまとめ

2021/11/25 212 users モダンCSS レイアウト ブッダ まとめ ヘッダ

ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを... 続きを読む

プロがデザインしたHTMLメールの無料のテンプレート集（PSDファイル付き） -Campaign Monitor | コリス

2010/10/25 209 users ウェブデザイナー width コリス PSDファイル HTML

当サイトでも何回か紹介したことのあるプロのウェブデザイナーが作成した、高品質なHTMLメールのテンプレートを配布しているサイトを紹介します。 ダウンロードできるファイルには、下記のものがセットになっています。 HTMLメール用のHTML・画像一式 PSDファイル HTMLメール、PSDファイルともにレイアウトは、width=100%、サイドバーが左、サイドバーが右、の3パターンが揃っています（異な... 続きを読む

CSS 3における新しいレイアウト手法：ボックスレイアウト - builder by ZDNet Japan

2008/11/13 209 users builder by ZDNet Japan CSS 3

今回は、floatプロパティとボックスレイアウトを利用した段組みを比較していく。また、CSS 3で段組みのレイアウトを実現する「Multi Column」との違いも確認する。 ウェブページのレイアウトでは、ヘッダーやサイドバー、コンテンツなどをどのように配置するかがポイントとなる。現在、配置のコントロールにはfloatやpositionプロパティを利用するのが一般的だが、CSS 3の「Advanc... 続きを読む