キーボードを、持ち歩く。 久しぶりに、スマホ用のキーボードを使ってブログを書いている。 いくつかキーが壊れてしまっているので買い替えないといけないのだが、壊れるくらいには使い込んでいたんだなと思った。 当時は、今のようにPCを普段から持ち歩くことが少なかったので、出先でもブログ…
キーボードを、持ち歩く。 久しぶりに、スマホ用のキーボードを使ってブログを書いている。 いくつかキーが壊れてしまっているので買い替えないといけないのだが、壊れるくらいには使い込んでいたんだなと思った。 当時は、今のようにPCを普段から持ち歩くことが少なかったので、出先でもブログ…
Ruby on Rails を用いて、インクリメンタル検索のできる英和辞書webアプリ を作ってみました。インクリメンタル検索とは、検索語句の入力途中の文字列 から随時検索を行い、結果を動的に書き換えていく検索のことです。対象読者 は基本的な Rails の知識がある人としています。 データベースは SQLite を使用しますが、テーブル構造は単純なので 他のデータベースに変更するのは容易です。 dictアプリケーション用ディレクトリの作成 まずアプリケーションのディレクトリを作成します。アプリの名前は dict と します。 % rails dict 辞書データ 以下の作業は、すべて dict アプリの db ディレクトリ (dict/db) で行いま す。 辞書データは、 GENE95辞書 を用います。このページよりデータをダウンロードし、展開すると gene.txt というテキストフ
ViewerDecember 9 Viewew is an awesome jQuery image viewing plugin for photo galleries. Created by Fengyuan Chen Download Home Example View more → video-extendDecember 7 Video Extend is a jQuery plugin to create advanced video controls like jump to and chapters to videos Created by andchir Download Home Example View more → Casino pagination-jsDecember 5 Pagination-js is a Casino ohne Steuer jQuery
これまでにもPhotoshopを利用したテキストエフェクトの作り方は何度かご紹介していますが、今回はIllustratorを使ったロゴ、テキストエフェクトに関するチュートリアルをまとめています。 海外デザインブログWeb Designer Depotで、Illustratorによるロゴ、テキストエフェクトデザイン用作り方チュートリアルを40個まとめたエントリー「40 Tutorials for Oustanding Text Effects in Illustrator」が公開されていたのでご紹介します。 レトロやキラキラに輝くロゴテキスト、手書きスケッチ風など多くのデザインを再現することができ、Photoshopでは表現しづらいデザインを作成することができる点もIllstratorの魅力のひとつではないでしょうか。 詳細は以下から。 Illustratorでデザインするロゴ、テキストエフ
WEBサイトを運営していれば、サイトに訪れてくれたユーザーに【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、たくさん起こして欲しいと考えると思います。 そのためWebクリエイターは、どうしたらコンバージョン率や数が高まるのかを日々考え・テストを繰り返しています。 私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない大変重要な要素の1つである【行動を呼びかけるためのボタン(Call to Action Button)】についての考えをまとめたいと思います。 目的を達成へと導くボタン ボタンはホームページの最終的な目的である【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、ユーザーに起こしてもらうためには欠かせない要素の1つです。ボタンのデザインやボタン内の文章を変えただけで、資料請求が増えたなんていう事例はたくさん存在
こんにちは、櫛井です。 仕事で同僚と話していると「こんなに便利なのに何で使わないんだろう?」と思うことがよくあります。今回はそういった感想を抱くことが最も多いソフト「Synergy」を紹介します。先日のエントリーでも少し登場しましたね。 →よく知っているので設定の項目へ急ぐ Synergy ってなに? 2 台並べたパソコンのキーボードを行ったり来たり。うんざりしますね。繋がってないのがわかっていながらも「すぐそこにあんだからこっちのマウス使わせろよ!」って思います。それを可能にしてくれるのが Synergy です。 実際に見てもらうのが早そうなので動画を撮ってみました。音はありません。正面に置いてある銀色のノート PC(64bit Windows7) には右側にモニタを追加していて、外付けのキーボードとマウスで操作しています。マウスを移動し続けて隣に置いてある黒いノート PC(Window
いよいよ暑さ本番。イベントの多い夏がやって来ました。 今月もこれは見ておくべき、というPixiv講座をまとめました。 後ろにお絵かき速報の人気記事と、他ブログのお絵かき関連記事を紹介しています。 【7月のおすすめpixiv講座】 服の塗り方講座 【SAI】30分で空っぽいものを描く【レイヤ1枚&既存ブラシ】 [SAI][中国語注意]透光翅膀的快速画法 そらちょま*メイキング 息抜きメイキング 東方なお絵かきメイキング 何の参考にもならない 大雑把すぎるメイキング ざっくりざっくりざくざくざっくり Making:TigerCatBell Photoshopで水彩っぽく塗るメイキング あずぺ2 メイキング Making 3D+collage めいきんぐ のようなもの なんちゃってメイキング 蘭ヌメイキング【SAI】 犠牲になったのだ 【黒バス】SAIメイキング 誰得メイキング【あげなおし】 続
新しいiPad, iPhone4, MacBook Proなどに採用されているRetinaディスプレイを考慮したCSSスプライトの実装方法を紹介します。 Using CSS Sprites to optimize your website for Retina Displays CSSスプライトとは複数のアイテムを一枚の画像に配置し、background-imageで表示する範囲を指定するテクニックです。複数の画像を一枚にまとめることで、トラフィックの軽減につながり、Googleをはじめ多くのサイトで利用されています。 Retinaディスプレイは通常のディスプレイの倍の解像度があり、最適化するためには倍の解像度をもった画像を使用する必要があります。 使用する画像をJavaScriptで記述するのも一つの手ですが、ここではスタイルシートのみで実装する方法を紹介します。 実装例は、4つのそれぞ
商用利用無料、細かいパターンの繊細なざらっとしたパターン素材 -Arcandres Minimal Patterns
約1ヶ月前に MacBook Air 2012年版 が発売されたので、早速2011年版 MacBook Air から買い替えました。 今回購入したのは、13インチ / Core i7 / メモリ 8GB / SSD 256GB です。 去年の記事 では MacBook Pro 13インチから MacBook Air 13インチに買い換えた時の感動を中心としたレビュー記事でしたが、今回は時期的に、欲しい方はもう購入されていると思いますので、レビューだけではなく私がイントールしたアプリとその設定を中心に書いていきたいと思います。 目次 なぜMacBookを買い換えたのか なぜそのスペックにしたのか Apple Store店員の話 検証 その他のレビュー 私のMacBook Airの使い方 インストールしたアプリ 外付けスピーカー いくつかの問題点 気になった点 総評 なぜMacBookを買い換
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く