コーダー目線で始めるThree.js - その２ | バシャログ。
「DOCTOR AIR 3D SUPER BLADE」に乗り始めて約2週間が経ちました。毎日10分を2セット続けてきたところ、体重が1kg減りました！しかも、体脂肪率とか内臓脂肪率が緩やかな感じで下がり、骨格筋率もゆるやかに増加し始めています。このままガリガリに痩せてしまったらどうしよう、といらぬ心配をしている kouraku です。こんにちは。 前回の記事 さて、コーダー目線で始めるThree.jsということですが、前回は軽くWebGLについて触れ、WebGLを比較的容易に扱うためのライブラリ「Three.js」を使った最初の目標とするサンプルのご紹介まで書きました。 しかし、いきなり前回のサンプルを解説したところで「？」なことばかりだと思いますので、ここでは基本的な部分から学んでいきたいと思います。今回は主に概念的な部分を掴みたいと思いますので、kouraku なりに解釈したイラストを
CSSだけでお手軽なフリック&ドラッグスライダーを作る | バシャログ。
今年のベスト映画はやっぱりガーディアン・オブ・ギャラクシーなminamiです。 左右にスクロールするスライダーのようなUIを作る機会は未だ多いですが、今回は主にタッチデバイスで便利なフリック&ドラッグで動くスライダーをCSSだけで作ります。 Amazonのスマートフォンサイトなどでも同じように実装されています。 作り方 PC用のブラウザではoverflow: autoやscroll を設定した要素の中にそれよりも大きな要素が含まれる場合、スクロールバーを表示させてスクロールすることができますが、iOSやAndroidなどのスマートフォン用のブラウザではうまくスライドしなかったり、スライドそのものができなかったりします。 今回ご紹介する方法だとCSSだけで慣性スクロールをつけることができます。 HTMLのマークアップは下記のようにしました。 <div class="slider-wrappe
スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか？ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化（拡大）する機能があります。 読
【JavaScript】デザインパターンを知ってみる。モジュール・パターン編 | バシャログ。
JavaScriptで書くデザインパターンが気になっているので、手始めに一番よく見ているであろうモジュール・パターンについていろいろ調べてみました。 なぜ使うの？ モジュール・パターンは名前の通り、処理を他の処理とぶつからないように安全に切り離し、モジュールの形として提供する考え方です。YUI などの大規模なフレームワークから小さなライブラリにも取り入れられています。以下のようなメリットがあります。 グローバル変数を極力減らして、機能をモジュールの形で提供できる。 コードの成長に合わせて構造を作れる コードを見通しやすくする 要件に応じて追加、置き換え、削除ができる シンプルな書き方 Sample というオブジェクトを作って、いろいろ便利な機能をつけていきたい、という場合、下記のような書き方ができます。 var Sample = { name: 'sampleくん', age: '30',
Jadeのテンプレート機能を使ってみる | バシャログ。
GTA5の発売が待ち遠しい三十路、minamiです。 前回インストールからファイルをコンパイルするところまでさわってみたJadeで、更に便利な機能を使ってみました。 extendsとblock Jadeではテンプレートの継承を行うことができます。サンプルとして下記のような_layout.jadeを作りました。 !!! 5 html(lang="ja",dir="ltr") head block meta block title body block header block content block footer 短すぎてなんのことやらわかりませんが、これはテンプレートのひな形です。 これを拡張する形で、index.jadeを作ります。 extends _layout block meta meta(http-equiv="content-type",content="text/html
【WordPress】WordPress 3.6 の変更点をまとめてみる | バシャログ。
こんにちは Latin です。 WordPress 3.6 日本語版が正式にリリースされましたね。 早速勉強がてら、少し触ってみました。 今回は実際にどこがどう変わったのか、簡単にまとめてみようかと思います。 デザイン 新しいデフォルトテーマ「twentythirteen」 モダンアートをイメージした新しい1カラムテーマ。 コンテンツによりフォーカスしたものになっていますね。 もちろんレスポンシブ対応。 フォントベースのアイコン「Genericons」 Webフォントベースのアイコンが用いられています。 Genericonsサイト http://genericons.com/ カスタマイズ 投稿フォーマットやセマンティックマークアップなど、最新のテーマ機能に対応。 WP 3.1以降に導入された投稿フォーマットは、カスタマイズに使う際のメタ情報（video や asideなど）の事を指します
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
