サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
blog.kechol.net
こんにちは、けちょる(@Kechol)です。このエントリーはFirefox OS Advent Calendar 2013 17日目の記事になります。 デバイスAPIの話とかは他のみなさんが書かれると思ったので、今回はFirefoxOSアプリのUIデザインについて少し書きたいと思います。 Firefox OS アプリのUIってただのHTMLでしょ その通りです。だからWebデザイナーさんとか余裕でアプリが書けます。最近はBootstrapとかFoundationとか、CSSのUIフレームワークもたくさんあるのでそういうのを使えば簡単にそれっぽいUIが作成できると思います。 とはいえ、iOSやAndroidにUIガイドラインがあるように、FirefoxにもUIのガイドラインがあります。 Firefox OS アプリのUIガイドライン こちらのサイトがFirefox OS のUIガイドラインで
こんにちは、けちょる(@Kechol)と申します。このエントリーはHTML5 Advent Calendar 2013 9日目の記事です。 最近TizenやFirefoxOSなんかがますます盛り上がってきてますね。それに伴い、ネットワークの不安定なモバイル環境でも動くWebアプリの重要度が増してきています。 というわけで今日は、HTML5でネットワーク状態をうまく扱うためのAPIをご紹介します。 Application Cache まずは定番の Application Cache です。AppCache とも言われたりします。 AppCache は、Webページや画像などをブラウザにキャッシュする仕組みです。キャッシュするファイルはマニフェストによって管理します。 AppCache の利用方法 HTMLタグにmanifest属性を使ってマニフェストへのパスを指定することで、キャッシュを有効
最近AngularJSに関する記事を見る機会が多かった気がする。(たぶん発端はささたつさんの記事なのではないかと思っている。) 実際には多分去年くらいから流行り始めていると思うのだけど(参考のGoogle Trends)、自分も最近やっと触り始めたのでリソースをまとめておく。 公式 AngularJS — Superheroic JavaScript MVW Framework Tutorialは最初に目を通すべし。 AngularJS (angularjs)さんはTwitterを使っています Twitter。細々した情報収集に。将来的な実装について興味深い発言をしてたりもする。 AngularJS Blog アップデートのたびに機能について詳しく載せてくれているので要チェック。 ビデオ AngularJS - YouTube 公式。 egghead.io: Learn AngularJS
Twitterの流行でURLを短くするサービスが多く利用されるようになりましたね。 bit.lyはその中でも有名ですが、今回はbit.lyで提供されているAPIを使って、自分のサイトに設置したフォームからでも短縮URLを使える方法をご紹介します。 ちなみにbit.lyの便利さはこちらを参考にするとよくわかります。 短縮URLサイト「bit.ly」のアカウントを持ってると利用できる便利機能まとめ*二十歳街道まっしぐら アクセス解析なんかもできるんです。 それでは早速。 アカウント登録 bit.lyのAPIを使うにはアカウントが必要です。無料で手軽に登録できるので、以下のリンクからどうぞ。 Twitterのアカウントも同時に登録しておくとブックマークレットなどで連動出来ます。 Create a Free bit.ly Account これでAPIを使えるようになりました。API
CSSやWEBデザインなど、WEBの世界に関するものが中心です。最近はプログラミング寄りですが。jQueryとか、PHPだとCakePHP使ったりします。Flashは紹介するだけ。たまに大学生活やビジネスについても。 キャンパスにパソコンを持っていくのは重くて大変ですよね!でも、今日紹介するアプリをUSBメモリに入れておけばそんな生活からもおさらばです! というわけで、定番ものからまさに大学生のためのものまで、無料ポータブルアプリ100選です。 ドキュメント作成 OpenOffice.org Portable 言わずと知れたフリーのオフィスソフトです。ポータブル版を入れておけば、書類も作成可能ですし、ソフトが入ってなくてプレゼンできない!なんてこともなくなります。 Foxit PDF Reader Foxit PDF Reader はPDFを閲覧・印刷するためのアプリです。サクサク動き
CSSやWEBデザインなど、WEBの世界に関するものが中心です。最近はプログラミング寄りですが。jQueryとか、PHPだとCakePHP使ったりします。Flashは紹介するだけ。たまに大学生活やビジネスについても。 ついに、iPhone4を買ってしまいました。 予約してから手に入れるまでに一ヶ月以上かかってしまったのですが、手に入ってしまえばこちらのものですね。 まだ全然使い始めですが、とりあえず一日目にしたことをまとめてみたいと思います。 基本的な設定 iPhone の「設定」をゼロから見直して、自分に合うように最適化する。 「iPhone4が初めてのiPhoneです」という一般人がとりあえずやっておいた方がいいと思う12項目 – 山田井ユウキ – builder by ZDNet Japan こちらのサイトを参考にして最初の設定をしました。 @i.softbank.jpのメー
CSSやWEBデザインなど、WEBの世界に関するものが中心です。最近はプログラミング寄りですが。jQueryとか、PHPだとCakePHP使ったりします。Flashは紹介するだけ。たまに大学生活やビジネスについても。 最近はフッターに単なるコピーライトを載せるだけでなく、凝ったデザインやリンクなどでフッターにも役割をもたせるサイトが増えてきましたね。 pv.mgarageの記事でフッターのトレンドについての考察がされていましたので紹介します。 フッターに載せる情報は以下のようなものが多いようです。 Below a list with some examples that could offer useful cues (don’t forget ordinary informations like copyright and credits). Sitemap with importan
CSSやWEBデザインなど、WEBの世界に関するものが中心です。最近はプログラミング寄りですが。jQueryとか、PHPだとCakePHP使ったりします。Flashは紹介するだけ。たまに大学生活やビジネスについても。 これから作ろうとしているシステムで使いたいプラグインとかまとめてみる – jQuery編 | Kechol のCakePHP編です。 CakePHPを使って作るシステムで、使ってみたい拡張機能を備忘録的にまとめてみたいと思います。 プラグインやベンダー、コンポーネントあたりで、外部のものを中心に。 テストやデバッグに利用するものからフォームの操作を拡張するものまであります。 CakePHP debug kit DebugkitはCakePHPのデバッグを助けてくれるプラグインです。 今まで知らなくて、デバッグには苦労していたので今回使ってみたいと思います。 解説記事は
CSSやWEBデザインなど、WEBの世界に関するものが中心です。最近はプログラミング寄りですが。jQueryとか、PHPだとCakePHP使ったりします。Flashは紹介するだけ。たまに大学生活やビジネスについても。 今、大学のほうで先輩が作ったシステムをつくり直そうとしています。 簡単なメッセージ機能とフォームを使った申請・管理機能を持ったものなのですが、CakePHPを使って作りたいと考えてます。 せっかくなのでよりリッチなものにしたいと思ってるんですが、備忘録的に使いたいと思ってるjQueryとCakePHPのプラグインなどをまとめてみます。 長くなってしまうのでjQuery編とCakePHP編に分けたいと思います。 まずはjQuery編からどうぞ。 フォーム関連のものが多めで、あとは定番のチップとかクリアボックスとかです。 Uniform – Sexy forms with
CSSやWEBデザインなど、WEBの世界に関するものが中心です。最近はプログラミング寄りですが。jQueryとか、PHPだとCakePHP使ったりします。Flashは紹介するだけ。たまに大学生活やビジネスについても。 たまたま見た動画があまりにも衝撃的だったのでご紹介します。 インタラクティブムービーなんて言うみたいですが、ただの動画ではなくて、 Twitterやfacebook、WEBカメラなんかと連携した動画になっています。とにかくすごい。 まず見てもらいたいのはこちら。SOURのPV「映し鏡」です。 対応ブラウザが限られているので、SafariかGoogle Chromeの最新版でお楽しみください。 SOUR / MIRROR なんというか、「この発想はなかった」といった感じです。 こんなにウィンドウで遊べるとは。 どこから多くがJSで実装されているみたいですが、どこからJS
管理人けちょるのつぶやきや、集めてきた記事をご紹介します。CSSやWEBデザインなど、WEBの世界に関するものが中心です。TwitterのつぶやきではFirefoxなんかのTipsをよくつぶやいてます。たまに大学生活やビジネスについても。 僕はiPhoneを持ってないので詳しいことを紹介できないんですが、自分用のメモもかねて、今日はお手軽にiPhoneのWEBアプリを作れるフレームワークを二つご紹介します。 iPhoneではflashを使うことができないので、JavaScriptで開発します。また、いまのところブラウザはSafariだけなのでHTML5とCSS3をじゃんじゃんつかうことができますよ。 iWebKit 最初にご紹介するのはiWebKitです。 このフレームワークでは、要素とクラスを指定することでタイトルやチェックボックスなどをiPhone風にすることが可能です。 Ho
ちなみにServices_Twitterには日本製のものとPEAR本家のものと両方あるみたいです。ここではPEAR本家のものをインストールしました。こちらのサイトに両方の比較が載っています。(ちょっと古いですが) Services_Twitter-0.1.0 betaがリリースされたので日本のと比較してみた – 肉とご飯と甘いもの @ sotarok Go-PEARの実行 Go-PEARを使ってPEARパッケージマネージャをインストールします。 手順はこんな感じ。すごく簡単です。 Go-PEARのダウンロード PEARパッケージを管理するファイル群のためのディレクトリを用意。 PEARパッケージをインストールするディレクトリを用意。(パーミッション変更) Go-PEARを実行し、パッケージマネージャをインストール。 パッケージマネージャにBASIC認証を設定する。 まずはGo-PEA
けちょるが日々のつぶやきやWEB関連の記事をまとめています。16:49 賛成派はこういうふうにちゃんとデータだすべきだよね。青少年なんたらの問題。 http://ow.ly/1o9Ps いま話題となっている東京都青少年健全育成条例の改正案ですが、規制に対して猛烈な反対もあり議会も混乱しているようです。 都青少年健全育成条例 – Google ニュース この問題はとくに、漫画などでの表現が規制されるということで話題になっているみたいですが、そもそも条例を成立させるほどの理由にとぼしいです。「~だと思う」だけではなく、しっかりデータを出して欲しいですね。 17:21 こんなサイトはつくっちゃだめ。 http://ow.ly/1oa8q The Best Worst Web Designs! | D-Lists こちらの記事ではひどいデザインのサイトが紹介されています。リンク色がめちゃくちゃだ
管理人けちょるのつぶやきや、集めてきた記事をご紹介します。CSSやWEBデザインなど、WEBの世界に関するものが中心です。TwitterのつぶやきではFirefoxなんかのTipsをよくつぶやいてます。たまに大学生活やビジネスについても。 僕のブログはWordPressで出来ています。サーバはCoreserverです。 早速インストールの手順をご紹介します。 インストール手順 まずWordPressをインストールしました。Coreserverインストールの手順はこちらの記事が丁寧です。 XREA、CoreserverにWordPressをインストールしてみよう また、かちびと.netさんの記事も参考にしました。 WordPressでWebサイトを構築するまでの手順リスト これでインストールは完了。 デフォルトのテーマは味気ないのでテーマを選びました。以下から。 無料で使えるWor
管理人けちょるのつぶやきや、集めてきた記事をご紹介します。CSSやWEBデザインなど、WEBの世界に関するものが中心です。TwitterのつぶやきではFirefoxなんかのTipsをよくつぶやいてます。たまに大学生活やビジネスについても。 スニペットとは、よく使われるコードを断片化して名前をつけたもののことです。 今回はCODROPSでjavascriptとjQueryのスニペットがまとめられていたのでご紹介します。 右クリック禁止。 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); すべてのチェックボックスのチェックするしないを一括で切り替え。 var tog = false; // or true if they are checked on l
僕のブログはWordPressで出来ています。サーバはCoreserverです。 早速インストールの手順をご紹介します。 インストール手順 まずWordPressをインストールしました。Coreserverインストールの手順はこちらの記事が丁寧です。 XREA、CoreserverにWordPressをインストールしてみよう また、かちびと.netさんの記事も参考にしました。 WordPressでWebサイトを構築するまでの手順リスト これでインストールは完了。 デフォルトのテーマは味気ないのでテーマを選びました。以下から。 無料で使えるWordPressテーマ 2009年 厳選100+ DesignWalkerさんの記事です。2009年のまとめですね。(いまは見られないみたいです><) デザインの参考にもなるWordPressのテーマ30選‐コリス こちらはPSDファイル
このページを最初にブックマークしてみませんか?
『Kechol's Blog』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く