[CSS]パンくずの実装はどのようにするのがよいかの考察
パンくずは何要素で実装していますか？ ul要素？ ol要素？ p要素？ パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 -ul要素で親子 パンくずのマークアップの考察 -ol要素で順序づけ パンくずのマークアップの考察 -セパレーターの使用 パンくずのマークアップの考察 -Googleを参考に パンくずのマークアップの考察 -HTML5の使用 パンくずのマークアップの考察 -おわりに パンくずのマークアップの考察のきっかけ -ul
商用利用無料、完全オリジナルの高品質なPhotoshopのブラシを配付しているサイト -brush lovers
brush lovers [ad#ad-2] brush loversは当サイトで何度も紹介したWeb Designer Depotの姉妹サイトです。ブラシのデザインは全て、Liora Blumによってデザインされたものです。 ブラシは個人でも商用でも、無料で利用可能なものが数多く揃っています。 一部、「Buy」のアイコンがついたものは有料ですが、かなり安価（$3くらい）です。 ブラシはカテゴリ、登録順、人気順、レート順に表示することができ、以下にカテゴリからいくつか紹介します。
★★人気サイトを作り、それを長続きさせるための６つの心得 : ねたたま
★★人気サイトを作り、それを長続きさせるための６つの心得 １１月１日にiswebサイトが消滅しました。 iswebにアカウントを持って頑張っていた時期もあり懐かしくもログを見直していたら俺もう１０年もwebサイト運営してんじゃん！などと気付き色々と思い出してしまいました。 １０年間、サイトを持っていなかった時は一日たりともなく、アクセス数も減ることなく順調に推移していたのでもしこれから、誰かの何かの役に立てばと思いその心得をここに記します。 役に立たなくても怒らないでください。 １・目標を持つべし webサイトを長くやっていく上で一番重要なのがサイト継続の『モチベーション』。 長くやっていれば学生→社会人などの流れで「時間がなくなった」という人ももちろんいるだろうが一日１時間、いや３０分もあればチラチラッとアウトプットするには充分な時間だ。 それだけの時間も捻出出来ないほど仕事が忙しくて時
Git入門 ゼロから始めるGitドリル
gitの勉強をしつつ取ったノートを記事化しました。一応これを読めばざっくりとした導入やSVNとの違いが分かってもらえるように書いたつもりです。svnを使った経験があることを前提に進めていきます。 svnの場合、一つのレポジトリに対して認証のあるユーザが変更を報告していくユースケースをとっています。gitの場合は、個々のローカルマシンにリポジトリが分散されて配置され、お互いに変更を報告しあうユースケース。これはLinuxの伝統的なバザール方式の開発を想定しています。そのため例えばカフェや電車で開発したり、マスターはgithubやgitfarm（Git Hosting参照）にしておいて時々ローカルの変更を報告することも可能です。 目次 インストール 基本操作 Gitリポジトリの作成 ブランチの作成。 タグ ファイルを無視する 索引の理解 取り消し 導入 --hardと--softの違い 一個の
スクロールしても常にサイドに要素を固定で表示できるjQueryプラグイン「JQuery Sidebar Plugin」:phpspot開発日誌
スクロールしても常にサイドに要素を固定で表示できるjQueryプラグイン「JQuery Sidebar Plugin」 2010年11月10日- Amit Patil's Blog スクロールしても常にサイドに要素を固定で表示できるjQueryプラグイン「JQuery Sidebar Plugin」。 サイドに常に表示されている「Follow Me」みたいなツイッターのフォローボタンは最近よく見かけますね。 これをjQueryで簡単に実装してしまおうというもの。 使い方は次のようにオプションを渡してあげるだけです。 $(function() { $("body").sidebar({ text : "Follow Me", // 表示テキスト size : "30px", // 幅 length : "200px", // 高さ margin : "130px", // マージン p
ワイヤーフレームやサイトマップを無料で作成できるオンラインサービス・アプリケーション集
ウェブサイトのワイヤーフレームやモックアップ、サイトマップ、フローチャート、ダイアグラムなどを無料で作成できるオンラインサービス・アプリケーションを紹介します。
Geekなぺーじ : IPアドレスにまつわるチョイネタ
IPv4アドレスの例としては、上記IPv4アドレスを使えばいいわけですが、世の中を見ると結構好き勝手なIPv4アドレスを例として利用している事例が多いというのが現状ではないかと思います。 私が初めてこれを知ったのは、kazuさんのブログの「あどけない話：例として推奨されているドメイン名とIPアドレス」を読んだときです。 それまでは、知らなかったので、適当なIPv4アドレスを使ったサンプルを書いてしまってました。 申し訳ありません。。。 余談ですが、kazuさんは、私が「技術的に一生追いつけそうにない」と思っている凄い人の一人です。 こういった凄い方々を色々と見ていると、私が自分のサイト名に「Geek」という在らぬ単語を入れてしまったことを悔いていたりします。 以前から書き続けていますが、私は「ギーク」なんかじゃないです。サイト名は気のせいです。すみません。。。 というか、そういう「凄い」と
Firefox以外のブラウザも充実！ ぜひ備えておくべき拡張機能10選 | ライフハッカー・ジャパン
クラウドコンピューティングの広がりによって、ブラウザは、単にウェブサイトを閲覧するだけのものではなくなってきました。これに伴い、安全性や利便性、作業効率などをアップさせるための拡張機能が数多くリリースされています。 特に、ここ1年で『Google Chrome』や『Safari』が拡張機能ギャラリーを開設するなど、これまでのFirefoxの独壇場から、拡張機能にまつわる環境がずいぶん変わってきましたね。そこでこちらでは、特にオススメな拡張機能トップ10を、ご紹介しましょう。 10位: 「Web of Trust」（Firefox／Chrome／Safari／IE） 「Web of Trust（WOT）」は、より安全なブラウジングを実現するための拡張機能。オンライン検索をする際、WOTは独自のデータベースにアクセスし、各検索結果の安全度を緑・赤・黄で表示。緑は安全なサイト、黄は注意しながら進
AppEngine/Jのspin-upを劇的に改善する方法 - ひがやすを技術ブログ
AppEngineは、アクセスがあったときにアプリケーションを起動し、しばらくアクセスが無ければアプリケーションを終了させ、また次のリクエストで再起動するという仕組みを導入しています。 そのため、アプリケーションを起動(spin-up)する時間がとても重要になってきます。このspin-upの時間はpython(webapp)で60cpu_ms以下。(cpu_msはcpuが使う仮想的な時間ですがmsと同じ感じで捉えてもらってもとりあえずは大丈夫です)JavaのServletだと600cpu_msくらいです。PythonでもDjangoような大きなフレームワークだと1000cpu_msくらい(アプリによる)かかりますが、許容範囲内。JavaだとSlim3で1300cpu_ms、Springだと早くて7000cpu_msという感じで、Slim3がギリギリ許容範囲内でしょうか。ほんとうは、1000
[CSS]text-shadowでここまでできる、かっこいいエフェクト集
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; レタープレスのテキストエフェクト
ディテールの作りこみも丁寧に解説された、ウェブデザインを作成するPhotoshopのチュートリアル集
最近のトレンドを踏襲した、ディテールの作りこみも丁寧に解説されたウェブデザインを作成するPhotoshopのチュートリアルを紹介します。 ここ半年くらいに公開されたものから厳選しました。
営業ができる人とできない人の違い - GoTheDistance
営業という言葉に良いイメージを持ってる人はかなり少ないんじゃないかと思います。特にエンジニアは営業さんに「泣かされた」経験がおありの方が多いですし。また、電話爆撃営業や詐欺に近いような営業も多い中、益々うさんくささが先行しやすいのかなぁと思ったりします。 ホントはそういうもんじゃないだろって思うので、自分１人で顧客の所に赴き、話をしに行くことも増え、発注側として営業さんの話を聞くことも増えてきました。そんな中で、営業について感じたことを書いてみます。 1. できる人は相手に問いかける、できない人は自分が話し続ける 相手とのコミュニケーションの中で距離感をつかみ、お互いが負担にならないようなコミュニケーションの土台をまずつかむこと。これが恐らく営業のはじめの一歩なんじゃないか、と思っています。 その土台を作るのに、まず自分のことを立て板に水を流したように話す営業がいますが、その時点で僕は「も
好奇心を刺激する！はてなブックマークで人気の「科学・技術の読み物」 - はてなニュース
読書の秋に、何かテーマを決めてじっくり読書に取り組んでみたいという方におすすめしたいのが「科学・技術の読み物」。近寄りがたく見えるジャンルですが、ひとたび足を踏み入れてみると、好奇心を刺激する良書に出会えます。本記事では科学・技術の読み物の中から、多くのはてなブックマークを集めている書籍を3冊ピックアップして紹介します。 たくさんのブックマークが寄せられている「科学・技術の読み物」を集めてみると、コンピュータ、生物学、数学、物理学、脳科学、宇宙など、各分野の良書が勢ぞろいしました。 ハッカーと画家 コンピュータ時代の創造者たち 生物と無生物のあいだ (講談社現代新書) フェルマーの最終定理 (新潮文庫) 数学ガール (数学ガールシリーズ 1) その数学が戦略を決める いかにして問題をとくか 完全独習 統計学入門 単純な脳、複雑な「私」 ご冗談でしょう、ファインマンさん〈上〉 (岩波現代文庫
Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス
2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト！ ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基本的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLやCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー
TwitterにURLを流すとインデックス化に効果があるのか？ 実験してみた | Moz - SEOとインバウンドマーケティングの実践情報
フォロワーからの注目やリンクを集めることを期待して、自分のTwitterアカウントで新しい投稿や製品についてつぶやく人は多い。こういった活動が、インデックス化されるページの増加や迅速なインデックス化にもつながるとしたらどうだろう？ jtkaczukが2010年3月に、「Twitterをサイトマップとして利用する」という記事をYOUmozに投稿した。僕はこれを読んでからTwitterのパワーについて考え始め、Twitterをもっと活用することがインデックス化の助けになるんじゃないかと思うようになったんだ。 そこで僕は、ほんの数か月だけささやかな実験を行ったのだが、その結果は驚くべきものだった。 Twitterとインデックスの実験の方法この実験では、次のことをそれぞれ追跡できるようにした。 新製品がサイトに追加されたことそれがツイートされたことGooglebotにクロールされたことグーグルでイ
人気列車「ゆふいんの森」号で、日本一ハイジなブランコを訪ねる - 沙東すず
こんにちは。先日ちょっくら実家の大分県別府市に帰省してきました。実は数ヶ月前に電話で「今さら言いにくいんやけどさァ…ちょっとブログ？日記？っちゅうのをやっちょってさ、まあそこそこ有名になって本とかも出さしてもらってさァ、あとモジャモジャの犬が…まあとにかく、関連書籍を送るから見てくれる？」とテレビブロスとかわさお写真集とかいろいろ実家に送りつけてカミングアウトしてからの初帰省ということで、いろいろとスリリングな数日間を過ごしました。今回はそのスリルの断片とか、JR九州の誇る美列車「ゆふいんの森」号での秋散策スポットとか、実家のガラス窓にスズメバチが巣をつくって私生活が丸見えとかの様子をお送りします。 メレ腐は情報弱者の味方なので、今回も旅程への理解を深めるため地図を描きました！使えない味方ほど恐ろしいものはないっていいますよね… 由布院駅前からの旅のスタート。北は福岡県・久留米市から南は大
開発環境をクリーンにする個人的な3つの禁止事項
開発環境は放っておくと自分の部屋と同じで散らかって行きます。 必要なファイルが見つからなくなったり、毎日使うツールが壊れてしまったり…。 そうなると、仕事が進みません。 PCは唯一の仕事道具なので、出来るだけクリーンに保ちたいもの。 そこで私は個人的に3つの禁止事項を決めています。 今日はそのまとめ。 1. 環境を同居させるな えー、簡単に言うと”仮想化しましょう“ってことです。 Macを使っている方は、Apacheも入ってるし、MySQLもインストール出来るし、そのままでも良いじゃない。 あるいはXAMPPやMAMPを使っている方は、インストールすれば環境が揃うし。 そう思われるかもしれません。 しかし、仮想化して開発用のOSを別に持っておけば、良いことが色々とあります。 環境を壊せる！ 好き勝手出来るマシンが1台手に入ったも同然です。自分のマシンでは出来ない恐ろしいことも出来ます
金融商品について勉強したいヤツちょっと来い : まめ速
1：以下、名無しにかわりましてVIPがお送りします：2010/11/07(日) 02:21:14.67ID:NPjtD/vw0 〃∩ ∧＿∧ ⊂⌒（ ・ω・） 投資歴6年の俺がなんでも答えるお ｀ヽ_っ⌒/⌒ｃ ⌒ ⌒ 6：以下、名無しにかわりましてVIPがお送りします：2010/11/07(日) 02:23:26.58ID:NPjtD/vw0 〃∩ ∧＿∧ 最初に言っておくことがあるけど、 ⊂⌒（ ・ω・ ） 銀行・証券会社がすすめてくる商品は一切買うな！ ｀ヽ_っ⌒/⌒ｃ このスレの結論はこれになるよ ⌒ ⌒ 8：以下、名無しにかわりましてVIPがお送りします：2010/11/07(日) 02:24:57.41ID:NPjtD/vw0 | ＼ __ ／ ＿ （ｍ） ＿ﾋﾟｺｰﾝ |ミ| ／ ｀´ ＼ ('A`) 金融商品っていってもいろいろあるから、
一度は見ておきたい絶景、92の滝と16の湖が織りなすクロアチアの世界遺産「プリトヴィツェ湖群国立公園」:らばQ
一度は見ておきたい絶景、92の滝と16の湖が織りなすクロアチアの世界遺産「プリトヴィツェ湖群国立公園」 エメラルドグリーンに輝く大小16の湖と92ヵ所に散らばった無数の滝。 この独特の景観を持つクロアチアのプリトヴィッツェ湖群国立公園は、1979年にユネスコ世界自然遺産に登録されています。 まるで異世界にでも迷い込んだような魅惑の風景をご覧ください。 プリトヴィツェ湖群はボスニア・ヘルツェゴビナ国境に近いクロアチアの国立公園。 8kmに渡って山間を16の湖が階段状に並んでいます。 木道を歩く観光客たち。 一帯の地質は主にドロマイト（白雲岩）と石灰岩のカルストからなり、このことが際立って特徴的な景観が生まれる素因となっているそうです。（プリトヴィツェ湖群国立公園 - Wikipedia） 白糸の滝のような岩壁。 ポイントごとに表情の違う滝。 湖群は紺碧、紺青、灰色など、目を見張るような色合い
MacBookAir 11インチを買って導入したソフト ~サーバエンジニア編~ | Glide Note - グライドノート
MacBookAir11インチを買いました!! 夏ぐらいから新MacBookAirの噂が流れていて、待っていたので、発表直後に即購入しました。 購入したモデルは11インチSSD128GBのモデルにメモリを2GB→4GBに増やした構成になります。 システム構成 1.4GHz Intel Core 2 Duo 4GB 1066MHz DDR3 SDRAM 128GBのフラッシュストレージ 巷では導入したソフトを紹介するのが流行っているようなので、私も便乗してサーバエンジニアとして紹介したいと思います。 ソフトを紹介する前に、MacBookAirを数日間利用してみての雑感を パームレストがほとんど熱くならない。負荷をかけてもほんのり暖かいくらいです。アルミMacBookで一番不満な点が解消しています。 ファンのほとんど音がしない（ほぼ無音です） 軽い トラックパッドの感度が悪い（個体差の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10:phpspot開発日誌
IDEA * IDEA
IDEA * IDEA