タグ

WEBとwebに関するShoCohのブックマーク (250)

  • straightline bookmark | Web design bookmarking

    Ttersへようこそ! 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。

    straightline bookmark | Web design bookmarking
  • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

    2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、当にありがとうございました。

  • Cookie - がしまっくす

    事項 † 1つのホストまたはドメインにつき、Cookieは20個以内 各Cookieのサイズは「Cookie名+Cookieの値」の合計値で4KB以内 1つのホストまたはドメインにつき、全Cookieの合計サイズも4KB以内 ブラウザにより若干上限値が異なるが、全ブラウザに対応するには上記3点を守る必要がある 有効期限 有効期限は、通常はブラウザを終了するまでだが、指定した期限まではブラウザを再度起動しても保持されるように設定することができる 無期限という設定はできない。遥か未来を指定することで半永久的に有効にすることも可能だが、ブラウザやサーバが2038年問題で不具合を起こす場合があることから、2038年1月19日3時14分07秒(UTC)以降の時間を期限とすることはあまりない。 Cookieの値で、=や;などの特殊記号や日語文字を使用する場合は %82%A0 のような形式にエンコ

  • Cookieの仕組みとは? データ解析で個人特定されることはあるのか? [アクセス解析Q&A] | 衣袋宏美のデータハックス

    質問:クッキーでユーザーを特定する方法があると聞きました。どれぐらいまで正確にユーザーを特定できるのですか? 答えクッキーだけで「どこのだれ」という個人を完全に特定することはできません。クッキーができるのは、「以前にアクセスしたときと同じブラウザである」という「ユニークなブラウザ」の特定で、その目的にはクッキーは比較的優れた方法です。 解説まずクッキーについて説明します。 クッキー(Cookie)は、正確には「人」ではなく「同一ブラウザ」を追跡するための仕組みです。たとえばAmazon.co.jpに自分のIDでログインしてブラウザを終了させた数日後に、またブラウザを立ち上げてアマゾンのページにアクセスすると、自分のIDで自動的にログインしている状態になっています(図1)。この動作にはクッキーが使われています。 このようにクッキーは、Webサイト運営者やインターネット広告配信業者などがユーザ

    Cookieの仕組みとは? データ解析で個人特定されることはあるのか? [アクセス解析Q&A] | 衣袋宏美のデータハックス
  • https://jp.techcrunch.com/2011/09/27/20110927you-can-now-get-a-taste-of-the-new-delicious-screenshots-video/

    https://jp.techcrunch.com/2011/09/27/20110927you-can-now-get-a-taste-of-the-new-delicious-screenshots-video/
  • Visualize Website Structure – Sitemap

    2014年8月17日 Webサイト制作, 便利ツール Webサイト制作の準備編2:Webサイトの構成図(サイトマップ)。どのページがどこへリンクするのか、ページの重要度など、Webサイトの構成を図にまとめておくと製作途中で変更があった場合でも整理しやすくなります。Webサイトの構成図を作るときのポイントと便利なオンラインツールをまとめてみました。 ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その2 目標:Webサイトの構成を明確にする 必要なもの:紙とペン 対象レベル:超初心者OK! 目次 誰のため?何のため?Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール ←今ここ Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法

    Visualize Website Structure – Sitemap
  • ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog

    はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About (オリジナル) HTML5はウェブサイトの作成方法を根から変えることになるでしょう。

    ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog
  • Chapter 17. Mashing Up Desktop and ­Web-Based Office Suites

  • ウェブサイト作成に役立つ35のwebサービス|Webpark

    ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日フォント252種類を表示確認できます!フォントを探すならfonthack.jp。 日フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ(px)を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで

    ウェブサイト作成に役立つ35のwebサービス|Webpark
  • Google、新サイトを検索エンジンに即時登録する方法を提供 | ネット | マイコミジャーナル

    Google Web Search GoogleGoogle検索のインデックスに新しいページを登録する方法、または既存のページ情報を素早く更新するための新しい手段を「ウェブマスターツール」に追加したことを発表した。Googlebotとしてクロールを実施する「Fetch as Googlebot」の機能に、指定したWebページを即時にクロールさせ、クロールに成功したページを検索インデックスに追加する機能が組み込まれている。 この新機能の使い方は簡単。これまでのように「ウェブマスターツール」にログインしたら、操作したいサイトを選択。左のメニューから「Fetch as Googlebot」を選択し、検索インデックスに新しく追加したいページやサイト、または更新して欲しいページを指定して「取得」ボタンをクリック。クロールに成功すると「インデックスに送信」といったリンクが登場するので、これをクリック

  • API | Tumblr

    Tumblr API Tumblr APIへようこそ!わたしたちにとって、優秀なデザイナーやエンジニアがTumblrを使って創作表現のまったく新しい形をつくってくれることより楽しいものはありません。わたしたちはあなたがたのどんなプロジェクトに対しても十分に機能的で柔軟なAPIとなるように途方もない注意を払ってきました。APIの使い方についてやどうするのがよりよいのか、またAPIを使って作っている驚くべきものを話すときはわたしたちのディスカッショングループに参加してください。どうぞ責任をもってAPIをお使いください。また、フィードバックをください。楽しんでね! もし古いAPIのドキュメントを見たいなら、ここで探すことができます。 必要なもの OAuthキーを入手するには: アプリケーションを登録してください あなた用のAPIキーを入手する必要があります。たとえ、署名付きOAuthリクエストを

  • DotCloud: ある nakagami の日記

    第9回 Python mini Hack-a-thon http://atnd.org/events/15877 でやってみたことのメモ 自分的理解 1. Google App Engine と Amazon Web サービスの中間のようなサービス 2. アプリケーションインストール済みの仮想サーバーを貸す感じ 3. ssh でごにょごにょやらなくても良いというコンセプト 4. アプリケーションがうまいことインストール&設定されている状態で使える ちなみに Django は 1.3 がインストールされた 5. すぐに使えるように設定されている反面、細かいチューニングができない 環境は特定の Django のバージョンに固定できるか、とかまだ発見できていない 6. EC2 で動いているらしい 手順 1. http://www.dotcloud.com/ で Join our beta → メ

    DotCloud: ある nakagami の日記
  • dotCloud でPSGI Hello World - D-6 [相変わらず根無し]

    dotCloud でPSGI Hello World 2011年4月30日 16:32 D | ブログ記事のURL | コメント(0) | トラックバック(0) 最近PSGI/Perlをサポートし始めたdotCloudのinvite codeをもらったのでとりあえずHello World的なアプリを作った。 作り方だが、まずdotcloud用のツール類をインストールする必要がある。自分のマシンでpythonを動かした事がなかったのでそこから。まず自分のpythonは homebrew経由で入っているヤツで、全てユーザー権限で入っているのでsudoとか使ってないのに注意。 easy_install dotcloud docloudではまず"deploy"というものを作る。deployは複数の"service"の集合体。"service"はそれぞれが一個のアプリなり、データベースなりを指す(

  • これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌

    これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現できちゃいます。さらに、使い勝手がjQueryなので誰でも簡単に実装できちゃいます。Extはなんとなく取っ付きにくいと感じたかたも簡単に使えそう。 サイト上のチュートリアルやドキュメントも充実していて分かりやすいです。 リッチなものが作れるのはいいけど使い方が難しかったりメンテナンス大変だと、使う気が少し失せてしまいそうですがこれなら大丈夫かもしれません。 テーマやマルチリンガルにも対応しているらし

  • PHP & JavaScript Room

    Windows OS に PHPとApacheサーバーのインストール ~ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう!HTML5のタグリフ

    PHP & JavaScript Room
  • JavaScriptを使ったクライアントサイドのテキスト差分表示ライブラリ·Pretty Diff MOONGIFT

    Pretty DiffはJavaScriptでテキストの差分を表示するライブラリ。 Pretty DiffはJavaScript製のフリーウェア(ソースコードは公開されている)。人は間違うものだ。現実世界では一度破壊してしまったものを復元するのは難しい。だがデジタルの世界であれば、バックアップを使ったり履歴管理をしておくことで以前の状態に戻すことができる。 差分表示 最近のサービスでは履歴管理が次々に取り入れられている。Dropbox、WordPress、Wikiエンジンなど様々だ。そんな履歴管理された内容をグラフィカルにチェックできるのがPretty Diffだ。 Pretty DiffはWebベースの差分表示ライブラリだ。JavaScriptCSS、各種言語に対応する他、CSVの差分表示もできる(ただしCSVは各項目ごとに改行されて表示される)。差分表示はインライン、またはサイドバイ

  • http://ifengine.org/

  • 最近よく使ってる、Web制作に役立つWebサービス的なやつ

    少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を

    最近よく使ってる、Web制作に役立つWebサービス的なやつ
  • コーディングスピードはまだ上がる!! <br>Zen-Coding カスタマイズ

    コーディングスピードはまだ上がる!! Zen-Coding カスタマイズ 2011-01-20 コーディング速度が"3倍!10倍!上がる"と言われてる Dreamweaver Documents and Settings/[ユーザー名]/Application Data/Adobe/Dreamweaver "バージョン"/ja_JP/ Configuration/Commands/ZenCoding/zen_settings.js Aptana [任意で保存したZen-Codingの場所]/zencoding.js(過去バージョンのファイル名は"zen_settings.js") Notepad++ [Notepad+の場所]/plugins/NppScripting/include/Zen Coding.js HTMLの言語を修正する(ついでにインデントも) 例えばhtml:xsで展開す

    コーディングスピードはまだ上がる!! <br>Zen-Coding カスタマイズ
  • 私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

    私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 (※文中のショートカットキーは全てMacの場合です) 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う

    私がwebサイトのラフデザインを制作する時の流れ │ Design Spice