最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Aleksandra C 個人・商用利用無料。 Logisoso 個人・商用利用無料。 NotCourierSans 個
WordPressを始めたばかりの頃って、各ページの「ページタイトル部分」ってテキストでしか動的に出力できないと思っていました。 ページタイトルを画像にしたい時には、テンプレートに直書きして、ページの数だけテンプレートファイルを用意しないといけないとか…。 でも、慣れてくるといろいろ気づくもんですね。スラッグ名を出力すれば出来るんじゃないかと思って調べたらやっぱり出来ました。 用途としては、 コーポレートサイトを想定 固定ページの場合は、そのページのタイトル(ただし子ページの場合は、親ページのタイトル) 投稿シングルページの場合は、属しているカテゴリ名 カテゴリアーカイブの場合は、そのカテゴリ名 という感じで。
wordpress案件にてお問い合わせフォームはほぼContact Form 7を使わせていただいております。 htmlもほとんどそのまま流しこむだけで表現でき大変重宝しておりますが やはり確認画面が欲しいというお客様がいます。 なるべくプラグインは触らずに。データを持って歩きまわりたくない。 ということでjavascript(jQuery)で表現しようという方向で。 ところが バリデート→確認→送信 という流れにしようとするとやはりプラグイン自体に少し手を加える必要がでます。仕方ないですね。 今回は確認画面のポップアップウィンドウにこちらを使わせていただきました。 http://css-eblog.com/javascript/floating-popup-window.html オプションも豊富でかなり楽に作れるようになります。 以下が用意するjavascriptです。
愛知県名古屋市の大学向けシステムパッケージ販売、開発、導入をしている、IT企業で働く社員たちのお話です。 ブログやWEBサイトでコンテンツも充実し、さらにSEO対策を行っているけど、アクセス数が思うように伸びないことはありませんか? そのような場合、タイトル(キャッチコピー)の改善を考えてみてはいかがでしょうか。 タイトルはSEO対策で最重要ポイントの1つにあげられますが、SEO以外の観点から見ても、とっても重要だったりします。 なぜならば、タイトルは最も露出の高い部分であり、人々はタイトルだけを見て、クリックするかどうか判断する傾向があるからです。 例えば、検索エンジン(google, Yahoo)の検索結果に表示されるのはタイトルであり、 ソーシャルネットの代表格「Twitter」もタイトルを引用してツイート(情報発信)され、 さらに爆発的なアクセスが期待できる「はてぶ」もタイトルがホ
なんとGoogleがswfファイルをHTMLとJSに変換してくれるWebサービスを発表したようです。 Google Swiffy ご存知のとおりのFlash厨であるところの私なので、早速試してみました。 使い方は簡単。変換したいswfをアップロードするだけ。 ただし、今のところFlashPlayer8形式までの対応となっているようです。 しかも容量制限が512kbまでというなかなかシビアな条件。 これでは音つきフルPVをアップできません。 それと当然ながら「自分で作ったものしかアップしちゃだめだよ!」という念押しをされます。 以上の条件を満たした上で、「魔理沙は大変なものを盗んでいきました」を音を削った状態で変換してみました。 しかし、音削っただけで500kb程度にまでサイズが落ちるんだなぁ・・・あの頃の自分はエコだった。 魔理沙は大変なものを盗んでいきました var.HTML+JS (約
最近タッチデバイスでスワイプしてスライドするようなUIを書く機会が多いので汎用的に使えるようにしてみた。 DEMO pxgrid/js-flipsnap - GitHub iScrollでもsnapっていう機能使うと同じようなことができるんだけど、iScrollでこれをやろうとするとこのスクロールが効いてるところはネイティブの縦スクロールが効かなくなるという問題があって、それを解決しようと思って最初はiScrollの内部をいじってたんだけど、ちょっとiScrollベースだとどうしても無理なところがあったのでこの機能だけ切り出してみたというわけ。 一応Androidでも動いてるっぽい。 iScrollみたいに多機能じゃないけどまあこれだけ使いたいっていうこと結構あるので割といいんじゃないかと。TODOはとりあえずドキュメント。 追記(2012/02/04):クロスブラウザに対応しました。
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます!フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ(px)を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした! 待ってる間に、iPhone4も対象としたWEBアプリ(ネイティブアプリのweb view を含む) のコーディングで気をつけることについておさらいしていたところ、 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね! という現実に打ちのめされたので、まとめてみます。 そもそもRetinaディスプレイってなんでしたっけ? はいはい、iPhone4の目玉のひとつで、今までの2倍の解像度で 画面がとってもキレイに見えるんですよね! 拡大しなくても小さな文字が読めるなんてサイコー! ところが、今までiPhone向けに作ったサイトをこのiPhone4で見るとちょっと 不思議な状態になってることがあるのです。 iPhone4で見たらなんか画像がにじんでるように見える・・・?! こういうイメージです。 そう、
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません(「やっちゃダメなこと」もしています)ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合
◆Qプレス モバイルHP 販売促進、集客はケータイから ◆携帯HP+メールマーケティングシステム 【JustMail】導入店舗成功実例 配信中(携帯サイト) 新規顧客開拓・集客ツール 1.地域活性化ポータルサイト 「長野Mo」参加のご案内 携帯ホームページ&メール集客システム「ジャストメール」で新規顧客の集客を。そして、地域ポータルサイトに自動登録できます。元気な地域作りにあなたも参加しませんか。 →「長野Mo」情報(携帯サイト) 2.ケータイHPで新世代の販促を →ケータイHP+高機能メール配信のジャストメールで集客。 サーバーは日本で最高速、安全なIIJ →お問合せ・申し込みはこちらへ 3.Web2.0ビジネスに 参入のチャンス ソフトバンクや楽天、Googleのような大企業の独壇場だったWeb2.0ビジネスにあなた(法人・個人)も参入できる! 流れ
開発部の井上(@inonb)です。12月に位置情報サービス・ロケタッチのAndroidアプリをリリースしました。ぜひお試しください。 さて、今回はAndroidアプリのUIまわりについて書いてみたいと思います。 iPhoneアプリに比べて、AndroidアプリのUI仕様は、わりとWebに近いところがあります。Webの仕事の経験があるデザイナーさんは入りやすいところもあるのですが、マルチディスプレイ対応など面倒なところもあります。 デザイナーさんに聞かれた質問について簡単にまとめてみたいと思います。 1. iPhoneアプリのデザインって流用できますか? 流用はできるだけ避けたいです。 たとえばTwitterやFacebookのアプリなど、両プラットフォームに多くのユーザーを持つアプリを見ても、iPhoneとAndroidではデザインが変わっているのが分かると思います。 Androidのデザ
3.11に日本を襲った東日本大震災のニュースは、言うまでもなく世界中に広がり、日本を愛するアメリカ人の元へも届いた。2001年にバンドのメンバーとして初めて日本を訪れたスコット・マーフィーは、日本人の人柄と、アメリカともヨーロッパともまったく異なる日本の文化に魅せられ、独学で日本語を習得、現在までに『GUILTY PREASURES』と題されたJ-POPのカバー集を多数発表している他、オリジナルの作品も発表している。今回はシリーズの最新作、アニソンをカバーした『GUILTY PREASURES ANIMATION』の発表に伴い、改めてスコットと日本の関係を話してもらったのだが、やはり語気を強めたのは震災について話が及んだときだった。世界中が日本を見守っていることを、僕らは今一度再認識すべきだと思う。 バンドでいろんな国に行ったけど、日本に来て初めて、自分が外人だって感じて。 ―スコットは2
#INFOBAR #Iida に搭載のIidaUIのthemeをカスタマイズしてオリジナルのテーマを作る方法! #androidjp #a01 追記:まとめサイトで実機での作り方を補足してくれているようです。感謝 http://www45.atwiki.jp/infobar_a01/pages/26.html デザインに凝ったスマートフォンということで期待されているAU のIida INFOBAR A01ですが、独自HOMEのIidaHOMEのテーマを作ってみました。 画像加工ができる人ならかなり簡単にオリジナルテーマをつくることが出来ましたので、ご紹介いたします。 まず、もともとインストールされているthemeを流用するため、megauploadにうpされていたthemeのapkを使用します。 5種類のthemeが入ってますが、今回は、Leather.apkを元にします。(どれでも構いま
これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです。 この発想はちょっと素敵でした。指定したサイズに応じて要素にclassを与えるので、Media Queryを使用したPCとスマフォ向けサイトで見た目をまったく別のものにすることも出来そう。 特にjQueryやmootoolsといったスクリプトに依存してないのもいいですね。イメージ的には部分的にMedia Queryを手軽に使える、という感じでした。 わずか5KBほどの非依存型軽量ライブラリです。ディスプレイサイズ等で要素が指定した数値になると、class名を与えてくれるので、環境によってデザインを簡単に変更できるようになります。 上記はMedia Query T
今回、WordPressのメリットなどをお客様にご説明する機会があり、せっかくなので資料にまとめて、クレジットなどを記載しない形で共有いたしました。 slideshareにアップロードしております。ダウンロードや印刷など自由に行っていただけますので、もしWordPressを誰かにサックリおすすめしたい! というときは使ってみていただけると幸いです。 「こんな特徴もあるよ」など、資料に盛り込んだほうが良い内容があったり、分かりにくい、間違いがあるなどありましたらご意見お聞かせくださいませ。 WordPressご説明資料 View more presentations from H2O Space. Co., Ltd.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く