タグ

webに関するblue_ebiのブックマーク (11)

  • Engadget | Technology News & Reviews

    Apple's thinner new iPad Pros feature an M4 chip and "tandem" OLED displays

    Engadget | Technology News & Reviews
    blue_ebi
    blue_ebi 2014/06/05
    ふっむ
  • JavaScriptで変な形のクリック領域を作るとき、svgが便利 - MANA-DOT

    昨日のVieraのリモコン、リモコンを作りたかったのもあるけど、svgJavaScriptを組み合わせた簡単なプログラムを試しに書いてみたかったというのがあります。 html5ではsvghtml中に埋め込んで、更にそのsvgcssでスタイルを当てたり、JavaScriptでいろいろやったり出来ます。 この時、要素のクリック領域は要素の形そのままなので、昨日のリモコンのような変な形のクリック領域を簡単に作ることが出来ます。 以下の画像の色のついた箇所にマウスを乗せたりクリックをしたりしてみてください。 100km 画像はWikipediaより。 上記の画像は、クリックできる箇所に .svg-area というクラス名と、data-name属性に市町村の文字列が入っており、以下の様なcss/jsによって動作を実現しています。 path.svg-area { cursor: pointer;

    JavaScriptで変な形のクリック領域を作るとき、svgが便利 - MANA-DOT
    blue_ebi
    blue_ebi 2014/05/09
    ほうほう
  • Google画像検索で高解像度のロゴのみをザクザク見る

    ロゴ制作時に使えるTIPSをご紹介。 アイデア捻出とかでロゴをザーッと見たいとき、Google画像検索で検索ワードに「logo」とか入れて検索すると思います。 そこに「filetype:svg」を追加してファイル形式を「SVGファイル」のみに制限することで、高解像度のロゴのみを検索できます。 サンプル でも、SVGファイルって何でしょうか? SVGファイルってなんなのさ SVGフォーマットはJPEGやPNGなどのピクセル形式の画像ファイルとは違い、イラストレーターのようなベクターデータ。つまり何処までも拡大できます。なので正確には高解像度というのは間違い。 Webページにベクターデータを埋め込む用途を意識して開発されたので、中身はXMLで書かれてます。つまり普通にテキストエディタで開けば直接データが見えます。もちろん編集もできます。 ウィキに掲載されてるロゴはSVGファイルの場合が多いです

    Google画像検索で高解像度のロゴのみをザクザク見る
  • 2010年版 ユーザーインターフェース(UI)・ユーザビリティ必見サイト/必読書 - Feel Like A Fallinstar

    ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ

  • [JS]DOMエレメントを操作するシンプルで超軽量のスクリプト -Chibi

    jQueryなどの他のスクリプトに依存せず、DOMエレメントを操作するシンプルで超軽量(2KB gzipped)のスクリプトを紹介します。 Chibi -GitHub Chibiの対応ブラウザ Chibiの使い方 Chibiの対応ブラウザ IE6をはじめ、ほとんど全てのデスクトップ・スマートフォン用のブラウザをサポートしています。 Android Browser 2.1+ Blackberry Browser 6+ Chrome Chrome Android Firefox 3.5+ Firefox Mobile Internet Explorer 6+ Internet Explorer Mobile 9+ Opera 10+ Opera Mini Opera Mobile 10+ Safari 3.2+ Safari Mobile 3.2+ Symbian^3 Browser or h

  • 日記 | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

  • Web資料館 -アクセス解析レポートから検索エンジン対策まで-

    Web関係の統計や資料は、インターネット上に溢れているけれど、いざ使おうとすると、データが古かったり、利用しにくかったり・・・。 そんなわけで、Webデザイナーさんや企業の担当者さん、個人でWebサイトを開設している方のために、毎月更新のアクセス解析レポートや検索エンジン対策等、サイト運営に必要な情報を提供していきたいと思います。

  • Ajaxload - Ajax loading gif generator

    Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"

    blue_ebi
    blue_ebi 2010/12/27
    NowLoadingアイコン
  • 画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net

    画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。

    画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
  • Google Code

    Google App Engine のドキュメントが日語化されました Google App Engine の技術ドキュメントが日語化されました。Google App Engine は拡張性に優れた Google のシステムを皆様にご利用いただけるクラウドコンピューティング環境です。 Google は日のデベロッパーの皆様に Google技術を活発にご利用いただくために、今後もドキュメントの日語化を推進していきます。 詳細はこちら »

  • 株式会社ジラフィー(Giraffy)

    会社情報 事業内容 ソフトウェアシステム開発 クール、セキュア、標準準拠をポリシーに、ソフトウェアシステムの開発を行っています。 Web などのインターネット技術を中心とした豊富な開発経験と高い技術力で高品質なソフトウェアをお届けします。 Webサイト制作 Webサイトのデザイン、HTML/CSSコーディング、WordPress などの CMS への組み込みも行います。 既存のWebサイトへの問合せフォーム等の追加も承ります。 スマートフォン向けアプリケーション開発 iPhoneiPad、または Android など、スマートフォン用のアプリケーションの開発を承ります。 その他 BlackBerry 用テーマ Self Shortener (WordPress プラグイン) 会社概要 社名

  • 1