HTML5＋CSS3の「カンタン装飾設定」で今風デザイン
基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5＋CSS3サンプルを使って表現してみましょう。 （1）装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5＋CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ！」というお叱りの声が聞こえてきそうですが（笑）、以下の2つを見比べてみましょう。上
JavaScriptでオブジェクトの型を判別するのにtypeof演算子使うとツラいよね - Qiita
var a = {}, b = [], c = 'hoge', d = new String('hoge'); typeof a; // "object" typeof b; // "object" ← ファッ？！ typeof c; // "string" typeof d; // "object" ← ファッ？！ Object と Array を区別してくれないとかないわー。new String()使うことないけど、区別しちゃうとかないわー。 ということで以前に自分が日本語訳したJavaScript Gardenにも書いてあった方法を使うと 判別が楽になるんじゃないかと。 function is(type, obj) { var clas = Object.prototype.toString.call(obj).slice(8, -1); return obj !== undefin
文字列の解析 - 西尾泰和のはてなダイアリー
プログラミング言語の処理系は、文字列として与えられたソースコードから意味を汲み取る必要があります。例えば"int x = 1234;"という文字列から、"1234"の部分が整数を意味しているということを理解する必要があります。 どうすればそのようなことができるでしょうか？ 最初の一歩として"ab12cd"という文字列を受け取ると"12"を返す関数を作ることを考えてみましょう。 どうすればそのような関数を作れるでしょうか？ 素朴に1文字ずつループ まずはやりたいことをもっと明確に言語化してみましょう。やりたいことは「文字列を頭から1文字ずつ見ていって、0〜9の文字が続いている範囲を取り出したい」です 最初の文字が「0〜9の文字」でなかったら？その時は特に何もせずに次の文字を見れば良い。 次の文字も「0〜9の文字」でなかったら？その時も特に何もせずに次の文字を見れば良い。 次の文字が「0〜9の
[JS]複数のエレメントをスクロールしても指定した場所に留まらせるスクリプト -ハチ公
デモページ：一番下までスクロール 「Hachi, stay!」ボタンをクリックすると、復活します。 ハチ公の使い方 実装は非常に簡単で、複数の要素にハチ公を適用することもできます。 Step 1: 外部ファイル 「jqeury.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.hachiko.1.0.0.min.js"></script> Step 2: HTML HTMLは通常通りに実装し、ハチ公を適用するエレメントがスクリプトで指定できるようにidなどを付与します。 例：id=sticky <div id="sticky">Click me to see how the state i
Zugriff deaktiviert
Der Zugriff auf diese Seite wurde deaktiviert Sind Sie der Besitzer von diesem Webhosting? Dann kontaktieren Sie uns bitte. Support Technik E-Mail support@hostpoint.ch Telefon 0844 04 04 04 * Montag – Sonntag 8 – 18 Uhr Fax 0844 09 09 09 * Schweiz: Anrufe vom Festnetz werden zum Lokaltarif verrechnet. Anrufe vom Mobilfunknetz werden zum Tarif Ihres Mobilfunkanbieters verrechnet. Support Buchhaltun
読んだ: 『BACKBONE.JS ガイドブック』 高橋侑久 著 - ひだまりソケットは壊れない
Backbone.jsガイドブック 作者: 高橋侑久出版社/メーカー: ラトルズ発売日: 2013/04/25メディア: 単行本（ソフトカバー）この商品を含むブログ (2件) を見る id:yuku_t さん著の 『BACKBONE.JS ガイドブック』 を読み終わりました *1。 Backbone.js のことはもちろん、JS での開発に便利なツールについても書かれており勉強になりました。 JS でのクライアントサイドアプリケーション開発の実践的な話を知りたいという人にとって役立つ一冊だと思います。 本書の概要 本書は、JavaScript のライブラリである Backbone.js を使って web サービスのクライアントサイドの開発を行う方法について書かれた本です。 Backbone.js についての説明があることはもちろんのこと、RequireJS を使って AMD 形式の JS
printデバッグ離れできるようになるために試してほしいPhpStorm+Xdebug用例集(1) | バシャログ。
TimeCapsuleのハードディスクが故障したので、ゴールデンウィーク中に交換してました、tanakaです。 以前、PhpStorm で、Xdebugのリモートデバッグ環境を作るで、PhpStormでXdebugと連携させるための設定について解説しました。あれからいくつか便利な用法を覚えて、printデバッグ離れできるようになってきました。今回は、printデバッグをやめられるまでに至った便利な用法をいくつか紹介します！ 準備 以前の記事でデバッグ環境を作成しておきます。また、ブラウザから簡単にデバッグの有効/無効を切り替えられるように、Zend Debugger & Xdebug bookmarklets generator for PhpStormでブックマークレットを作っておきます。(右側のGenerateボタンを押して、表示された"Start debugger", "Stop d
IT系勉強会に行ってみる前に
IT系勉強会やイベントに参加してみたいけれど、 どうやって参加したらいいか分からないと言う人向けに、勉強会の種類や見つけ方、専門用語をまとめてみました。 何故勉強会に参加するのか仕事時間以外にわざわざ勉強会に参加するメリットは3つ、知識を深められるから、人脈を広げることが出来るから、楽しいから 知識を深める一人では本を読み学ぶしか無いのにたいし、勉強会に行けばわからないところを重点的に教えてるので、本で躓いた知識も乗り越えられる可能性が高まるし、本には乗っていない深い知識を得ることもできます。 人脈を広げる勉強会に行けば特定の技術に特化した人がたくさんいます。 中には自分と同じ業界の人もいれば、自分とは離れた業界の人もいます。 近い業界の人とは知識を共有し合い、離れた業界の人とはお互いの得意な技術をあわせて新しいビジネスのチャンスが広がります。 楽しいから「勉強」という言葉から、学生時代の
アニオタが非オタの彼女にアニメ世界を軽く紹介するための10本
まとめエントリを作ってみました。 アニオタが非オタの彼女に（ｒｙの元増田によるまとめ あわせてお読みいただければ幸いです。 まあ、どのくらいの数のアニオタがそういう彼女をゲットできるかは別にして、 「オタではまったくないんだが、しかし自分のオタ趣味を肯定的に黙認してくれて、 その上で全く知らないアニメの世界とはなんなのか、ちょっとだけ好奇心持ってる」 ような、ヲタの都合のいい妄想の中に出てきそうな彼女に、アニメのことを紹介するために 見せるべき10本を選んでみたいのだけれど。 （要は「脱オタクファッションガイド」の正反対版だな。彼女にアニメを布教するのではなく 相互のコミュニケーションの入口として） あくまで「入口」なので、時間的に過大な負担を伴う3クール、4クールのアニメは避けたい。 できれば劇場版アニメ、長くても2クールにとどめたい。 あと、いくらアニメ的に基礎といっても古びを感じすぎ
Vagrantとchef-soloでお気楽環境構築
Engine Yardさんの勉強会に行ってきた 皆さんこんにちは。 2/22に開催されたChefの勉強会に行ってきました。 事務所の引っ越しなどでバタバタしていたので時間が経ってしまいましたが、参加して分かったことを元に、本エントリーではvagrantの仮想環境をchef-soloで設定できるようにしてみたいと思います。 というかはてブのトップがこのネタばかりで、なんというか旬を逃した感が拭えないんですけど…、よろしくおつきあいください。 どうしてchefとvagrant？ 以前からちょいちょい動作確認環境のをvagrantで用意していました。で、毎回環境作るのがめんどいぞと。頻度がそんなになかったんで、ある意味我慢してました。一方で、社内の環境を chef-solo 使って環境構築することはあったんですけど、管理する対象はvagrantで構築したのとは別の環境だったり。。。ちょっとちぐは
ExGameの製作で感じたこと
久々のブログが自分語りになって大変恐縮ですが、将来の自分のためにメモしておきます。 自分がExGameの製作を始めたのは2010年11月2日のことです。iPhone上でFlashが一切動かなかった当時、HTML5でFlash Playerを作れば大当たりする可能性は非常に高そうでした。当時のバイト君に技術検証を進めてもらっていて、その結果2010年8月頃には「いけそうだ」という感覚はありました。 しかし、そこから実際の開発に着手するまでに3ヶ月もかかってしまったのです。その期間の逡巡には色々と含蓄がある気がするので、まとめておこうと思います。 まず、HTML5のFlash Playerはその時点で既に存在していました。具体的には「Gordon」というオープンソースと、「Smoke Screen」という個人ベースのソース非公開プロジェクト（後にオープンソースになったらしいです）の二つがありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hatena ID
https://rockyj.in/2013/05/11/yeoman_and_backbone.html
垂直なタイムラインをデザインするHTML＋CSSチュートリアル:phpspot開発日誌