liに連番のidを振る方法 │ これからゆっくり考L +α
このブログのサイドメニューにある「最近のエントリー」の項目みたいなことをしたい場合の方法です。 要するに、 <ol> <li id="no1">いちばんめ</li> <li id="no2">にばんめ</li> <li id="no3">さんばんめ</li> </ol> といった感じにする方法をまとめてみました。 JavaScriptで実現 まずはfor文で $(function() { var h=document.getElementById("hoge"); var l=h.getElementsByTagName("li"); for (var i=0;i<l.length;i++){ l[i].setAttribute("id","hoga"+(i+1)); } }); <ol id="hoge"> <li>ほげ1</li> <li>ほげ2</li> <li>ほげ3</li> <
[携帯]の入力フォームの横幅制御方法 │ これからゆっくり考L +α
入力フォーム（テキスト：1行）の横幅サイズの調整について、いつもコーディング時に迷うのでメモしておきます。 ※前提条件：3キャリア1ソース、xhtml size="**"のみ指定 <input type="text" size="27" name="hoge" /> 他のキャリアに合わせてサイズを調整していると、auで見た時に縦に2行になる場合があります（※端末の文字サイズにも依存します）。数字が大きすぎた場合？になるようですですが、だからといってauに合わせて数字を小さくすると、他のキャリアで見た時の横幅がかなり短くなってしまいます。 後、sizeで指定すると端末で設定している文字サイズによってフォームの長さも変わってきてしまうので、そこもちょっと気になるところです。 style="width:**"のみ指定 <input type="text" style="width:80%" na
[携帯]背景画像の各キャリアの仕様 │ これからゆっくり考L +α
モバイルで背景画像の左端（ないし右端）に画像をリピートさせたい。 という案件に遭遇しまして。 どういう風に対応するのがベストかを色々試してみました。 条件は「3キャリア1ソース」「xhtml」です。 横幅240pxの画像をリピートさせる docomoのiモードブラウザ1.0（2008年秋冬モデル以前）はbackground-repeatが効かないため、背景画像の横幅は240pxにしないといけません。 ※横幅いっぱいの背景画像でないと横（x軸方向）にもリピートしてしまう為。 <body style="background:#000000 url(bg_300.gif);"> →サンプルページを見る 参考イメージ ただ、このやり方だとVGA対応の画面で見た場合に画面中央あたりにもリピート画像が来てしまいます。 参考イメージ VGA対応の画面も考慮して横幅480pxの画像をリピートさせる <bo
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
オンラインプレゼンツール「Prezi」を使ってみたけど、これはすごいかも知れない
■ オンラインプレゼンツール「Prezi」を使ってみたけど、これはすごいかも知れない 少し前に話題になっていたけど使うチャンスがなかったオンラインプレゼンツール「Prezi」、社内でLTをする機会があったので使ってみた。いやぁ、これは相当面白いね。 サイトにあるデモを見ればどういう感じかわかると思うけど、ぱっと見ただけではトランジションが風変わりな普通のプレゼンソフトに見える。でもこれ、既存のプレゼンツールからすると、パラダイムがまるで違う。Preziの評価で「スタイリッシュなプレゼンが簡単に作れる」みたいな言い方が多いけど、ぜんぜん違うよコレは。このアイデアは単にカッコイイとかそういうレベルじゃない。 よく会社の会議なんかで、A3 1枚にExcelシート上に描かれた図表をばばーんと印刷して、それを説明するなんて場面があるけど*1、「右上のこれが××なんですが、左下にある……そう、それは○
HTMLコーディングの代行・外注はクロノドライブ
人気のサービス クロノドライブでは、お客様のコーディングに関するすべてのお悩みを解決するべく、多様なサービスを準備しております。その中でもご要望の多いサービスをご紹介致します。 PCサイトコーディングPCサイトのコーディングプランです。短納期案件や大規模案件でもご相談ください。 スマートフォンサイト・ レスポンシブWebデザイン コーディングHTML5+CSS3でのスマートフォンサイト構築を行います。レスポンシブWebデザイン対応も可能です。 WordPress構築WordPressの新規構築から、既存サイトの修正・カスタマイズまで幅広く対応いたします。 JavaScript対応フルオーダーのJavaScript構築のほかに、JavaScriptカスタマイズや修正も行なっております。 クロノドライブのコーダーがTipsをご紹介しております。 jQueryを使うなら知っておきたいjQuery
JavaScriptを高速化する31のチェックリスト | エンタープライズ | マイコミジャーナル
Is your JavaScript SLOW JavaScript? Amy Hoy氏およびThomas Fuchs氏がIs your JavaScript SLOW JavaScript?において、JavaScriptアプリケーションのパフォーマンスをチェックするためのチェックリスト [PDF]を公開している。印刷して利用できるように工夫されたチェックリストで、31のチェック項目がある。紹介されているチェック項目は次のとおり。 scriptタグは正しい位置に記述されているか DOM MonsterブックマークレットでDOMを分析しパフォーマンス問題を明かにする キャッシュヘッダを正しい状態にする 結合、インライン、事前キャッシュ ミニファイ、Gzip圧縮 Smush、CSS Script、Favicon フレームワークの確認 ラナウェイタイマの管理 DOMコード効率の最大化 ノードセレ
組織は戦略に従い、組織変更はマネジメントから社員へのメッセージとなる : LINE Corporation ディレクターブログ
メディア事業部長の田端です。 このディレクターブログをお読みの皆さんも、企業に属する形で、サラリーマンとして、ウェブ関連のお仕事をされている方が大半だと思います。サラリーマンである以上は、おそらくある「組織」に属するという形態の方が大半だと思います。 皆さん、部署の統廃合や名称変更、部門長の人事異動など、毎年の恒例行事のように繰り返される組織変更はそもそも何故に必要なのか、考えたことがあるでしょうか？今回はそのことについてお話をしてみたいと思います。 FY10キックオフにて説明をしている様子 組織変更は何のため？ まず、大前提として、皆さんに覚えておいて欲しいことがあります。経営学を齧った人なら、必ずや聞き覚えがあろう以下の名文句です。 組織は「戦略」に従う。 By アルフレッド・チャンドラー （経営学の大家） 当たり前のことですが、組織変更をすることは、ビジネスを成長させていくための「手
mixiアプリの作り方(PC・携帯版)に関するサイト色々まとめ:phpspot開発日誌
携帯mixiアプリアクセス殺到(Yahoo!ニュース) によると、モバイル版もリリースされたmixiアプリがとても熱いようですね。 ということで色々、mixiアプリの収益化のチャンスや開発方法などの現状について調べてみました。 収益化のチャンス mixi アプリを作ることで、mixiのPVもあがるわけですが、開発者にも収益化やメリットがありますね。 以下に3つのメリットをまとめてみました。 (1) 自分のサイトへの誘導 mixi に集まる大量のトラフィックを自分のサイトにも誘導することで収益化のチャンスがあります。 実際に「外部サイトに誘導するための手順」としてその方法が提供されていますね。 (2) PVによって収益を得るアドプログラム 1PV 0.01円がもらえるみたいです。10万PVで1000円ですが、ユーザ数を考えると可能性を感じますね。 ヒットアプリになると100万ユーザとかになる
便利そうなフリーのアイコン作成ツール６種類:phpspot開発日誌
便利そうなフリーのアイコン作成ツール６種類がまとまったエントリのご紹介。 Photoshop等のツールでもアイコンは作れますが、アイコンに特化した専用のグラフィックツールの方が特化している分、便利な機能がいろいろあるようです。 Greenfish Icon Editor Pro IconFX Sib Icon Editor LiquidIcon XP アイコンは作る場合、使い慣れたツールで作るのもいいですが、こうしたツールを一度は試してみるのもいいかもしれませんね。 リンク先を見るには以下のエントリを参照してください。 6 Free Icon Editors To Create and Edit Icons
ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「jquery-drag-spinbox」:phpspot開発日誌
ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「jquery-drag-spinbox」 2009年10月30日- ドラッグ＆ドロップで数値の設定が出来る便利ＵＩを実装できる「jquery-drag-spinbox」。 普通、数値入力というと、ボックスに直接入力したり、ボタンを連打したりして上下させますが、このSpinBoxを使えば、画像上でクリック→上 or 下にドラッグすることで簡単に数値の調整が出来ます。 デモページ 名前の通り、jQueryベースで作成されていますので比較的簡単に使うことが可能です。 以下のエントリを参照してください。 HowToSetupJapanese - jquery-drag-spinbox - Project Hosting on Google Code
[CSS]スタイルシートで実装するアコーディオン型ナビゲーション
スクリプト無しで、アコーディオン型ナビゲーションを実装するスタイルシートをCSSplayから紹介します。
雑誌広告デジタル化へ、2011年に紙焼き・版下を廃止
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
jQueryベースのWordPressプラグイン25 – creamu
CSS REFLEXというサイトで、jQueryベースのWordPressプラグインがたくさん紹介されています。 いくつかご紹介しますね。 WordPress jQuery Lightbox Plugin ページにオーバーレイで画像を表示できる WP-Slimbox2 Plugin クールなlightbox系画像オーバーレイスクリプト Carousel Gallery (jQuery) カルーセルギャラリーを作れるプラグイン jQuery Comment Preview ライブコメントプレビューを実装できるプラグイン WordPress post information plugin meta情報を綺麗に見せてくれるプラグイン Snazzy Archives エントリーアーカイブをデザインされたレイアウトで表示してくれるプラグイン ?Audio Player mp3のリンクがクリックされた
読んでおきたいユーザビリティーに関するブログ10 – creamu
UX Boothというサイトで、読んでおきたいユーザビリティーに関するブログがまとまっています。 ざっといくつかご紹介。 Usability Post 見た目だけでなく、機能的に美しいデザインをテーマにしているブログ Boxes and Arrows グラフィックデザインやインタラクションデザイン、IAなどについて幅広く扱っているサイト UI Trends 面白いユーザーインターフェースやサイトのトレンドを紹介している UX Exchange IAやユーザビリティー、アクセシビリティー、インタラクションデザインについてのQ&Aサイト UX Matters 効果的なユーザー体験とは？ユーザーを満足させるインターフェースデザインとは？といったことをテーマに書かれているブログ 特に、Usability Postはデザインもかっこよくていい感じですね。 その他もいろいろあるので一度見てみてください
文字拡大/縮小機能の実装を外しました｜ウェブユーザビリティ向上を支援するWebsite Usability Info
コラム記事「Webページにおける文字の拡大/縮小機能」で述べたように、当サイトでは、グローバルナビゲーションエリアに[文字拡大]、[縮小]、[標準]というリンクを設けて、文字（テキスト）のサイズを任意に設定できるようにしていました。 ブラウザの文字拡大機能が一般ユーザーに意外と知られていなかった（ブラウザのメニューの中に隠れていて認知度が低かった）ことへの対策として、それなりに意義があったと思いますし、「文字拡大/縮小機能を使うときは代替手段も明示する」で述べたような、JavaScriptが使えない環境のユーザーへの配慮もしていたので、アクセシビリティ対策としては、悪くないソリューションだったと考えています。 しかしながら当サイトでは、熟考を重ねた結果、このたび、この文字拡大/縮小機能の実装を外すことにしました。理由は、以下の通りです。 「Webページにおける文字の拡大/縮小機能」で述べ
イーモバイルからWiFiルーター｢PocketWiFi｣が発表
これ一つでWiFi垂れ流しですよ。 イーモバイルから、HSDPA / HSUPA（下り7.2Mbps上り5.8Mbps）対応のWiFiルーター｢PocketWiFi｣が発表になりました。 この｢PockeWiFi｣がどんなものかというと... ｢Pocket WiFi｣（ポケットワイファイ）は、無線LANのアクセスポイントがない場所でも、イー・モバイルサービスエリアであれば、どこでもWi-Fi利用が可能なモバイルWiFiルーターです。*1（USBケーブルでPCを接続してのモデム利用も可能です。） これさえあれば、最大5台までの無線LAN機器をインターネットに接続することができるんですね。同様の製品ではNTTBPの｢Pwersonal Wireless Router｣が現在開発中で年内の発売を目標にしています。 ｢PocketWiFi｣は11月1日予約開始で11月18日発売開始です。 ［Po
パスワード管理ツール『LastPass』がGoogle Chromeでも使えるようになった（Windowsのみ） | ライフハッカー・ジャパン
では、そもそも『LastPass』って何なのよ？というおさらいから....。 一言でいうと、複数のウェブパスワードをまとめて記憶してくれるツール。『LastPass』のIDとパスワードさえ覚えておけば、その他のウェブサービスで使っているパスワード情報やクレジットカードナンバーまで、記録はこのツールにお任せです。保存データはきちんと暗号化されておりセキュリティ面でも安全な上、『LastPass』にパスワードを登録したウェブサービスには、パスワード入力の手間なくワンクリックでログインできるという点も魅力ですね。詳しくは以下のデモ動画でもどうぞ。 さて、このツールはこれまで、Firefox向け拡張機能として、またInternet Explorerのアドオンとしてリリースされていましたが、このたびGoogle Chrome向けの拡張機能もリリースされました。Google Chrome4（開発版）以
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
DMOZカテゴリの登録は現在でもSEO対策に有効か? - SEO担当者ブログ
DMOZカテゴリの登録は現在でもSEO対策に有効か? 2009年10月29日 DMOZとは、ODP(Open DirectoryProject)と呼ばれる、ウェブサイトのディレクトリサイトです。登録審査はすべてボランティアで行われており、登録申請も無料です。掲載サイトは厳選され、質の高いディレクトリが構成されています。そのDMOZなのですが、サイト自体の利用者数は多くなく、直接のアクセスはあまり期待できません。 しかし、登録されるカテゴリによっては被リンクSEOとしての効果があるため低コストなSEO対策として認識されています。また、GoogleディレクトリはDMOZを利用して運営されているので、 DMOZに登録されれば時間差はありますが、自動的にGoogleディレクトリにも登録されます。○登録の方法登録 DMOZの中の自分が申請を出したいカテゴリのページに移動し、上部メニューバーの「URL
リアルな葉っぱのフリーphotoshopブラシセット「Leaf’d: 10 Free High-Res Photoshop Leaf Brushes」
デザインする上で、色々なデザインと親和性が高い葉っぱ素材。それだけに写真素材や関連する素材も多々あります。今回紹介するのは、リアルな葉っぱのフリーphotoshopブラシセット「Leaf’d: 10 Free High-Res Photoshop Leaf Brushes」です。 ブラシで葉脈までキッチリと描写されたリアルな葉っぱのブラシがセットになっています。ブラシの解像度は1900px〜2400pxと非常に高解像度になっていますので、メインとしての利用にも十分耐えられるクオリティになっています。 詳しくは以下 収録されている葉っぱブラシ一覧。 葉っぱの種類は全種それぞれですが、撮影されている角度は統一されています。単体でキレイに切り抜かれているので、汎用性が高く色々なシーンで役に立ってくれそうなフリーphotoshopブラシセットです。 利用ライセンスはクリエイティブ・コモンズライセン
招待状・服装・ご祝儀…いざという時に慌てないための「結婚式のマナー」 - はてなニュース
11月22日は「いい夫婦の日」ということで、縁起を担いでこの日に結婚式を挙げる人も多いようです。しかし結婚式に招かれる側には、「何を着ていけばいいの？」「お祝いはいくらつつめばいいの？」といった悩みはつきもの。そこで今回は、結婚式のマナーに関するエントリーを集めてみました。 結婚式のマナー/結婚式の招待状・ご祝儀・服装 結婚式のマナーと常識 -ウエディング ウォーカー 結婚式のマナーの中でも、特に「どうすればいいの？」と悩むことが多いのが「招待状」「服装」「ご祝儀」についてです。今回はその3点について見ていきます。 招待状の返信の仕方にもマナーがあります 結婚式の招待状が届いたら、相手のことを考えできるだけ早めの返信を心がけます。また、返信用のハガキの書き方にもマナーがあります。「出席するんだから、御出席に○をしてそのままポストに投函」というわけにはいきません。 披露宴の招待状の返事の書き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VMwareシリーズの最新版が公開、無償の「VMware Player」に仮想PC作成機能が追加 - 窓の杜
MS、XP/Vistaの「リモート デスクトップ接続」を7相当に更新するパッチを公開
生活保護についての簡単なまとめ（追記随所に） - 戯言 by 紫音
【送信59：性欲】｜ミソマン -三十路マンコの品格
マンガ「Web担当者 三ノ宮純二」- 第12話：Webの真価とは（最終話） | Web担当者・三ノ宮純二
高品質なテクスチャをダウンロード＆登録できるサイト -Textur.es
GmailのデザインをすっきりするFirefoxのアドオン -Minimalist Gmail
マウスをクルクル動かすだけでイイ感じのイラストになる「Livebrush」 | ライフハッカー・ジャパン