CSSビギナーに気をつけてほしい5つのポイント | コリス
スタイルシートは、複数の人間が携わる場合は当然のことながら、自分一人の場合でも長期にわたり携わることがあるので、分かりやすくクリーンなものにしておきたいものです。 スタイルシートを適切に使用し、そして管理しやすくする5つのポイントをSoh Tanakaから紹介します。 CSS Beginners Do's and Dont's Part 2 下記は各ポイントを意訳したものです。 1. classとidは適切に使用する ビギナーは新しいclassをどんどん作成してしまう傾向があります。冗長なものや不必要なclassやidはCSS本来の目的からはずれるものです。 CSSの美しさはデザインをマークアップから切り離すことにあり、それを許すということです。またclassやidを最小限にすることで負荷を減らすことにも繋がります。 Bad p要素それぞれに全て個別のclassを使用しています。 <tex
Tableau: Business Intelligence and Analytics Software
Why Tableau Toggle sub-navigation What Is Tableau Build a Data Culture Tableau Economy The Tableau Community The Salesforce Advantage Our Customers About Tableau Toggle sub-navigation Mission Tableau Research Awards and Recognition Tableau Foundation Equality at Tableau Products Toggle sub-navigation Tableau Tableau Pulse Data Management Embedded Analytics CRM Analytics Enterprise Tableau Public O
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
iTunes風のイメージギャラリーが作れるJavaScriptライブラリー「ContentFlow」
2014年8月20日 JavaScript マウスウィール（トラックパッド）でスクロールすると前後の画像が見れるギャラリー。一目見て「おっ、iTunesだ！」と思いました！JavaScriptとCSSをカスタマイズすればサイトにあった表現の仕方ができます。デフォルトでも充分かっこいいので「JavaScriptはよくわからない..」という人でも簡単に実装できると思います！ ↑私が10年以上利用している会計ソフト！ サンプルを用意したので見てみてください。 See the Pen Photo Gallery – ContentFlow by Mana (@manabox) on CodePen. ダウンロードする ContentFlowのサイトからファイル一式をダウンロードします http://code.google.com/p/contentflow/downloads/list コーディン
メガ盛り！ナポリタンに挑戦＠スパゲッティーのパンチョ – 上野浅草ガイドネット探検隊
御徒町駅前に3月にOPENした スパゲッティーのパンチョ というお店、渋谷で人気のお店らしく 店頭のインパクトにひかれ早速食べてみる事に！ 店名はスパゲッティーのパンテョですが、 扱っているのは、ナポリタンとミートソースのみ 「ナポリタンとミートソースがあればいい」のチャッチフレーズがなんともステキ☆ まず、入り口で食券を買います ※「初めての方へ、当店のスパゲティーは並盛りでも量が多いので 大盛はお控え下さい」 とちゃんと書いてあるのですが、まったく気付いていない 私 探険王ジャック ナポリタン（とろけるチーズ） 750円を購入 席に着き店員さんへ食券を渡すと 店員さん：「麺の量は？どれにしますか？」 小・並・大盛 探険王ジャック：「大盛でお願いします！」 そして４・５分後それが運ばれてきた・・ くえね～だろこれ普通ｗ 写真では、分かりづらいですが、はんぱじゃないボリューム でも、大盛っ
漢字1文字が最大8バイト、Unicodeの「IVS」とは？
「漢字1文字は2バイト」という常識が、大きく変わろうとしている。現在改正中の「常用漢字表」に対応するためには、Unicodeの4バイト文字を使用する必要があるが、それだけでは済まない恐れがある。今後、戸籍や住民基本台帳で使われている文字がUnicodeに追加されると、漢字1文字が最大8バイトになるかもしれない。文字コードに詳しい京都大学人文科学研究所附属東アジア人文情報学研究センターの安岡孝一准教授が、問題の核心を解説する。（日経コンピュータ） 先日公開した『新常用漢字表が迫るUnicode移行、「シフトJIS」では対応不可能』の読者から、「今後のシステムでは漢字1文字を最大4バイトで処理すればいいのか」という質問を頂いた。実は、UTF-8あるいはUTF-16で漢字を表す場合、最新のUnicodeにおけるIVS（Ideographic Variation Sequence）を考慮すると、漢
ラジオサイマル放送『radiko』の衝撃とまとめ|ガジェット通信 GetNews
インターネットを介してパソコン（PC）でラジオが聴ける『radiko』の運用が始まりました。今回は話題の『radiko』を楽しむためのあれこれについてMobileHackerzさんのブログ『MobileHackerz再起動日記』からご寄稿いただきました。 ラジオサイマル放送『radiko』の衝撃とまとめ 既に各所で報道されておりますが、インターネット経由での民放サイマル（＝電波にて放送しているものと全く同じ編成の番組を流す）放送サービス『radiko（http://radiko.jp/）』がついに運用を開始しました。 当初は「都市部は鉄筋コンクリートのビルが多く、ラジオ電波が届かないところが多い」ための「難視聴地域の解消」という大義名分をもとにインターネット上での同時放送を実現する、というロジックでサービスが始まります。なので、インターネット経由での放送であるにもかかわらず、接続するために
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
Not Only NoSQL!! 驚異的なまでにWRITE性能をスケールさせるSPIDERストレージエンジン
Webサービスでは、世界中からのトラフィックを捌く必要があるため、いくらチューニングしようとも一台のRDBMSでは捌ききることが出来ないのが常だ。MySQLは最初からマスター・スレーブ型のレプリケーション機能が搭載されており、スレーブをたくさんぶら下げることによって参照の負荷をスレーブに割り振るというスケールアウトによってその問題に対処してきた。スレーブによるスケールアウトは、参照（＝PV）が多いWebサイトと非常に相性が良く、幾多のWebサイトにおいて実績を作ってきているし、まだまだ利用されている。 しかしながら、サイトのトラフィックが劇的に増加してくるようになると、レプリケーションによる負荷分散では追いつかなくなってきた。そこで人々がとった選択肢は、memcachedを利用することである。memcachedはインメモリ型の高速なKVSであり、参照・更新性能はMySQLより格段に高い。M
Emacs 上で快適に Bash や Zsh を利用する設定 : 紹介マニア
概要 Emacs を利用していると全部 Emacs でやりたくなるのは Emacs 使いとして当然だと思います。 Shell だって Terminal など利用せず Emacs 上で動作させたくなることでしょう。 この文書では Emacs 上で Shell を快適に利用するための設定を記述していきます。 目次 概要 検証環境 Emacs での Shell Mode に関する基礎知識 shell term (ansi-term) eshell どのモードを利用するか 利用する Shell について Windows での Shell の準備 Mac OS X での Shell の準備 Emacs 側の設定 PATH の設定 利用する Shell の設定 文字コードの設定 システムの terminfo を利用しない設定 エスケープを綺麗に表示する term 呼び出しキーの割り当て Shell 側
ゼロ年代のワースト映画
上位１０本の解説です ワースト１０_解説 みなさんが投票してくれた内容です 投票シート＆ブロガーリスト 賛否両論映画を抽出してみました 賛否両論映画ベスト２０ 外国映画を抽出してみました 外国映画ワースト１０ やっぱりアイツだったか 最低の監督 全５９９本ランキング 全ランキング 前回の企画はコチラ ゼロ年代のベスト映画 ゼロ年代どころか日本映画史を代表する勢いで『デビルマン』がワースト１位になった。 ２位は『少林少女』。『少林少女』に限らずゼロ年代のフジテレビ映画は駄作だらけだった。 １，２位までは順当だが、３位に意外な作品がランクインした。実写邦画史上、最高の興行収入となった『踊る大捜査線 THE MOVIE2 レインボーブリッジを封鎖せよ！』だ。この映画が超ヒットしたのをきっかけに、邦画はおかしくなっていった。 社会現象となったケータイ小説ブームの頂点『恋空』が４位に。でもガッキーは
フリーで使える商用可能な写真の効率的な5段階の探し方: 世界中の１％の人々へ
"Yawning wolf" Photo Credit:Tambako the Jaguar パブリックドメインのライブラリで写真を探し回るのは時間の無駄。Wikimedia Commonsから探すといい! 3月26日に発売される『Movable Type 5実践テクニック』には、商用利用可能なテーマが3本専用サイトからダウンロードできるようになっているのだけど、制作過程で一番苦労したのは、IAでもデザインでもなくて、コンテンツを埋めることと再配布可能な画像を探すことだった。 これたのテーマで利用した写真のほとんどはパブリックドメイン（Public Domain）の写真を使いましたが、かなりの時間を費やして写真を探した結果、パブリックドメインのライブラリを順番に探していくのはあまりにも非効率的であることに気づいた。まず多くの画像ライブラリはUIが酷すぎる。検索結果にサムネールがでないライブ
さらば、翻訳調の文章！ 技術者向け校正ルール
さらば、翻訳調の文章！ 技術者向け校正ルール：誰にでも分かるSEのための文章術（8）（1/2 ページ） 「提案書」や「要件定義書」は書くのが難しい。読む人がITの専門家ではないからだ。専門用語を使わず、高度な内容を的確に伝えるにはどうすればいいか。「提案書」「要件定義書」の書き方を通じて、「誰にでも伝わる」文章術を伝授する。 第7回「専門用語は徹底的に「読み手指向」で書くべし」に引き続き、「語句の使い方」や「表記法」を解説します。今回は、技術者の文章にありがちな癖、「翻訳調」「漢字の多用」を、より読みやすい文章に修正する方法を提案します。 SEは、翻訳書・文書を読む機会が多い仕事です。専門書や技術書、開発業務を進める際の文書類を、英語の原文で読むこともしばしばあります。そのせいか、翻訳調の文章を記述してしまいがちです。 翻訳調、特に直訳調の表現は冗長です。読みにくいので使わないようにしまし
ＩＰサイマルラジオ『radiko』関連サービスが続々と開発 どれがいいんだよ :【2ch】ニュー速クオリティ
1 包装紙(東日本)2010/03/21(日) 11:23:28.58 ID:Q6kKR9Hy● ?PLT(12000) ポイント特典 ラジオ聞きながら交流 「radiko」関連サービス、個人開発者が続々 http://www.itmedia.co.jp/news/articles/1003/19/news070.html AM・FMラジオ放送をPCで聴ける「radiko.jp」が、3月15日のスタート以来人気を集めている。 radikoを便利に使うための非公式の周辺サービスを個人開発者などが続々と公開。ラジオの魅力が改めて見直されている。 radikoは、AM・FMラジオ番組を放送と同時にCM含めて丸ごとPC向けに配信する「IPサイマルラジオ」の試験サービス。 関東・関西の計 13局の放送を、聴取エリア内のPCのWebブラウザから聴ける。ラジオを持っていなかったり、 自宅に電波が届かない
MakeMKV - Make MKV from Blu-ray and DVD
Welcome to MakeMKV beta MakeMKV is your one-click solution to convert video that you own into free and patents-unencumbered format that can be played everywhere. MakeMKV is a format converter, otherwise called "transcoder". It converts the video clips from proprietary (and usually encrypted) disc into a set of MKV files, preserving most information but not changing it in any way. The MKV format ca
【第一回】 企業ツイッター，国内外の活用事例を総まとめ：In the looop：オルタナティブ・ブログ
企業におけるツイッター活用がいよいよ本格的になってきた。 フォーチュン100社中，65社がツイッター・アカウントの運用を開始したとの調査報告があったが，日本でもいよいよ先進企業による実験的アプローチが本格化してきた。当記事では，ここに来て急増している国内事例も含め，現時点でのツイッター事例総まとめを試みたい。 ■企業ツイッターの分類基準について 事例をまとめるにあたって，「ツイッター活用の目的」と「ツイッター活用ステップ」でマトリクス化してみた。まず簡単にその分類を説明したい。 ツイッター活用の目的は４パターンに分類した。 １．対話型エンゲージメント 主として広報部門が担当する。顧客との対話交流に主眼をおくブランディングツールとしての活用法だ。このタイプの主目的は，顧客とのエンゲージメントを深めることにある。 ２．販促プロモーション 主として営業，営業推進，マーケティング部門が担当する。顧
グーグル、ウェブアプリの脆弱性検査ツール「skipfish」を公開
Googleは米国時間3月19日、オープンソースのウェブセキュリティスキャナ「skipfish」を公開した。ウェブアプリケーションをスキャンして、セキュリティホールの有無を調べられるものだ。 skipfishでウェブアプリをスキャンすると、ブラインドSQLやXMLインジェクションといった「巧妙な仕掛け」を含む脆弱性の有無が確認できると、Googleの開発者Michal Zalewski氏はskipfishのwikiで述べている。 skipfishは対象サイトへの再帰的クロールと辞書ベースの調査を実行し、その結果を表示したインタラクティブなサイトマップを作成する。脆弱性がある場合には強調表示する。また、skipfishが作成する最終レポートは、セキュリティ評価の判断材料として利用できる。 同様のスキャンツールは、「Nikto」や「Nessus」など、すでに商用でもオープンソースでも複数出回っ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カツ丼 まる榮＠恵比須町 : 何食べよっかな
2010/01/31: あじわい回転寿司 禅
Puppet: Rubyベースのサーバ管理自動化スイート
縄麺 男山＠本郷三丁目：麺好い（めんこい）ブログ：So-netブログ
livedoor
サービス終了のお知らせ
GGGGGGGGGG「トム・クランシー監修」
RSense - Rubyのための最も優れた開発援助ツール