JavaScriptエンジニア養成読本 [Webアプリ開発の定番構成Backbone.js+CoffeeScript+Gruntを1冊で習得! ] (Software Design plus)作者: 吾郷協,山田順久,竹馬光太郎,和智大二郎出版社/メーカー: 技術評論社発売日: 2014/10/18メディア: 大型本この商品を含む…
小さなチーム、大きな仕事〔完全版〕: 37シグナルズ成功の法則作者: ジェイソン・フリード,デイヴィッド・ハイネマイヤー・ハンソン,黒沢 健二,松永 肇一,美谷 広海,祐佳 ヤング出版社/メーカー: 早川書房発売日: 2012/01/11メディア: 単行本購入: 21人 クリ…
Firefoxでは、テーブルのthとかtdにはposition:relativeが効かないというか。 borderとかが消えたりとかします。 しかし、真実は、ChromeやIEが独自の実装をしているだけで、本当の正義はFirefoxにあると。 どういうシーンで起こるか th内の右上とかに小さい…
いまさら感半端ないと思いますが、本当によく忘れるのでメモ。 dl dt { float: left; clear: left; width: 7em; } dl dd { border-bottom: 1px dotted #ccc; padding-left: 7.5em; /* dtの幅以上のpaddingをとる*/ }
たまにGitHubっぽいURLで公開しているデモページとかがあって、どうやってるのかな、と思っていたのですが、どうやら、「gh-pages 」という名前でブランチを切って、数分待つだけでできるようです。 この画面の入力フォームのところに「gh-pages」と入力して…
なるべくGit慣れしようとSourceTreeでいろいろやっていたときに、いまいちHEAD、とかmastarとか、ブランチを切るとか、チェックアウト、の意味をよくわかってなくて、それでもまぁ、一方向で作る分には知らなくても使えてたのですが。 ちょっと調子のってブ…
今日、たまたま日本語、英語、中国語（勉強中）、を話せるという留学生の人と話す機会があって、最後に（この会の趣旨とは全然関係ないけど）「どうやって語学の勉強してるの？」という質問をした答えがなるほどっと思ったので、メモ。 まず、参考書とか本を…
ペーパープロトタイピングしたものを実際に動かせるアプリ「POP」がすごい良さそう。 特徴のページがすごくアニメーションを使ってわかりやすいので、どういうアプリかは説明しませんが。 他にも有料のサービスでGoodpatchさんから「Prott」というのも出てて…
最近、毎週水曜の23:25からやってる『オイコノミア』という、経済とかお金のことをわかりやすくおしえてくれるEテレの番組を見始めたのですが、先日の放送「イコノミア「“0円”のナゾ」（後編）」で、ちょっと興味深かったので書きます。 人が働く動機には「…
リアルフロントエンド勉強会 vol.1にて、秘密鍵・公開鍵を作成するのにWindowsマシンの人が手こずってたことを書きましたが、実際、自分がWindowsマシンでやってみたらかなり手こずったので、メモしておきます。 WindowsでGitインストールする 参考：Windows…
会社ではTortoiseSVNを使ってバージョン管理をしているので、今、業界で賑わっているGit話とかがピンとこない。それをクリアにしていくため、みんなで集まってやってみようということでこれまでLINEベースだったフロントエンド勉強会をリアルに開きました。…
はてなダイヤリーのときは出ていた見出しの横のはてブ数出したいなと思いました（そんなついてないけど）。以下のスクリプトを「デザイン」設定から「記事」の「記事上下のカスタマイズ 」の記事上に下記を挿入。<script type="text/javascript"> $(".entry-title a[href *= '{Permalink}']"</script>…
技術的なこととかいいつつ、ほぼ放置で、たまに備忘録程度にしか書いていなかったはてなブログですが、今日からはライクワーク＊として、ざっくばらんにアウトプットしていこうと思います。最近は、自分が何をしたいのかとか、いろいろ考えることも多くて、…
Arial Arial Black Comic Sans MS Courier Courier New Georgia Impact Times New Roman Trebuchet MS Verdana 引用元：CSSでのフォント指定について考える（2014年） - DTP Transit（Mac OS X, OS X Mavericks, Web Fonts, Web制作, iPhone, フォント）
はてなブロガーさんが作ったLINEクリエイターズスタンプ×12種類を紹介するよ！ かわいい！ シュール！ 押しまくりたい!? - 週刊はてなブログ はてなブログのLINEスタンプクリエイターさんを紹介 第2弾 おもしろいスタンプ、かわいいスタンプをどんどん押され…
PhotoshopCS5からCCになってつまづいたことメモを書いていきます。 パス選択ツールがレイヤー選択できない 左上の矢印の横の選択：のプルダウンで「アクティブなレイヤー」から「すべてのレイヤー」に変えると前みたいにどこからでもカスタムシェイプやパス…
jquery.cookie.jsでタブ的なやつのクッキーやってたんですが、Chromeはローカルでcookieを発行できないので注意です。コマンドでできるようになるみたいですが、めんどうくさいので、Safariとかでやりましょう。参考：jquery.cookie.jsが便利 | NeGiMeMo.net
背景に外部サイトを読み込みたいなぁ。っていうのを考えていて、Displaying source code with AjaxっていうJQueryプラグインを見つけました。ただ、これはリンクをクリックしたら読み込む、っていう感じで、僕がやりたかったのは、ずっと背景に読み込まれて…
おひさしぶりです。ひさしぶりにWordPressをいじっていたら、タグの条件分岐がわからず；WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろという記事を参考にさしてもらってたんですが、下のほうで、WordPress 3…
WordPress 3.1にアップデート後、カテゴリとタグのリンク切れが発生しました。大方、カテゴリ関係のプラグインをアップデートすることで解決するみたいですが、僕はMy Category Orderぐらいしかいれておらず、アップデートしても直りませんでした。幸いアッ…
<script src="http://maps.google.co.jp/maps?file=api&hl=ja&v=2&key=取得したAPIキー" type="text/javascript"></script> <script type="text/javascript"> //
フォームのチェックボックスなんかで、チェックボックスの横の文字をクリックしただけでチェックが入ったりするのは、ユーザビリティを高める手段として当然の嗜みであるとおもうのですが。関連付けする先の入力フォームのidをfor属性で指定する方法と、次の…
ボックスにドットのボーダーつけると、ブラウザによって微妙にドットの種類が変わります。知ってたけども、最近、改めて「おっ」と思ったのは、background:url("../images/bg_dot_white.gif") 0 0 #ボーダー色;という感じで、ボックスに白い斜線の背景をつけ…
WordPress3.0にアップデートしても、大方、問題は何も起こらなかったのですが、タグの一覧ページだけ、それまでカテゴリーの一覧ページと同じように表示されていたのに、されなくなりました。こういうアップデートで問題が起こるのは、おそらく、パーマリン…
WordPressで、下記のように、query_postsを使って1記事あたりに表示するエントリー数を設定したページのページ送りで「次のページ」がNot Foundになる件ですが（ややこしくてすいません）。どうやら、下記のようなことが起こってるみたいです。たとえば、全…
フォーム内のテキストを枠内で縦方向に中心にするには、padding と line-height をうまく組み合わせないと、全部のブラウザで綺麗にそろわない。
WordPressを、あんまり有名じゃないレンタルサーバーとかにインストールしてみたら、管理画面のCSSが効いてないのかくずれました。ソースを見たら、load-styles.phpから読み込んでるらしいので、その辺を調べましたが、結局、わからず。ググったら、.htacces…
HTML5でコーディングすると、IE系はcssが効かないので放置してたんですけど、下記のjavascriptを読み込ましておけばcssが効くみたいです。document.createElement("section"); document.createElement("article"); document.createElement("aside"); documen…
最近、使いそうになったので、書いておきます。FLASHの上に画像をかぶせる方法です。SWFobject2.1でやる方法は、下記のようにパラメータを設定したらできました。<script type="text/javascript"> var params = { wmode: "transparent" }; var embed = { wmode: "transparent" }; swfobject.</script>…
<h2></h2> <ul> <li><a href="<?php the_permalink(); ?>"></a></li> <li>記事はありません</li> …</ul>
