タグ

2012年4月2日のブックマーク (20件)

  • jQuery mobileはじめの一歩!「jQuery mobileで簡単なページを作成してみる」のまとめ | jQeryMobileでサイトをつくろう

    jQuery Mobileの概要 jQuery Mobileは、jQueryをベースとした、スマートフォン向けのフレームワーク※1です。 スマートフォン向けの直観的かつ使いやすいUIを瞬時に作成できます。 ※1フレームワーク:アプリケーション制作の土台を作ってくれるソフトウェアのこと デザイナー好みの「手軽さ」と「自由さ」を兼ね備え、デベロッパーが求める「リッチなヴィジュアル」のスマートフォンUIが作成できます。 指定した形式でHTMLを書くことで、自動的にスマートフォン向けにデザインされたネイティブアプリケーションさながらのページが瞬時にしてできあがります。(jQuery Mobileが作成できるのは、ウェブアプリケーションです。) 2010年10月にアルファ版がリリースされ、2011年11月ついにjQuery Mobile1.0正式版が公開されました。現在も、jQueryの開発者で

  • 4月から無職になりました

    3月いっぱいで勤めていた会社から解雇され(業績不振のため)、4月から無職になった管理人ですどうもこんにちは\(^o^)/ 業績不振で解雇されたというと、「ああ不況なのね…」って感じがしますが、どうやら良く考えるとそれだけじゃないのではと思いました。 なので、ちかごろさいきんのWeb制作業界のことと、制作に携わる人は今後どうしたら良いのか、ということをつらつらと書いていこうと思います。 ※ちょっとネガティブ目線も入ってしまいますが、批判をしているわけではなく、このままで良いのかな、という問いかけです。 ※また、こういう会社じゃだめ、ってことではなく、こういう傾向になってるんじゃ、という考察です。 Web制作会社は二極化が進んでいる まわりのWeb関係の友人に話を聞いていると、Web制作会社は以下の二極化が進んでいると思いました。 A. 安い価格で制作物はそこそこのクオリティ、夜遅くまで対応し

    4月から無職になりました
    ku_marin
    ku_marin 2012/04/02
    確かに。弊社はかなりB寄り
  • Google Maps

    Find local businesses, view maps and get driving directions in Google Maps.

    Google Maps
    ku_marin
    ku_marin 2012/04/02
    ドラクエ風。ただただ、すごい
  • [CSS]画像にちょっと素敵なエフェクトを与えるスタイルシートのまとめ

    デモページ [ad#ad-2] HTML img要素とメッセージのp要素をdiv要素に内包します。 <div class="polaroid"> <p>Sarah, Dec '02</p> <img src="http://lorempixum.com/200/200/people/1" /> </div> デモで使用しているメッセージの手描き風のフォントは「Kaushan」です。フォントを利用する場合はhead内に下記を記述します。 <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'> CSS ポラロイド風のスタイルを適用するために、3つのセレクタを使用します。 .polaroid { position: relative; width: 2

  • 新しいPCにiTunesのライブラリのデータを移行させる方法(Windows編) | AppBank

    こんにちは、KiDDです。 AppBankのメンバーが読者からの質問にお答えする「教えて!AppBank」に、「新しく購入したパソコンにiTunesのデータを移行させたいんだけどどうすればいいの?」との質問が多く寄せられました。 そこで今日は、WindowsiTunesのライブラリのデータを移行させる方法をご紹介します。 ※Windows XPにてテストを行っています。 ※この記事ではWindowsからWindowsへのiTunesの移行方法を紹介しています。 MacWindowsWindowsMacMacWindowsiTunesを移行させたい方は以下の記事を参考にしてください。 iTunesのライブラリのデータをWindowsからMacへ、またはMacからWindowsへ移行する方法 新しいMaciTunesのライブラリのデータを移行させる方法 新しいPCiTunes

    新しいPCにiTunesのライブラリのデータを移行させる方法(Windows編) | AppBank
  • Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました

    いつぞやの飲み会で、 これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい? << という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って結構マジメにつくってみました。 (※大人の事情により、リンクはやむなく削除しました) 当初はエロにオシャレは必要ないのかなーと思ったときもありましたが、いざつくってみると、やっぱり選べるならオシャレなやつの方ががいいよね、という結論に落ち着きました。 今回つくったのは試験的なものなので 90日間限定でしか公開しないつもりですが、日のエロサイトが今後もっとオシャレに発展していくきっかけになってくれたら嬉しいです。 以下、サイトのコンセプトや使っている技術についてまとめてみます。 **Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました 1

    Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました
  • 画像の任意の箇所にツールチップを配置出来るjQueryプラグイン・iPicture

    画像内の任意の箇所に自由にホバーで テキストを表示するツールチップを 配置出来るjQueryプラグイン・iPicture のご紹介。この手のライブラリは、 実務でかなり有効的に使えますので 覚えて置いて損は無いのでは。 画像上にツールチップを配置出来るライブラリです。ECサイトや不動産、ホテル、アミューズメント施設などなど用途は沢山ありそうです。 こういうやつ。画像の上にオブジェクトを配置してマウスホバーで情報が見られる。 ECサイトなんかでは、こうやって生活してる写真にしてあげることでユーザーはプロダクトを使用してるイメージをしやすくなりますので、訴求力アップに貢献できます。 コード<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></s

    画像の任意の箇所にツールチップを配置出来るjQueryプラグイン・iPicture
  • 退職 - naoyaのはてなダイアリー

    グリー株式会社を退職しました。昨日が最終出社日でした。 最終日の昨日はちょうど四半期の〆の日ということもあって、開発部全体での納会 (飲み会) の中で盛大に送り出していただきました。いただいた花束が自分の身長の半分もあろうかというくらい大きさで、徒歩で帰宅途中、通行人にまじまじと見られるという、なかなか得難い経験をさせていただきました。 在職期間は一年半とちょっとと短かったのですが、その中でもたくさんのことを経験することができました。iOS / Android のスマートフォン版の立ち上げに始まり、SNSの開発、直近では US に出張したりしつつグローバル化の推進ですとか。何より、入社当時3名だったチームを一年半で 50人強まで拡大させる中、その人事権をまるごと任せてもらえたのは大きかったです。一緒にやっているメンバーには、自分の試行錯誤で振り回してたくさん迷惑をかけました、ごめんなさい

    退職 - naoyaのはてなダイアリー
  • Loading...

    ku_marin
    ku_marin 2012/04/02
    マユゲ大事!
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • フォントの基本的な選び方

    フォントの基的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 (それに縛られすぎてもいけませんが…(あえてインパクトを出すために違う印象のフォントを組み合わせたりする)、基的な選び方として知っておくと良いと思います。) 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分

    フォントの基本的な選び方
    ku_marin
    ku_marin 2012/04/02
    感覚で選んでしまうものを言語化して説得性を持たせるために
  • [JS]文字にアニメーションを使った面白いエフェクトを与えるスクリプト -Text Effects

    Scrambled Writer 文字をごちゃまぜにし、アニメーションで元通りにします。 Text Effectsの使い方 Text Effectsの使い方は簡単で、「jquery.js」と当スクリプトを外部ファイルとして記述し、スクリプトを実行するだけです。 「Typewriter」を例にすると、下記のようになります。 HTML <div id="my-container"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip e

  • 渋谷ヒカリエ/Shibuya Hikarie

    JR線・京王井の頭線「渋谷駅」と2階連絡通路で直結 東京メトロ銀座線「渋谷駅」と1階で直結 東急東横線・田園都市線・東京メトロ半蔵門線・副都心線「渋谷駅」B5出口と直結

    渋谷ヒカリエ/Shibuya Hikarie
    ku_marin
    ku_marin 2012/04/02
    シンプルなデザインできれい。jsでスクロールしたり画像切り替えたり、挙動がすごく今時。オープンが楽しみ!
  • 窓の杜 - 【NEWS】複数動画をFLV/SWF形式へ一括変換「Pazera Free Video to Flash Converter」

    さまざまなファイル形式の動画ファイルをFLV/SWF形式の動画へ一括変換できるソフト「Pazera Free Video to Flash Converter」v1.0が、1月29日に公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPで動作確認した。現在、作者のホームページからダウンロードできる。 「Pazera Free Video to Flash Converter」は、指定した複数の動画ファイルをFLV/SWF形式へ一括変換できるソフト。ソフトは「FFmpeg」を動作エンジンとして同梱しており、AVI/DivX/XviD/MPEG/WMV/ASF/MOV/QT/FLV/SWF/MP4/M4V/3GP/3G2/MKV/VOB形式およびVideo CDに収録されたDAT形式の動画ファイルに対応している。一般的な動画ファイル形式をほぼ網羅しているのがうれ

  • Flash Video 配信方法の比較

    Flash ビデオの読み込みウィザードのデフォルトでは、Flash Player 8 で使用する場合は VP6 コーデックでビデオをエンコードし、Flash Player 7 で使用する場合は Sorenson Spark コーデックでエンコードします。また、別の手段でエンコードした FLV ファイルを読み込んで Flash タイムライン上に配置することもできます (エンコードし直す必要はありません)。 FLV ファイルをエンコードするには、FLV QuickTime 書き出しプラグインを使用して業務用の編集 / エンコードアプリケーション各種から書き出す方法、Flash Professional 8 で Flash ビデオの読み込みウィザードを使用する方法、および、スタンドアロンの Flash Video Encoder を使用する方法があります。なお、これらのいずれの場合に

  • 転職・退職代行マガジン -

    「適応障害になってしまって退職をしたい…。でもこれってただの逃げなのかな」   適応障害は人によって症状が違うため、なかなか周りに理解がされにくく、苦しいですよね。 「このまま仕事を続けられそうに…

  • 豪華な雰囲気を演出できるバラがモチーフのパターンまとめ「100+ Lovely Rose Pattern Designs for Attractive Outputs」

    豪華な雰囲気を演出できるバラがモチーフのパターンまとめ「100+ Lovely Rose Pattern Designs for Attractive Outputs」 春先になるとさまざまな場面で、花柄を利用したデザインを見かけることも増えてくるのではないでしょうか?そんな中今回紹介するのが、豪華な雰囲気を演出できるバラがモチーフのパターンをまとめた「100+ Lovely Rose Pattern Designs for Attractive Outputs」です。 Pattern / sugar rose :: COLOURlovers 絵画のような美しさを感じられるパターンから、幾何学的な模様がユニークなパターンまで、さまざまなパターンデザインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Pattern / Ro

    豪華な雰囲気を演出できるバラがモチーフのパターンまとめ「100+ Lovely Rose Pattern Designs for Attractive Outputs」
  • こいつはやべえ。JavaScriptでGithubリポジトリの読み込み&書き込み·github.js MOONGIFT

    github.jsはJavaScriptを使ってGitHubリポジトリの操作を行うソフトウェアです。 GitHubはWeb APIを公開している希有なソースコードリポジトリサービスです。そんなGitHubAPIを使って作られたのがgithub.jsです。なんとJavaScriptだけでGitHubリポジトリのファイルを読み込んだり書き込んだりできます。 基的な使い方です。 ファイルの読み込みです。 実際に書き込んだところです。書ける、書けるぞ! Basic認証での利用なのでパスワードを記述しないといけないのがちょっと怖いですが、JavaScriptだけでGitHubリポジトリを操作できてしまうのはかなり面白いです。使い方次第でバージョン管理付きテキストストレージとしてかなり遊べそうです。 github.jsはJavaScript製、BSD Licenseのオープンソース・ソフトウェアで

  • QuickRebuild の使いかた - ToI

    大変有用なプラグインのご提供ありがとうございます。 先日Firefoxを30にアップデートしたところ、QuickRebuildプラグインの動作に不具合が発生しました。どのような条件で動作させても、Rebuildした瞬間にユーザーダッシュボードに戻ってしまう症状が出ます(ポップアップウィンドウ内で)。Rebuild自体も行われません。 Chromeでは問題ないことが確認できています。 可能であれば、確認と対策をお願いできればと思います。 横からですがうちでもFirefoxでエラーになります。 コンソールでは以下のように出力されています。 エラー: TypeError: 'log' called on an object that does not implement interface Console. ソースファイル: http://xxxx/mt.cgi?__mode=rebuild_a

    QuickRebuild の使いかた - ToI
    ku_marin
    ku_marin 2012/04/02
    MTの再構築プラグイン。超便利
  • MellowのRadioBlog » FLV動画をWMVに変換する。

    概要 : Flash用動画(FLV)をWMV形式の動画に変換する方法をメモ。   フリーの動画変換ソフト Any Video Converter を使ってFlash動画(FLV)をWMVへ変換する方法を説明します。 この Any Video Converter は多くの動画形式を相互変換するソフトで、下記のような特徴を持っています。有料版と無料版がありますが、無料版で一応全部できます。 難しい設定が少ないので、初心者でも使えます。逆にプロ並みの設定はできません。(インターレス解除は付いてます) 動画サイズやビットレートは選択式で、選べる数も少ないですが充分だと思います。 音量調整ができます。(これはとてもうれしい機能です) 大量のファイルを一括変換できます。 日語です。(これは相当うれしいです) 入力可能なファイル形式 avi wmv asf mov mp4 3gp 3g2 m4v gt

    ku_marin
    ku_marin 2012/04/02
    ちょうどflv→WMV探してたので