タグ

webに関するbugmomoのブックマーク (12)

  • コーディングをするときに鼻血がでるほど便利なwebツールリスト - Qiita

    普段お世話になっているwebツール達の紹介です。 以下のサイトはすべて 無料 & 登録不要 です。 正規表現 regexper 正規表現を可視化してくれます。 複雑な正規表現を書くときやコードリーディングのお供に重宝します。 Rubular Rubyの正規表現をテストできます。 JSON JSON FORMATTER & VALIDATOR JSON系のツールが集まったサイト。 それぞれ、サイト名とドメインが違うのでリンクはそのうちの1つになっています。 (画像クリックでそれぞれのツールに飛べます。) ひとつずつ紹介します。 JSONをフォーマットしてくれます。 出力結果は折りたたむことができるので、長いJSONを読むときにも便利です。 JSONを含めた様々なデータ形式を変換できます。 Inputの以下に対応。 CSV INI JSON XML YAML Outputは以下に対応。 JSO

    コーディングをするときに鼻血がでるほど便利なwebツールリスト - Qiita
  • WEBサイトでチュートリアルを作るのに便利な「Intro.js 」 | Web活メモ帳

    Intro.jsを使うと、サイトの紹介したい機能をハイライトで見せる事が出来るため 始めてサイトを訪れたユーザーに分かりやすく伝える事が出来るようになる。 マウスで次へ次へと移動できるしキーボードでも操作可能だ。 他のライブラリにも依存しないので、既存のサイトに簡単に組み込み可能なのも特徴。 ダウンロード、デモは下のリンクからどうぞ! Intro.js

    WEBサイトでチュートリアルを作るのに便利な「Intro.js 」 | Web活メモ帳
    bugmomo
    bugmomo 2013/04/05
    説明するのに便利かもー
  • アンカーテキストとは?SEO効果の高い書き方と種類ごとの例

    アンカーテキストとは?SEO効果の高い書き方と種類ごとの例
  • 色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ | 高橋文樹.com | デザイン

    この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 前回の記事に続き、僕と同じくデザイン力のない人のためのサバイブハウツーです。Webサイトを作っていると、デザインをしなくてはならないのですが、その際にとても困るのが色の決定です。 色使いというのはとても大事なもので、「ダサいなー」と思われる理由のトップクラスに位置するものです。デザインというのは上手くいっている場合は気づかれず、失敗したときに目立ちます。 みんな大好き愛生会病院 僕はいままで某大手企業の研修や某デジハリなどで沢山の初心者を見てきましたが、確実に言えることは99%の人に色彩センスはないということです。「好きな色決めてね」というと、99%の人がクソのような色を使ってきます。これは当人がダサいかダサくないかにかかわらず、99%色彩センスがありません。 Webで色彩

    色彩センスのない人がそれなりのWebサイトを作るための秘訣3つ | 高橋文樹.com | デザイン
  • Good night, Posterous

    Posterous Spaces is no longer available Thanks to all of my @posterous peeps. Y'all made this a crazy ride and it was an honor and pleasure working with all of y'all. Thanks to all of the users. Thanks to the academy. Nobody will read this.

  • webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」

    ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ

    webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」
  • Webクリエイターボックス|2010年度個人ブログ部門ノミネート|Alpha Bloggers

    海外で活躍するWebデザイナーのManaさんが、WordPressCSSWebデザインなどのWeb制作に関するノウハウを紹介するブログ。 山 一郎さん 切込隊長BLOG(ブログ) finalventさん 極東ブログ 磯崎 哲也さん isologue 田口 元さん 百式 橋 大也さん Passion For The Future 織田浩一さん Ad Innovator 梅田望夫さん My Life Between Silicon Valley and Japan 渡辺千賀さん On Off and Beyond 伊藤直也さん naoyaのはてなダイアリー コグレ マサトさん [N]ネタフル 湯川 鶴章さん 湯川鶴章のIT潮流 powered by ココログ 加野瀬 未友さん ARTIFACT 南 一哉さん B-log Cabin 伊藤 穣一さん Joi Ito's Web Kengo

  • 格安WEBサーバ冗長化・高可用化設計術 - 新・浅く広くをモットーに | 一人WEBサービス屋メモ

    12:49 | 前回は、nginx + ServersManでの検証結果を御紹介しました。今回は、サーバ構成を含めた構築内容を掘り下げて説明していきたいと思います。ドメイン画像サーバですので、ドメインはさほど表に出ません。屋号が「studio Usagi」なので価格の安さから「usagi.be」を取得する事にしました。お名前.comで、1,830円/年。DNSサービスも無料で付いてきます。DNSラウンドロビン共用レンタルサーバと違って、VPSサーバを使うとなると、httpd / mysqld らデーモンの監視は自身で行わなければなりません(勿論共用でもした方がいいのですが)。とは言っても、一人WEBサービス屋のスタートアップ時に、監視周りに多くの時間は避けませんので、スピート重視で構成を考えていきます。以下構成仕様。サービス監視は簡単なスクリプトを用意。反応がなければGMailにアラートを

  • 最速最安WEB画像サーバ構築術 - nginx + ServersMan - 新・浅く広くをモットーに | 一人WEBサービス屋メモ

    15:59 | 先日、運営しているサイトcocoの画像サーバを構築しました。昨今はVPSが500円程度で借りられる様になり、一人WEBサービス屋には当にいい時代になりました。今回、選定対象にしたのは、以下3つの業者です。ServersMan(初期0円 / 月額490円 / メモリ256M / HDD 10G)S@@Ses(初期3000円 / 月額450円 / メモリ512M / HDD 50G)SAKURA Internet(初期0円 / 月額980円 / メモリ512M / HDD 20G)料金やスペックについて、2010/12/19時点のものを記載しました。キャンペーン適用や保障スペックなど細かい注意点がありますので、詳しくは各社サイトでご確認下さい。シミュレーション処理数値目標は、月間1億アクセスとしました。これは、1ページ当たり50画像掲載だったとすると、200万PV。ブラウザキ

    bugmomo
    bugmomo 2010/12/25
    参考にすべし
  • CSSレイアウト時のよくやる失敗と対処法|WEB制作(html,css(スタイルシート) )|プログラムメモ

    ■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する(top 又は bottom) ■ <td>内のフォントが正しく指定したとおりでない(Win IE Mac IE) →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間

  • calendarLay

    更新記録 2003.1.25 BOSSさんのリクエストにより、何日目以降を有効にするかを カスタマイズ変数で指定できるように修正しました 2002.11.15 書き出し時の不安定化回避のため一時クリア追加 2002.11.14 MacIE用曜日文字処理修正 2002.5.1 N4対応と一部修正 2002.4.20 作業開始 利用について 使用制限などはありません。 商用利用も自由です。 コメントやサポートページなどは将来のバージョン アップや不具合対応情報として残してくださいませ。 また、改変した場合はその旨を更新記録として追加し てください。 有用と思われる改変が出来た方はご連絡いただけれ ば体ソースに追加させていただく場合もあります。 JavaScript ソース /***********************************************************

    bugmomo
    bugmomo 2007/09/11
    カレンダー
  • Piccy ver.001 - collisions.dotimpac.to

    ■先日公開したPiccyを、問題の修正や新機能を追加してバージョン001として公開します。 バージョン001では動作の不具合の修正と以下の機能を追加しました。 管理者認証機能 写真、フォルダ、タグへのコメント GPS携帯からの位置情報通知、ロケーションタグ機能 GoogleMapsによるロケーションタグ一覧 サンプルサイトをごらんください。サンプルサイトはパスワード「guest」で管理者ログインできます。 http://piccy.dotimpac.to/ ■ロケーションタグとGoogleMapsAPIもフォトアルバムを考えていた当初からやってみたかったので、とりあえず作ってみましたがどうでしょうか。 ちなみに写真と位置情報については、以前増井"富豪家"俊之さんとお話してたときに(Wikiばなですな)、「位置情報と時間の関連データが取れてれば後からどうにでもなるんだから位置情報をいちいち写

    bugmomo
    bugmomo 2006/10/17
    かなりやりたいことに近い
  • 1