これらのフォントは、同社が運営する無料フォントのダウンロードサイト「フォントAC」内で公開されているもの。両フォントとも、カタカナ、ひらがな、アルファベット、数字を収録し、漢字に関しては、第2水準漢字まで対応する。また、同サイト内でダウンロードしたフォントは、個人、商用利用問わず無料で使用することが可能。ホームページの作成や印刷物の作成などに際して、クレジット表記や許可申請などの必要はないという。利用には会員登録が必要となっている。 なお、会員登録をすると、このたび公開されたフォントだけでなく、以前紹介した日本語フォント「美人の字」と「男の字」などをはじめとした、ユニークなTrueTypeフォントをダウンロードできる。
ブログはインターネットで最も人気の高いアクティビティの一つに数えられる。そして、ブログは大勢の人々がインターネットに接続する主要な理由でもある。 この投稿では、ブログを始める前に自分に問いかけてもらいたい質問を幾つか挙げていく。 1. 本当は何をしたいのか? ブログを設定する前に、複数の問題について考えてもらいたい。ブログを構築する主な理由またはモチベーションを挙げていこう。瞬間的にアイデアが生まれただけだろうか?それとも、ブログを介して何か具体的な目標を本気で達成したいのだろうか? ブログと言うブームに自分も乗りたいと言う単純な理由で多くの人々がブログを始める。長続きしない会社と同じように、このタイプのブロガーは2ヶ月ももたない。一方、真剣で意欲的なブロガー達は心に大きな野望を抱いている。モチベーションのうち、上位に挙げられるのは、お金と情報提供である。これらのモチベーションを持っている
15 May, 2012 Keep your CSS selectors short Written by Harry Roberts on CSS Wizardry. Table of Contents Increases Selector Efficiency Reduces Location Dependency Increases Portability Reduces Chances of Selector Breakage Decreases Specificity Can Make Code More Forgiving Final Word One thing I believe, as a very, very general rule of thumb, is that as sites get bigger, selectors should get shorter.
先週くらいのお話ですが、“カナダで留学した後自分たちでスモールビジネスをやるからサイトが欲しい、でもお金無いから自分たちで作りたい。”的な相談があって、「そんな、サイト作るだけのサービスなんぞ、腐る程あるわぁああ!!」と、半分ヤケくそになってお話したので丁度いい機会だからまとめてみようと思います。 まぁ、今日はどちらかというと、完全に非WEB屋な人に向けたサイト自体を作るサービス、問い合わせなどのフォームを作るサービス、ユーザーテストを低コストで行うためのサービス、そういう物をご紹介していこうと思います。 たぶん、趣味やとりあえずサイト作りたいと思っている人には朗報として、とりあえずサイト作れる人がWEBデザイナーだと思っている人へは啓発(的な?)として、記事を書かせて頂けると幸いです! 加えてたまに、「サイトが作れるようになりたい。」と僕の元に来てくれる人がいますが、もしそういった人が「
Media Query & Asset Downloading Results April 10, 2012 # book media queries mobile performance responsive A little while back, I mentioned I was doing some research for the book about how images are downloaded when media queries are involved. To help with that, I wrote up some automated tests where Javascript could determine whether or not the image was requested and the results could be collected
「GALAXY S III」「Xperia GX」など最新鋭機をそろえる一方、クラウドサービスに注力するドコモ。「土管化は回避したい」という説明からも「iPhoneは難しい」という理由が見えてくる。 NTTドコモは5月16日、スマートフォン/タブレットの夏モデルと新サービスを発表した。「GALAXY S III」や「Xperia GX」など人気シリーズの最新鋭機をそろえる一方、「ドコモクラウド」のブランドでクラウドサービスを強化。スマートフォンの急速な成長に対応しつつ、「土管化は回避する」と「総合サービス事業」への脱皮を図っていく。 発表したのはスマートフォン16機種、タブレット1機種など。スマートフォンとタブレットは全機種でAndroid 4.0を採用し、「GALAXY S III SC-06D」(Samsung Electoronics製)や「Xperia GX SO-04D」(ソニー
一般社団法人東京23区研究所所長。東京大学都市工学科大学院修士修了。(財)東京都政調査会で東京の都市計画に携わった後、㈱マイカル総合研究所主席研究員として商業主導型まちづくりの企画・事業化に従事。その後、まちづくりコンサルタント会社の主宰を経て現職。 国勢調査で発掘! 東京23区お役立ちデータ 国勢調査の結果は、大規模なデジタルデータベースとしてネット上で公開されているマーケット開拓情報の「宝の山」だ。反面、その内容があまりにも精緻であるがゆえに読み解き方は難しい。当連載では東京23区を例に取り、膨大な国勢調査データを実務に生かすヒントを紹介する。 バックナンバー一覧
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
1. 時代の潮流を70年サイクルで捉える 僕らは日々の生活に追われてなかなか気づかないが、時代には大きなうねり、潮流がある。 神田氏はその潮流は70年サイクルでやってくるという。 多少の誤差はあるが、大きく見ていくと、この流れに沿っているという。 徳川幕府が崩壊して大政奉還が行われ時代が明治となってから太平洋戦争が終わり大日本帝国政府が崩壊するまでが約70年。 そしてGHQ主導の戦後日本国が誕生してから今年で67年が経とうとしている。 そして時代が劇的に変化する時には、常に大きな災害やトラブルが起こるものだ。 明治維新の時も国は乱れ、多くの死者が出た。太平洋戦争末期の惨状は言う必要もないだろう。 そして2011年3月11日に発生した大震災と原発事故。 神田氏は、今回のこの災害を、「終わりではなく変化の始まり」と断言している。 これから2015年ごろまでの間に、明治維新や終戦に匹敵するような
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
「CSSスプライト」とは、複数の画像を1枚の画像ファイルにまとめ、表示の際にCSSでクリップ位置をずらすテクニックです。これにより、通信回数を減らし描画速度を上げることができます。既に定番化したテクニックですが、これまでFireworksをはじめとするデザイン用のソフトウェアには、直接CSSスプライト用の画像&CSSを生成する機能はありませんでした(生成をサポートする拡張機能やWebサービスは存在しました)。 Fireworks CS6には、CSSスプライト用の画像&CSSを生成する機能が追加されました。本記事では、この機能の使い方から、書き出した素材を使ってDreamweaverでマークアップするまでを解説します。 CSSスプライトの作り方を簡単に説明すると次の流れになります。 CSSスプライトでまとめたい画像を作成、もしくは、既にある画像からピックアップする。 Fireworks上で集
Normalize.cssって何? CSSリセットとは違うの? どうやって使うの? といった疑問を解決するNormalize.cssの制作者自らの解説を紹介します。 About normalize.css [ad#ad-2] 下記は各ポイントを意訳したものです。 Normalize.cssとは Normalize.cssの特徴 ノーマライズ vs リセット Normalize.cssの使い方 終わりに Normalize.cssとは Normalize.cssとは、クロスブラウザにHTMLのエレメントのデフォルトのスタイルを提供する小さなCSSファイルです。HTML5にも対応しており、従来のCSSリセットに代わるものです。 normalize.cssの関連サイト Normalize.cssの本サイト Normalize.cssのソース Normalize.cssのドキュメント Normal
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. I’ll show how both front-end and server-side developers can take advantage of the new technique called R
Dreamweaverとは Adobe Dreamweaver(以下、Dreamweaver)は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー(HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面)、デザインビュー(Webページをブラウザで表示した形に近い状態で編集できる画面)の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー(レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面)では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート(自動補完)してくれる機
【画像あり】日本のWEBデザインが2003年で止まっていると話題に Tweet 1: イータ・カリーナ(岡山県):2012/05/16(水) 09:37:59.35 ID:UCTlhudH0 Japanese Web Design: Why You So 2003? When I think of Japan I tend to think of beautiful design. Zen gardens, temples, shrines, tea ceremonies, manga, anime, wabi-sabi… the list goes on and on. Yet for some reason Japan just can’t put any of this together to make a decent looking website. Where did they
Why Is Japanese Web Design So Different? Like an internet time machine May 15, 2012 • words written by Koichi • Art by Aya Francisco When I think of Japan I tend to think of beautiful design. Zen gardens, temples, shrines, tea ceremonies, manga, anime, wabi-sabi… the list goes on and on. Yet for some reason Japan just can't put any of this together to make a decent looking website. Where did they
先日「パンは上下を逆さまにして切るとつぶれにくい」という記事をお届けしたところ、ライフハッカー[日本版]のFacebookページに、読者様からこんなコメントをいただきました。ありがとうございます。 ビッグマックを上下逆さにするとうまいこと食べられることと似ていますね。シュークリームも。 ビッグマックは検証された例がすでにあるようですが、シュークリームは見当たりませんでした。中身がたっぷりのクリームは嬉しいけれど、かじるたびにあふれてしまうのがちょっと...という方にお役立ていただけるかもと思い、早速シュークリームを買ってきて試してみました。記事冒頭の写真は、向かって右側はそのまま、左側は上下を逆さにして、一口かじってみたところです。シュークリーム全体のくずれ方に差が出ました。食べ進めていくとさらに違いは大きくなります。右側のほうは、柔らかい上面の生地をやぶってクリームがあふれてきてしまいま
The goal of a “responsive images” solution is to deliver images optimized for the end user’s context, rather than serving the largest potentially necessary image to everyone. Unfortunately, this hasn’t been quite so simple in practice as it is in theory. Recently, all of the ongoing discussion around responsive images just got real: a solution is currently being discussed with the WHATWG. And we’r
オーストラリアに行っていた中学時代の友人が、現地のWeb制作会社で働いて、この度現地の差別的な扱いに嫌気がさして帰って参りました。 同時に、「じゃぁ一緒に語り明かそうぜ会」を開いたところ、8人のむさくるしい男と3名の天使が集い、決して合コンではない同窓会を開いたわけです。そこでは製造業をする人もいれば銀行の受付をする人など、様々な業種の人が集まったわけですけど、まぁ私としてはオーストラリアのWeb制作が気になったものでその辺を熱く語り合ったお話をまとめさせて頂きました。 当たり前ですが日本は大きく違う メンバーのなかでWebに関わる仕事をしているのは天使2名と男2名(私含む)という状況で、そのへんの話がどうしても盛り上がってしまったのです。 オーストラリアと言えばコアラですが、そんなことよりBOSSがすごいという彼(以下;銀メガネ)。 彼は私におみやげを用意してくれていたようで、変な人形の
概要:インターネットは情報流通の拡大と多様化に貢献した。しかし、ソーシャルメディアの流行や、ネットメディアのパーソナライズ化により、私たちの摂取する情報は無意識のうちにどんどん増加し、かつ偏りを増している。 まずはこの猫の動画をごらんいただきたい。2008年の動画だが、私はすこし前にTwitterのタイムラインで流れてきて知った。二匹の猫がリング上でじゃれあっており、たいへん愛らしい。 最後まで視聴されただろうか? これであなたの貴重な一分間は失われてしまった。 世の中にはこのような情報がたくさんある。楽しくて、愉快で、ニヤリとしたり、クスクス笑ったりするような情報である。それは猫動画であったり、照英がなにかをしているコラージュだったり、終わりなきハッシュタグ大喜利だったりする。あるいはどこか海外でのびっくりニュースであったり、うどん県がうどん県と開きなおった話であったり、男女のすれ違いを
Googleで技術開発チームのマネージャーを務める及川卓也さんの著書『挑まなければ、得られない Nothing ventured, nothing gained.』が、5月18日(金)にインプレスジャパンから発売されます。東日本大震災の復興コミュニティ「Hack For Japan」を立ち上げた経緯や、電子書籍時代における書籍の在り方など、及川さんがはてなダイアリーなどでつづったエントリーを厳選して収録します。価格は1,680円(税込)です。 ▽ http://direct.ips.co.jp/book/Template/Goods/go_BookstempGR.cfm?GM_ID=3202&CM_ID=&SPM_ID=1&HN_NO=00400&PM_No=&PM_Class= ▽ このブログが書籍化されました - Nothing ventured, nothing gained. 本書
2012年 05月 15日 ブログリニューアルしました。変更箇所の要点を「デザイン」、「ソース」、「チューニング」から。 カテゴリ: Webデザイン タグ:WordPressデザインリニューアル タイトル通りなんですが、ブログをリニューアルしました。狙ってるわけではないですが、このブログは大体1年~1年半周期でデザインを変えています。デザインを考えるのって楽しいんですよね。 1.変更点-デザイン部分 2.変更点-ソース部分 3.変更点-チューニング 4.まとめ 1.変更点-デザイン部分 コンテンツ部分 まず大きな改善点として、コンテンツの表示部分を大きくしました。 1行の表示文字数が増えた分、目線の折り返し回数が減ったため、以前より読みやすくなったかと思います。 ただ、1行が長くなるということは目線を戻すまでの距離が増えますし、文字数自体も増えすぎてしまうため、文字サイズを若干大きくする事
テーマ自作への道のり それは、今年2月26日でした。。。 ほこほこ、ね » [雑記] 7.補足とか 今のテーマに不満はなくて。サイドバーは何とかしなきゃと思っているけれど。 自作するなら、ローカルにWordPressを入れたほうが良さそうだし。 ほら、完成までは修正→更新を繰り返すと思うから、XRE … 使っているテーマに不満はないけれど「テーマ自作した」記事をあちらこちらで見かけるようになって、どうしようかなぁ。。。と考えていたのです。 そして、3月17日。 ほこほこ、ね » [雑記] 27.いろいろやった休日 @spring_friendsさんオススメの教科書を勢いで買ってしまいました。。。 すごく分厚いよ……できるかなぁ。 … テーマ自作の教科書を購入して、、、 ほこほこ、ね » ローカルでWordPressを動かすために 自分のブログ(WordPress)のテーマを自
成果と結果。 結果には能力、相手、運や偶然などいろんな要素が含まれます。 しかし成果には相手、運や偶然はありません。 成果の積み上げが能力向上につながり、 いろんな要素が含まれても なお且つ求めるべき結果につなげることが成果の積み上げです。 成果と結果が同時に出ないことのほうが多く、 我々は結果で物事を判断してはだめですね。 確実な成果が上がっているかどうか、 成果を上げるための取り組みができているかどうかに対して、 我々は注意を払い続けなければいけません。 成果の上がる取り組みこそが成果につながり、 その成果が結果につながるのは必然ですね。 そして運や偶然までもが味方してくるのは、 成果の上がる取り組みをぶれることなく徹底的に取り組んでいる 選手やチームに与えられるご褒美です。 運は呼び込むものと考えています。 正しい方向性で、具体的な方法で、 量や強度のバランスが整い、 高い目的意識と
ここ数年のウェブ業界に、妙な違和感を覚えています。 特にこの2年あまりは、地元の勉強会などへ参加することが増えたのですが、そういう場では特に強く感じます。 みんな、何を焦っているの?? HTML5やCSS3はまだ仕様が決まっていないのに、みんなせっせと勉強しようとしている。 だけどそんなもの、すぐ覚えるでしょ? それより草案段階とかの不確定なものを覚えてしまうことのほうが問題だし、ベンダープレフィックスの山を築いた後、一体誰が掃除するの?できるの?しないの? もちろん、HTML5周辺APIなどはスクリプトであるゆえ、習得には時間が掛かると思う。 そうしたものを予習することはいいと思うけど、例えば「IEは対応していない」といった言い方は誤りであって、そのほかのブラウザが「いい加減な技術に対応してしまっている」ということ。 開発者っていうのは、いいオモチャが出来て喜んでいるのかも知れないが、少
HTML5とSEOについて「HTML5とか勉強会」で話してきました。 HTML5とSEOの関係についてまとめました。現段階ではあまり意味ありませんが、今後を考えるとHTML5のnav、aside、section等による論理構造化、セマンテック化はSEOに大きく影響する可能性が高い重要な事です。 4月25日に開催された、HTML5とか勉強会の第29回、「HTML5ビジネス最前線(B2C編)」のパネルディスカッションにパネラーとして参加しました。 HTML5とか勉強会は、HTML5の世界で高名な白石俊平さんが主催されている勉強会で、申し込み開始してもあっという間に100名以上が申し込んで満席になってしまう人気の勉強会です。 HTML5は私も勉強したいテーマですので、何度も申し込もうとしていましたが毎回撃沈。それを裏口参加(?)できただけでも嬉しいものでした。 私が参加した第28回は「HTML5
世の中に数あるフォントの中から最適なフォントを選ぶのは、その人のセンスや力量が問われ、なかなか難しいもの。時にはデザインに表情を出すために、違う書体を一つの紙面上で組み合わせることもあるかと思います。今回はそんなシーンで役立つ、欧文フォントの相性をゲーム感覚で調べることができるサイト「typeconnection」を紹介します。 ルーツの似ているフォントや、同じファミリーのフォントなど、たくさんあるフォントの中からの選定を助けてくれるツールとして活躍してくれそうです。 詳しくは以下 まずは書体を選び、そこから相性の良い書体を探すための方法を4つの中から選択します。歴史的な視点からの選定をしてくれるなど、他にはない選択肢が選べるのも特徴。今まで知らなかったフォントの事についても、一緒に深く学ぶことはできそうです。 今まで自身のセンスで選んでいたフォントを選ぶ時の参考にもなりますし、デザインの
This page provides an overview of all important pages on CatsWhoCode.
CSSのセレクタの記述例とそれがどのように適用されるか、実例を見ながら学べるサイトを紹介します。 各ブラウザのサポート状況も掲載されています。 Learn CSS Selectors interactively ※閉鎖してしまったようです(2014年11月)。 [ad#ad-2] サイトに掲載されているセレクタをいくつか紹介します。 :first-of-type この疑似クラスは、指定されたエレメントの最初の子エレメントにマッチします。 記述例 #target p:first-of-type {color: #36de4e;} 表示 対応ブラウザ Firefox Chrome Safari Opera Internet Explorer [ad#ad-2] :first-child この疑似クラスは、親エレメントの最初の子エレメントである場合のみマッチします。 記述例 #target p:
2014年8月17日 スマートフォン 「iPhone/iPadアプリを作るのは難しい」。デザイナーの人は特にそう思い込んでいませんか?確かに新しいプログラミング言語を習得するには時間がかかります。しかし、一度「楽しい!」と思えばこっちのものです。その気持ちだけで難しいものも簡単に乗り越えてしまえるもの。そう、もう無敵です!どんなアプリでも作れるようになります!ここではアプリの開発方法よりも、「どうやって楽しく学習できるか」に焦点を当ててみたいと思います。 ↑私が10年以上利用している会計ソフト! 準備しよう 必要なもの Mac OS Lion iOSアプリの開発は基本的にMac OSですすめることになります。Apple Storeでポチッちゃいましょう :P XCode 4 iPhone/iPadアプリの開発にはXcodeが必要になります。App Storeで最新のXcodeをダウンロード
Today’s article gathers 30+ CSS tutorials for beginners that will teach you some neat CSS tricks to improve your design skills. If you want to learn how to create 3D button styles, social link buttons, progress buttons, navigation menus, 3d typography, menus, and more, these CSS tutorials for beginners are just what you were looking for. Are you new to CSS? The initial process of learning this nif
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く