使い方 ステージと問題数を選択します。 スタートボタンを押した瞬間からゲームが始まります。 文字を間違えた場合、正しい文字を入力するまで次へ進めません。 うまく動作しない場合は、日本語入力を無効にしてみてください。 備考 問題文はランダムに組み合わせて生成しています。 ステージはそのうち増やしていきます。 動作確認ブラウザはChrome、Firefox、IE9です。
こんにちはこんにちは!! アプリ作ってますか! アプリやゲームの中で使う文言って、意外と大事なんですよね。 ちょっと間違えてるだけで、すごく安っぽく見えてしまうし、 言い回しひとつで、使い勝手がずいぶん変わったり…。 そんなわけで、ガイドラインって程のものではないですが、 文言を書く際に、ちょっと気をつけたいことなどを書いてみたので、 もしよかったら参考にしてみてくださいね。 ・漢字をひらく 漢字をひらがなにします。 迷ったら新聞紙などのルールを参考にすると良いかもしれません。 意外と漢字を「ひらいて」います。 極端な例だと、五月蠅い(うるさい) などです。 漢字変換できるからといって、それが正義ではありません。 簡単な漢字でも、 「下さい」→「ください」 「出来る」→「できる」 「全て」→「すべて」 「等」→「など」 などは、ひらくことを検討すると良いと思います。 (参考) 表記規則:企
「CSS Sprites(CSSスプライト)」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね(2012.8現在)。 具体的には「サイト内で使用するたくさんの画像(パーツ)をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
Wix.comはWixによって作られました。自分で試してみよう。 © 2006-2012 Wix.com, Inc.
現在、A!@attripさん発で話題になっている「たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
●ユーザーの心を掴み、ビジネスになるUI、UXとは? 2012年11月7日、都内の六本木ヒルズ内アカデミーヒルズにて、Mobage向けにソーシャルゲームを提供しているCROOZが“第4回テックヒルズ”を開催した。同イベントは、次世代技術の可能性を追求する開発者向けの技術勉強会で、CROOZが今年から定期的に行っている取り組み。これまで、“全文検索&検索を利用したサービスの使命、利用プロダクト、事例紹介”、“「ネイティブアプリ」vs「Webアプリ」これからのアプリケーション開発のトレンド”、“2012..Flashの終焉!? ~Flashの今後を見抜く~”といった、そのときそのときの旬な開発技術をテーマに、ゲスト見識者を招いてのプレゼン、パネルディスカッションが行われてきた。 4回目を数える今回のテックヒルズのテーマは“UI、UXの衝撃”。最近注目を集めているUI、UXに関して、どのようなプ
ナビゲーションが分かりにくい ナビゲートすることが難しいサイトは、ユーザーを失望させます。複雑だったり、一貫してなかったり、そういったナビゲーションはユーザーを困惑させ、苛立ちを感じさせるものです。
優秀なWebデザイナーって何だろう。と考えたことはありませんか?私は昔からそんなことを考えているんですが、最近、優秀なWebデザイナーについて、なんとなくですが気づいたことがありましたので、今日はそのこと(優秀なWebデザイナーの特徴)についてまとめてみようと思います。 こうして優秀なWEBデザイナーに共通している特徴をまとめてみると、私はまだまだ小さい人(Webデザイナー)だなと痛感させられます。優秀なWebデザイナーの方々の多くは、人としても大変魅力的で、彼らの周りには自然と人が集まっているように感じます。 今日の記事は、あくまでも私が気づいた点であるために、必ずこれらができているから優秀なWebデザイナーであるとは限りません。ですがこの記事が「優秀なWebデザイナーとはどんな人なのか」「どうすればそうなれるのか」という事を考えるきっかけになれば幸いに思います。 人として共通している1
歳末大決算! ってわけでもないですが、当ブログで利用しているWordPressプラグインを全部まとめてみました。2011年5月にWordPressへリプレイスして7ヶ月程度ですが、現時点で個人的になきゃ困るレベルのプラグインを厳選して入れております。 それにしても59個とかちょっと入れすぎじゃね? って思われるかもしれませんが、他のWordPressユーザーもこれくらいの・・・はず。 Additional image sizes 記事に挿入する画像のサイズを増やせるプラグインです。 WordPressの画像を挿入するときって、サイズがサムネイル、中サイズ、大サイズ、フルサイズしか選べないんですが、これに任意のサイズをセットできます。 僕の場合は黄金比と白銀比の比率になるサイズをセットしてますね。 WordPress › Additional image sizes (zui) « Word
このサイトを、WordPressの公式テーマ「Twenty Twenty-Four」でリニューアルし…
をメモっておきますー。 前回に引き続いて、次は新着情報をカテゴリ別に表示する方法です。 企業向けサイト等を制作する際に、お知らせ、商品のニュースリリース、ブログや更新情報などいくつか情報を分けて、トップページに表示したいモンですよね。 今回はその方法を書いておきますね。 新着情報(カテゴリを決めて)を表示したい箇所(index.php等っす)に以下のように記入します。 <dl class="feed"> <?php $myposts = get_posts('numberposts=5&category=77'); foreach($myposts as $post) : ?> <dd><span class="day"><?php echo date("Y年m月d日", strtotime($post->post_date)); ?></span><a href="<?php the_p
ワードプレスでトップページなどに新着情報(新着記事)を表示する方法 はとても簡単なんです。 ワードプレスをCMSとして利用する場合。 企業向けサイト等のブログサイトではない通常の?サイトを構築する際には、かならず必要と言ってもいいかと思います。 そんな「新着情報の表示」方法はとっても簡単なんですよー。 「新着情報(新着記事)」を表示する方法の記事は、カテゴリを指定しての表示など、ワードプレスでサイトを構築する際には必須となるかと思いますので、3回に分けて書いてみます。 新着情報を表示したい箇所(index.php等ね)に以下のように記入 <dl class="feed"> <?php $posts = get_posts('numberposts=5&order=desc'); foreach($posts as $post): ?> <dd><span class="day"><?php
説明 PC向けのサイトをスマートフォン対応する場合、WPtouchやktai styleに代表されるスマートフォン対応のテンプレート切り替えプラグインを使用するのが一般的。そういったプラグインはテンプレート切り替え以外の機能も備えており、そういった機能は必ずしも必要ではない。そんなわけで、ここでは超シンプルなスマートフォン向けのテンプレート切り替えを実現する方法を紹介する。 template_includeフィルターを活用 テンプレートの振り分けを自身でコントロールする方法としては、template_includeフィルターを利用するのが手っ取り早い。具体的には、テーマ内のfunctions.phpにて、 add_filter関数を利用する。 add_filter( 'template_include', 'mytheme_template_include' ); function myt
2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト! WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ
WordPressのテーマを変更してスマートフォンサイトを作成。Media Queriesとどっちがいいの? 2013年3月23日 Webサイト制作, Wordpress, スマートフォン 以前「WebサイトをiPhoneで見やすくする5つの方法」という記事でWebサイトをスマートフォンに対応させる方法を紹介しました。当時はそこで紹介しているMobifyというサービスでスマートフォンに対応させていたのですが、JavaScriptが使えないので、リデザインを期に別の方法でスマートフォンに対応させる事にしました。タイトルにあるとおり、WordPressのテーマを変更する方法とCSS Media Queriesを使った方法の2通りを試したので、その比較についても書いてみようと思います。 ↑私が10年以上利用している会計ソフト! 最初に試した方法はCSSのMedia Queries(メディア クエ
サイト構築&運用 5-02 WordPressを利用したサイト構築(後編) 前述の通り、CMSは、非常に多くの種類がある。ここでは、数あるCMSの中でも、最近特に成長しており、利用者数の多いCMSである「WordPress」について、いくつかの事例を交えて解説しよう。 制作・文/星野邦敏(株式会社コミュニティコム代表取締役) WordPressを使って、スマートフォン用に最適化(2) 2011年初頭あたりから、PCサイトと携帯サイト(いわゆるガラケーサイト)の端末ごとの表示の振り分けだけでなく、スマートフォン対応についても本格的に聞かれるようになってきた。その点、WordPressを使えばPC、スマートフォン、携帯電話それぞれの端末に最適なサイト表示を、無料で、同一URLにて対応させることができる。 スマートフォン最適化の具体的な方法としては、大きく分けて次の3通りがある。掛けられる工数と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く