list-style-imageを使わずにリストマーカーに画像を使う
DoRuby! (ドルビー!) は現場のエンジニアによる、主にRubyなどの技術に関する様々な実践ノウハウを集めた技術情報サイトです。 こんにちは、maiです。今回は初心に返って、ごく簡単で使いどころが多い「リストマーカーを画像にする」について。 リストマークを画像にする場合、 list-style-imageというプロパティが既にありますが、 これを使うとちょっとズレたりしちゃうのでデザインとしてちょっと…ということがあります。 そういうズレを防ぐためにも、リストマークを画像にする時は backgroundで入れてしまいましょう。 具体的にはこんな感じ↓ ◆list-style-imageを使った場合 cssの記述自体は簡単ですが、テキストに対して上ズレしちゃってます。li { list-style-image: url(../list-mark.png); } ◆backgroun
ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか？ 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の
携帯絵文字変換スクリプトの改良版 （PHP・SSI対応版）を作りました 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
以前、このブログで携帯絵文字変換スクリプトを配布しましたが、 今回はその改良版です。今まで、こちらの携帯絵文字変換スクリプトを使用していた方で、 どうやっても動作しないよ！と悩んでいた方はこちらに変えてみてください。 改良点は以下の通り。 ・もちろん全3キャリア対応 （ただしドコモはiモードHTML4.0以上の機種に限る） ・PHPとSSI両方に対応 ・安定動作のため、Unicode数値参照方式（&#x\\\\;）に変更 ・PHPは4と5で動作 ・PCで閲覧した場合にも絵文字が表示される ・ドコモの絵文字を基準とするのはそのまま 以前の携帯絵文字変換スクリプトはドコモの絵文字においてShift-JISの2バイトコードを 絵文字の変換テーブルに用いていたため、サーバー環境によっては文字化けが起きたり、 XHTMLとHTMLで動作が異なったりしていましたが、今回は全キャリアが対応している Un
Web便利ツール - HTMLタグボード
2020年4月25日 携帯端末以外のIPを制限するhtaccessを簡単生成（Mobile IP htaccess Maker） 携帯端末以外のIPを制限するhtaccessを簡単生成（Mobile IP htaccess Maker） 携帯サイトを運営する上で、携帯端末のみをアクセス可能 […]
見積もり・発注 - 技術情報Wiki
発注／調達 † 値切ってはいけない 2009.3.6 確かに，プロジェクトには予算が決められており，その予算の枠内でやり遂げる必要がある。どうしても予算と見積もり金額が合わない場合には，入念に価格交渉を行い，発注者と受注者の双方が金額の妥当性について合意した上で確定させるべきなのだ。 そのためには，PMは出てきた見積もりを査定する能力が必要であり，かつ高い折衝能力が必要である。 はじめてのRFP 2008.2.4 調達用語 RFP,SLCP,SPAとか ＲＦＰ（Request For Proposal：提案依頼書） ＳＬＣＰ−ＪＣＰ９８：Software Life Cycle Process - Japan Common Frame 1998 ＳＰＡ（Software Process Assessment）
高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE
通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。 ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。 ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ
となりの株式会社
収入無しの専業主婦が融資を受けるためには 30代の専業主婦をやっています。主人は出張が多いので、わたし一人家にいることが多く、時間を持て余しているので、資格を取ろうと考えています。取ろうと思っている資格は難関な資格なので、自分で勉強するだけでは合格は難しそうなので、スクールに通おうと思っているのですが、一括で支払うと50万円近くかかるようです。主人に話しましたが、まったく聞く耳をもってくれません。私はウチでじっと家事でもしてれば良い、と思っているようです。こうなったら、自分でキャッシングでもして、と思っていますが、わたしのような収入なしの専業主婦が融資を受けるためにはどうしたら良いのでしょうか？ 専業主婦の方がお金を借りるには銀行です 正直いいまして、現在専業主婦の方がお金を借りるのはかなり難しくなっています。以前は消費者金融も専業主婦相手にお金を貸してくれったのですが、いまではそれが難し
ウェブデザイン用超便利ツール集:phpspot開発日誌
Web Design Toolbox: 130 New Tools to Make You a Better and Faster Designer ウェブデザイン用便利ツール集 ブロックレイアウトなんかをウェブ上から簡単に作れるツールなんかをまとめたエントリがあがってました。 YAML Builder - 複雑なカラムレイアウトもGUIで簡単作成 Sky CSS Tool - CSSオーサリングツール The Box Office - イメージにあわせて以下のようにテキストの位置を指定したページをジェネレート CSSTXT - CSSでのテキスト整形をプレビュー付で確認しながら生成できる izzyMenu.com - メニューを簡単作成 pForm - フォームを簡単作成 Roxer - ドラッグ＆ドロップでページを簡単作成 Wirenode - モバイルサイト作成 doodleki
ネットワーク側から見たヨドバシカメラ問題 - なぷさく
ヨドバシカメラのサイトがリニューアルに失敗してレスポンスが著しく低下している。ただでさえ重いところに、「ほらほらみてみて、重くなってるよ！見に行ってみてよ」なんてGIGAZINEが煽ったり、yahooニュースに飛び火したりしてさらにリクエストが増えて、瀕死の重病人いよいよまさに往生せんとす、といった雰囲気である。構築した会社は今頃針のむしろだろうし、ヨドバシ側の担当者もきっと現場からは「使い物にならんぞ！」と突き上げを食らい、上からは「なんでこんなところに依頼したんだ！」と怒られて社内キャリアはぶっ吹っ飛んだだろうし、まあ他人事ながら同情申し上げる。すでにあちこちで、CMSが腐ってるとか構築会社の社長がすごいとかいろいろ言われているが、基本に立ち返って外側から見える現象をひとつずつチェックしてみよう。1. DNSは問題なし大阪吹田にあるどっかの会社のサーバでDNS引いてみた。 $ dig
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
デザインが失敗してしまう理由 : could
「アート・オブ・プロジェクトマネジメント ―マイクロソフトで培われた実践手法」「イノベーションの神話」の作者として知られている Scott Berkun氏は、現在も執筆活動だけでなく講演やブログなど情報発信を絶え間なく行っている方です。そんな彼が先日「なぜデザイナーは失敗するのか」という刺激的なタイトルのレポートを掲載しました。詳しい内容は UIE13 で話されたそうで、スライドの PDF 版をダウンロードすることが出来ます。 デザイナー、プロジェクトマネージャ、プログラマーなど様々な役職の方300名を対象に調査 (そのうち 35.2% はデザイナーで、49% はチームを管理したりリードする方)。41の質問に対してデザイナーが失敗すると思うものを1〜5のスコアを付けるというアンケート。詳しくは記事を読んでいただきたいですが、平均スコアが高かったのは以下の10項目。 デザインをしない方がデザ
自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE
サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ
サイボウズ・ラボ : 話題のウェブサイトをランキング化するサイト Pathtraq (パストラック) の統計情報取得 API を公開 - 6,000万件のブログやニュースの統計データから検索やランキング取得取�
話題のウェブサイトをランキング化するサイト Pathtraq (パストラック) の統計情報取得 API を公開 - 6,000万件のブログやニュースの統計データから検索やランキング取得取得が利用可能に サイボウズ株式会社 (本社: 東京都文京区 代表取締役社長: 青野 慶久 (戸籍名: 西端 慶久) 以下サイボウズ) の連結子会社で、研究開発を専門に行うサイボウズ・ラボ株式会社 (本社: 東京都千代田区 代表取締役社長 畑 慎也 以下サイボウズ・ラボ) は、2007年8月8日(水)に開始した話題になっているウェブサイトやブログをリアルタイムにランキング化するサイト「Pathtraq (パストラック)」のアクセス統計データを利用した 開発者向け API を2008年7月23日(水)より公開することを発表いたします。 Pathtraq (パストラック) の概要 「Pathtraq (パストラッ
グラフ作成やデータ可視化を楽に美しくできる便利なサービス22個まとめ | Web担当者Forum
このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「グラフ作成・データ可視化」サービスだ。 売り上げの推移、業界におけるシェア、自社製品の出荷数内訳などなど…。「顧客の説得のため、ウェブサイトでもグラフ要素を掲載したい」といったケースは増えている。大手企業では、PHPを使いデータベースと連動させて動的に最新グラフを表示させる、といった仕組みを用意できる場合もあるが、たいていは「エクセルで作成したグラフを画像として貼り付け」といった、手作業感あふれるものだった。 だが、昨年末にGoogle Chart APIが登場して以降、さまざまなサービスや独自APIが増加し、選択肢がグッと増えてきた。無料で利用できる
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作に便利そうなチートシート16選 | IDEA*IDEA
○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum
20の優れたAjax効果*ホームページを作る人のネタ帳
AG真人娱乐平台-Ö÷í�(»¶ÓÄú)