["Webfont embedding is so widely supported by modern browsers at this point that there's really no excuse not to incorporate them when appropriate in your designs. There are hundreds of free fonts available for embedding, as well as plenty of paid services that allow you to include commercial fonts in your designs.<\/p>\n\nA lot of designers, it seems, are intimidated by the idea of @font-face<\/c

この記事はsuginoy氏のブログ杉風呂2.0 - A Lifelog -の記事"あなたはJavaScriptを知らない"をパロったものです。suginoyさんの許可を得て公開します。原文は2011年11月17日にポストされました。私自身のVim scriptの学習は適当で、ネタ仕込みの指摘等はコメントを下さると助かります。 あなたはJavaScriptを知らない この記事はMichael Woloszynowicz氏のブログWeb 2.0 Development And Business Lessonsの記事"You Don’t Know JavaScript"を翻訳したものです。本人の許可を得て公開します。原文は2011年4月16日にポストされました。私自身のJavaScriptの学習が浅く、誤訳の指摘等はコメントを下さると助かります。 http://d.hatena.ne.jp/su

Minimalist photography is the art of simplicity. Minimalist element can not ignore in your life and essential to remove unnecessary things aside. Here is a collection of 30 beautiful examples of minimalist photography.

めもめも。 最近方々で名を馳せているgitを導入してみました。今さらですか？　今さらですね。 今まではTortoiseSVNくらいしか触った事なかったんですが、やってみたらずいぶん簡単でした。ああ良かった。これは便利だ。 一日試してちょっと慣れてきた気がするのでメモしておきます。 環境 Debian 6.0.3 コマンドラインでやります。 インストール aptitudeを使います。 aptitude install git-core git-doc aptitude searchすると単純にgitというのもあるんですが、それだと動きませんでした。なにこれ？ セットアップ ユーザー情報を設定 コミットログに記載される名前を設定します。 git config --global user.name "Firstname Lastname" git config --global user.ema

Without a doubt, CSS3 functionalities such as transitions, animations, and transforms have the ability to infuse a touch of innovation into your design endeavors. Within the confines of this article, we shall delve into the process of crafting a remarkable CSS3 animated dropdown menu, leveraging the remarkable capabilities of these trendy features. Opting for an alternate title for this article, o

jQueryのフィルターが便利なんですが、 なかなか全部把握出来ないので自分用 にまとめることにしました。マイチート みたいな記事です。フィルターはかゆい ところに手が届く便利なもので、場合 によってはコードも短く済ませること も出来るかもしれません。 というわけでフィルター一覧です。あんまり把握出来てなかったのでこの機会に全部目を通して触ってみました。機能というか、どんな感じで要素を取得出来るか、みたいな内容になります。 しっかり使いこなしてきた人間の書いてる記事じゃないので、もしかしたら解説が間違ってるかもしれません。一応公式のリファレンス見ながらやってますけどそれでも勘違いしていたらご指摘頂けると嬉しいです。 カテゴリごとにjsfiddleで全サンプルを用意してありますのでフォークしてご自身向けに変更して頂ければと思います。 Basic Filter(基本フィルタ) Sample 基

photoshopでドットのラインを描く方法をまとめてみます。 さいごに、配布ブラシもあります。 Fireworksなら、線を描いて、プロパティーから「ストロークを編集」とすると きれいなドットラインが描けるのですが photoshopではそういった機能がないんですね。 ドットラインを描くにはどうしたらいいのか探してみたら、みなさん色々な方法で やってましたので、その方法をご紹介。 ブラシを使う（１）- 間隔設定を使う ブラシ設定の「間隔」という設定を100%以上にすると破線になります。 %設定は、割り切れる数字とか、キレイな数字のほうがうまくいく気がします。 参考：http://www.dougamanual.com/blog/247/1430/e6849.html ブラシを使う（２）- 登録されたブラシ 小さい四角形をつくって、その中に一つの「-」を描き、「ブラシを定義」し 上記と同様

WordPressの勉強も兼ねて、Twenty Elevenテーマの各テンプレートについて解説しています。確認バージョンは3.2.1です。 サイドバー (sidebar.php) Twenty Elevenテーマの「サイドバー (sidebar.php)」は、次のように、各ページのサイドバーを表示します。 テンプレートのソースコードは次のとおりです。 <?php /** * The Sidebar containing the main widget area. * * @package WordPress * @subpackage Twenty_Eleven * @since Twenty Eleven 1.0 */ $options = twentyeleven_get_theme_options(); $current_layout = $options['theme_layout

HDMI入力かUSB端子に差し込むだけで使用可能。重量21gのUSBメモリー型 Android 端末「FXI Cotton Candy」2012年3月発売 FXI Technologies Cotton Candy ノルウェー FXI Technologies が世界最小と思われる重さわずか21gのUSBメモリー型 Android 端末を開発、HDMI入力端子かUSB 端子に差し込むだけで、あらゆるものが Android と Ubuntu 端末として使用することが可能。2012年3月発売、価格199.99ドル（約16,000円） ■ スペック OS: Android 2.3 & Ubuntu CPU: Samsung Exynos (ARM Cortex-A9) Dual-core 1.2GHz GPU: Mali-400 MP RAM: 1GB サイズ: 縦 25mm 横 80mm 厚み

ブログ移転のお知らせ！ ▼当ブログは移転しました！新しいサイトは以下となります！！ http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします！！ http://feeds.feedburner.com/bamka iOS5がリリースされて、当時はリマインダー機能にウハウハしていました。 しかーし。よくよく冷静に考えれば、別にアップルのリマインダーを無理につかう必要ってないんですよね。任意の場所の設定もできないし。 そこで、Toodledoと同期できる２つのアプリを引っ張りだして、改めて使ってみました。そしたら超便利だと気づかされたのです。 Toodledoと同期できて、私が活用したのは「2Do」と「Toodledo（純正アプリ）」の２つ。 特徴として、 ◇任意の場所を設定できる ◇設定した場所は繰り返し使える ◇通知時間の指定もできる ◇通知場所の追加はWe

旧・Macの手書き説明書 - FC2 BLOG パスワード認証 読んでたら書きたくなった。環境構築厨として。 アプリのリンクやスクショ貼るのめんどかったので、ぐぐってください。 ターミナルでできることはターミナルでやる派なので、最近はアプリ減りました。 Dock表示しないし、デスクトップに何も置かない。極力マウスを使わない、そんな設定。キーバインドがないアプリは問答無用でクソ。 Google日本語入力 IME。ことえりでは人間が死ぬ。 YoruFukurou Twitterクライアント。Macだと他が霞んで見える使いやすさ。 Limechat for Mac IRCクライアント NNDD ニコ動ビュワー + ダウンローダ。画面サイズを調整できるのが良い。 要: 最近アップデートがうざいAdobeAir Growl アップデートでめんどくさかったから350円の有料版買ったら、色々動かなくなっ

最近またLocal Player (Chrome Player)を実装しなおしています. 一応説明しておくと, Local Playerは, 完全にローカルで動作する音楽プレイヤーです. シンプルさを求め(実装がめんどくさいだけ), 操作しやすく(これは大事), 良い感じのプレイヤーです. 半年前に, ソースコードがスパゲッティになって, 開発を中断していましたが, 最近また書きなおし始めたのです. 音楽プレイヤーをブラウザー上で実装するのには, 音楽ファイルをJavaScriptで読み込まなければなりません. そこでHTML5ですよ！！！ <audio src="url/to/musicfile.mp3" type="audio/mp3" /> みたいな感じで, 音楽を再生できます. 詳細は他のページに譲ります. さて, 音楽ファイルを再生するには, ローカルファイルからurlをaudi

それではお待ちかね、ネットブックにEmacsをインストールする話です。 この手順通りにやることで、あなたのネットブックは 立派なEmacs専用機に大変身します。 古くから、モバイルギアやリナザウによってUnix環境を 持ち歩き、そこの中でEmacsひきこもり生活を始めて いる人がいますが、その環境構築には多大な手間が かかりました。 しかし、この方法を使えば、OS換装の手間もなく、 単にEmacsをインストールするだけでよいのです。 OSはWindowsのままですが、Emacsにはeshellという 立派なシェルがありますので、各種Unixコマンドや スクリプト言語の環境を整えておけばLinuxと何等 変わらない操作性を得ることができます。 あなたも、「物書きマシン」、「Emacsが動くpomera」 というコンセプトでネットブックをとらえてみませんか？ 僕は、愛用ネットブックを 「パソコ

Crafting Perfect Christmas Email Templates Christmas is a time for joy, warmth, and connection with our loved ones. Sending a Christmas email is a modern and convenient way to spread holiday cheer and keep in touch with friends, family, and colleagues. This guide will help you create the perfect Christmas email, from the subject line to the sign-off, with tips on personalization, design, and conte

WordPress 3.2 より『Twenty Eleven』が新しいデフォルトテーマとなりましたが、WordPress 3.2.x 日本語版でもソースコードに併記されている説明は諸々の理由で英語のままとなっています。 『Twenty Eleven』は 3.2 の特徴となる機能がいくつも盛り込まれているのに加え、WordPress のテーマを理解する上でとても良いお手本となるものだと思いますので、より理解が深まることも願って、 Twenty Ten に引き続き日本語訳をしてみました。 （ただし例によって突貫工事＋眠気と闘いながら訳しましたので、間違い等ありましたらこっそり教えてくださいね^^;） 翻訳ファイル名一覧 twentyeleven ├404.php ├archive.php ├author.php ├category.php ├comments.php ├content-asid

Step 1 – HTML Markup of Accordion Menu The HTML is the same as the CSS3 version, a nested unordered list that will contain all of our links. We have added a class to each one to be able to add the images and the id is needed for the CSS3 only version. We will keep the CSS3 only version working so if the JavaScript will be disabled on the client browser it will continue working with just CSS. <ul c

Finaleで2音のトレモロを入力する方法を紹介します。 なお、米国時間2024年8月26日、Finaleの開発/販売終了がアナウンスされました。 国内販売代理店契約の即日終了に関して １．問題点 Finale（バージョン27）で冒頭のような2音（またはそれ以上）のトレモロを入力したいのですが、方法がわかりません。 ということで、Finaleで2音のトレモロを入力する方法を紹介します。 ２、Finaleで2音のトレモロを入力する 2音のトレモロを入力するには、トレモロさせたい音符を選択。 メニューバーより「プラグイン」→「TG Tools」→「簡易トレモロ...」を選択。 ダイアログが開くので、連桁（れんこう）の本数等を指定して「適用」をクリック。ここでは「2」を設定します。連桁とは連続した音符の旗をつないで記述することです。 これで2音のトレモロが設定できたので、ダイアログの「閉じる」ま

WordPressの勉強も兼ねて、Twenty Elevenテーマの各テンプレートについて解説してみたいと思います。確認バージョンは3.2.1です。 メインインデックスのテンプレート (index.php) Twenty Elevenテーマの「メインインデックスのテンプレート (index.php)」で出力されるページは次のようになります。 テンプレートのソースコードは次のとおりです。 <?php /** * The main template file. * * This is the most generic template file in a WordPress theme * and one of the two required files for a theme (the other being style.css). * It is used to display a pa

カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。 左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。 こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。 インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。 パターンはその場でLightbox風に表示するのでページ推移も必要ありません。 みたいな感じのパターンギャラリーです。

読まずに死ねない本があるように、死ぬまでにやりたいゲームがある。 本とゲームの違うところは、「読まずに死ねない本」の大半は既知だが、「やらずに死ねないゲーム」は未知であるところ。つまりゲームは日々進歩しつづけており、スゴゲー（すごいゲーム）とはこれから出てくるものと思っていた。ところが本書で振り返って、どうやら違うようだ。 世界初の家庭用ゲーム機Odysseyが発売されたのが、1972年。以降、2010年の初頭ぐらいまでの、家庭用ゲーム、携帯ゲーム、筐体ゲーム、PCゲームが発売年順に並んでいる。対応機種やジャンルと併せて、スクリーンショットも掲載しており、強烈に懐かしさをかき立てる。一方で、自分が熱中していたゲームが「クラッシックゲーム」扱いされてガクゼンとする（「懐メロ」と一緒やね）。 「スペースインベーダー」、「パックマン」といった伝説級はもちろん、ドラクエ・FFといったRPG、ストI

MacBook Airを買ってそろそろ一ヶ月。以前のiMacからの移行も完了したところで、Macでは初となる常用アプリ一覧(純正は除外)を公開してみます。 僕のMacにかかせない100のアプリ | Macの手書き説明書 尚、今回は普段からとても参考にさせてもらってるべあだるさんの上記エントリーの企画に乗っかったものです。 インターネット関連 Firefox Webブラウザ。Chrome全盛ですが、慣れもあってずっと使ってます。 拡張機能としてインストールしているのは以下の5つ。 NoScript　Firefox必須の拡張。 Read It Rater　あとで読むツールとして利用しているサービスの拡張。 Stylish　Googleリーダー等のデザインを変更する拡張。 Tab Mix Plus　タブまわりの拡張。 Tombloo　色々なサービスにポストできるようになる拡張。 Reeder R

様々なデバイスが出現してきており、WEBサイトもその環境を考慮した制作を求められており、制作側もどんな端末でも快適に閲覧できるレスポンシブなレイアウトが広まりつつありますが、今日紹介するのはレスポンシブなWEB制作のためのCSSフレームワークのまとめ「15 Responsive CSS Frameworks Worth Considering」です。 Less Framework 4 様々な端末に対応したフレームワークが多数まとめられていますが、今回はその中からいくつか気になったフレームワークをピックアップをして紹介したいと思います。 詳しくは以下 Foundation 12カラムで構成されたレスポンシブなフレームワーク。背景も端末に併せて縮小されます。 Skeleton 真っ更なレスポンシブなフレームワーク。 Amazium ブラウザサイズによってレイアウトが組み変わるレスポンシブフレー

50 Useful and Free Web UI, Mobile UI and Wireframe Kits Here we are featuring 50 useful, free and spanking new Web UI and wireframes resources that you will definitely love. Web designers always require some fundamental user interface elements to produce a model of user interface either of a website or software. For that, they require wireframing and UI design kits which help them to replicate the