サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice
アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考：Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 （※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか？ 情報が見つからなかったので知ってる方は教えてください） また、viewportの数値はサイト側で指定できます。 スマホ
元はてな・GREEのプログラマ 伊藤直也が語る、ソーシャルメディアの功罪。［前編］ | キャリアハック（CAREER HACK）
「はてなブックマーク」の開発者であり、またGREEにてソーシャルメディア開発を指揮した経験も持つ伊藤直也さん。この10年、日本のWeb業界の第一線を走り抜けてきた彼は、「ソーシャルメディア」というものをどのように捉えているのだろうか？ 日本のソーシャルメディアを牽引してきた、トップエンジニア。 伊藤直也―。この10年、日本のインターネットビジネスの第一線で活躍しつづけてきた紛れもないトップエンジニアの一人だ。「はてな」の屋台骨を支えるCTOとして主要サービスである「はてなブックマーク」を開発。その後、フィールドを「GREE」に移し、ソーシャルメディア統括部長としてソーシャルゲーム・プラットフォーマーとしての急成長をエンジニアリングの面から支えた。 一方で、現在の「ソーシャルメディア全盛」の状況に対しては、やや懐疑的な立場をとることもあるのだという。それは一体なぜなのか？エンジニアとしてのキ
自分の心が疲れた時に、紙に書きだす15の言葉 - かちびと.net
地震やその関連のこともそうですが、ここ1年ほど、個人的に自分の身の回りで色々な事があって、普段あまり気にしない性格なのに少し心が病んでいたと、今になって振り返って実感したのですが、なんとなく思いついたことを紙に書き出すことで少し精神的に安定した気がしました。 元々僕は少し気にし過ぎる面があるので、ちょっとした自己啓発的なものを(依存しない程度に)与えないと不安定になるようです。という訳で、自分の心に効かせる15の安定剤を書いてみるテスト。 自分で思ったことだったり、どこかで見かけた言葉だったり、というものも含まれているかも知れませんが、よく脳裏によぎったり、紙に書き出す言葉です。イメージするだけでなく、紙に書きだす事で自分の心に強く言い聞かせます。 思ったより人は自分を見ていない 昔はコンプレックス（容姿も含めて）が多々有りましたが、ある時、叔父にこう言われて随分楽になりました。「お前、随
Open Sans
このサイトのボディの欧文フォントとして Google Web Fonts で提供されている Open Sans を使ってみることにした。Chrome ウェブストア とかで採用されてるので見たことある人も多いんじゃないでしょうか。 比較的ニュートラルだけど、g や t やイタリックの f あたりのクセが好み。5 ウェイトでそれぞれにイタリックがあり、計 10 通りのバリエーションがあるのもいいです。とは言え実際にはそこまで必要ないので、このサイトでは 400、400 のイタリック、700、700 のイタリックという 4 種に絞って利用。 Google Web Fonts のフォントファイルを読み込むには CSS の @import ルールや JavaScript の API を使う方法もあるけど、おそらく link 要素でのインクルードがいちばん手軽で速いと思います。 <link rel="
新テーマ: Twenty Twelve
2012年の WordPress デフォルトテーマ「Twenty Twelve」がいよいよ公開されました。WordPress.com をブログだけではなくいろんなコンテンツを管理するシステムとして使うというトレンドに沿った大きなホームページの変更が特徴です。 2010年から WordPress チームは毎年、その年の数にもとづいて「トゥエンティ何々」という名前の新しいデフォルトテーマを公開しています。その年のフラッグシップテーマとしての役割を持つデフォルトテーマには、大きな役目があります。今回の場合、ブログとしても Web サイトとしても機能すること、WordPress に欠かせない機能に細心の注意を払って対応していること、そしてもちろん、美しくワクワクするような見た目であること、といった点です。 それでは、2012年の新しい WordPress テーマの公開です。 Twenty Twel
Firefox Developer Edition
お使いのシステムは Firefox が動作する 要件 を満たしていません。 お使いのシステムは Firefox が動作する 要件 を満たしていません。 Firefox をインストールするには こちらの手順 に従ってください。 Firefox をダウンロード Firefox をダウンロード Firefox をダウンロード Firefox をダウンロード Firefox をダウンロード Firefox をダウンロード Firefox をダウンロード Firefox プライバシー
Flashテクノロジーの今後とあなたの人生とのかかわりについて
2012年8月29日に開催された第3回テックヒルズ 2012「Flashの終焉!?～Flashの今後を見抜く～」でつかった資料です。Read less
Google Web Fonts が IE で適切に読み込まれない
Google Web Fonts のウェブフォントには IE 8 以下でちょっとしたバグがある。このサイトでもずっと放置してたのをようやく直しました… <head> ... <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700"> ... </head> たとえば上記のように書けば、Open Sans のウェイト 400 (ノーマル) と 700 (ボールド)、そしてそれぞれのイタリックの計 4 書体が読み込まれる。あとは CSS でふつうに h1 { font-family: "Open Sans", sans-serif; font-weight: bold; } みたいな感じで指定が可能。 Fig 1: Open Sans on
CSS Twitter Bootstrapにチャレンジ 【入門編 第１回】 | TECH PROjin
CSS Twitter Bootstrapにチャレンジ 【入門編 第１回】 Twitterライクなデザインが簡単に作れる！ 話題のBootstrapとは？ Bootstrapの前に・・・ まずは自己紹介から 今回からCSSについてのブログを書かせていただく、kubotaと申します。 弊社へは7月中旬に転職してきたばかり。 前職までは、求人系（新卒・転職）にかかわる印刷物のデザインや、 Webのライティングを中心に手掛けてきました。職域を強いて言うなら、コピーライターでしょうか。 つまり、Webデザインについては見習い程度の知識しかありません。 HTML4以前のテーブルレイアウトから、時間が止まっている感じです。 そんな私でもCSSが簡単に扱えるようになる（かもしれない…）、 Twitter Bootstrapなるものが少し前から巷で話題になっていると聞き、 試してみようと思ったのがこのブロ
PHPをさわらず作る！デザイナーさんのためのWordPress【超！初級】
The document discusses various WordPress plugins, themes, and tools including Akismet, Contact Form7, Hello Dolly, and WP Super Cache. It also covers the Twenty Eleven theme, child themes, and how to import and export databases. Several WordPress development and administration tips are provided such as using PHP, CSS, and tools like WordBench.Read less
ユーザビリティを向上させる25のデザインの基本概念 デザイン会社 ビートラックス: ブログ
ビジネスにおけるユーザーインターフェイス(UI) や、ユーザーエクスペリエンス(UX)の重要性が頻繁に語られる事が多い。 Webサイトやアプリから始まり、自動販売機、券売機、車のダッシュボート、テレビ、トイレ、エレベーターのボタン配置に至るまで、”ユーザビリティー”と表現される ”使いやすさ” の大切さが注目を浴びている。 そして、その使い易さを生み出す最初の入り口がインターフェイスである。 インターフェイスとは、ヒトとデバイスとの円滑なコミニュケーションを達成するための媒介役であり、操作性や使い易さを印象づける点ではソフトやデバイスの成功を最も左右する、唯一無二の存在である。 今さら聞けないUI（ユーザーインターフェース) の基本 最終的なインターフェイスの仕事は “ユーザーゴール + ビジネスゴールの達成”であり、どんなに良いプロダクトを作っても正しい方向にユーザーを導き、ビジネスとし
その依頼、どの程度まで引き受けますか？ - すしぱくの楽しければいいのです。
公開日：2012年9月 4日 カテゴリ：マーケティング クライアントからの要望に対して、代替えを提示しても「できない」場合ってありますよね。 断る事も仕事のひとつですが、それには互いの信頼関係、現在の経営状態、会社の方針を加味した上で損益を勘定して対応します。今回の記事では「えっ・・そんな程度で依頼を断っちゃうの？」という融通が利かない方から、「そこまでは、やりすぎでしょう」っというブラックを通り過した方まで、実際にどの程度まで要望にお応えできるか？という事を書いてみました。 是非ともどのレベルまでやっちゃうのか、考えてみてくださいな。('A') どこまで仕事を受けますか？ 今回のお話ですが、Web制作会社に例えて作ろうかと思ったのですが、Web系以外の方にもやってもらいたいと思いまして、シチュエーションを某飲食チェーン店の店長（責任者）という立場だった場合としています。どこまでお客様の要
Inspiration - Web Design Ledger
Inspiration InspirationResourcesTrendsWeb DesignWordPress 10 Excellent WordPress Themes for 2024 Mark AdamsJanuary 4, 2024 InspirationResourcesTrendsWeb DesignWordPress Transform Your Website with These 10 Multipurpose WordPress Themes for 2023 Mark AdamsApril 27, 2023 Editors PickFeaturedInspirationResourcesWeb DesignWordPress 10+ Best WooCommerce Themes for 2023 Mark AdamsMarch 21, 2023 Inspirat
法政大学スマートフォンサイト
法政大学スマートフォンサイトをHTML5、SVGで制作。マルチデバイスサイトを管理 [Gomez大学サイトランキング2013 7位] 法政大学スマートフォンサイトをHTML5、SVGで制作いたしました。また、HTML5 CMS - Web Meister でPCサイトとスマートフォンサイトを同時に管理し、簡単に更新可能となっています。 http://mb.hosei.ac.jp/ 法政大学は「自由と進歩」という建学の精神を基礎に、激動する21世紀の難局を打開できる自立的で人間力豊かなリーダーの育成と時代の最先端を行く高度な研究を行う15学部を擁する日本有数の総合大学です。近い将来のWeb標準技術であるHTML5にいち早く取り組むことに協力いただき、今後のマルチデバイス対応のスタンダードモデルを構築することができました。 法政大学スマートフォンサイト特長 HTML5セマンティクスに対応 コン
想いをつなぐ編集力
『もしドラ』『スタバではグランデを買え！』ほか多数のベストセラーを手掛けたカリスマ編集者・加藤貞顕が、物事を進める「伝える力」やアイデアづくりのヒントを語るコラム。 不定期掲載
経営者が語るWebプロダクションの理想と現実
リーマンショック以降、周りでいくつもの会社が消え、もしくは部門を整理するなど、負の変化が見られました。倒産や縮小により転職を余儀なくされ、そういった理由で求人に応募される方も多くなりました。正直にお話しすると、昨年の震災直後に弊社でも8000万円程の案件が停止もしくは失注となり、非常に厳しい事態を経験しました（最終的には無事に黒字決算となりましたが）。 受託モデルである以上、Webプロダクションの利益率はどこもそう高くはないと思います。弊社（ワン・トゥー・テン・デザイン）は内制率が高く、外注比率が10〜15％程しかないため、人件費と販管費が原価の大半となります。それらは、ほぼ固定費のため、売り上げが落ちると当然赤字となり、逆に労働生産性には限界があるために大きな利益を短期間に確保することも難しく、通年で平均的な受注数調整を行う必要があります。ゆえに受託制作のみのビジネスモデルはローリスクロ
編集者の仕事は「影響力を最大化する」こと - 週刊アスキー
みなさん、こんにちは。加藤貞顕というものです。 これまで、いくつかの出版社に編集者として在籍して、雑誌や本をつくってきました。いまは、株式会社ピースオブケイクというデジタルコンテンツの有料配信のしくみをつくる会社を経営しています。 この『週アスPLUS』の運営主体である、アスキー・メディアワークスに在籍していたこともあり、それが縁でこの原稿を依頼されたというわけです。 アスキー・メディアワークス在籍時は、パソコン雑誌や書籍『英語耳』シリーズを担当し、その後、別の会社では書籍の編集をしていました。とくによく売れた本をいうと『スタバではグランデを買え！』や『もし高校野球の女子マネージャーがドラッカーの『マネジメント』を読んだら』などがあります。また、それといっしょに電子書籍の編集などもやることになり、今の会社をつくるに至るのですが、それはまたいずれ。 この連載では、編集の仕事を通じて体験した「
text-rendering: optimizeLegibility
WordPress の次期デフォルト・テーマ、Twenty Twelve の CSS を見ていたら、body 要素に text-rendering: optimizeLegibility という見慣れないプロパティが指定されていたのでちょっと調べてみました。 The ‘text-rendering’ property – SVG 1.1 (Second Edition) text-rendering | Mozilla Developer Network Cross-browser kerning-pairs & ligatures CSS Text-Rendering | Trent Walton text-rendering プロパティは CSS ではなく SVG の仕様に定義されています。現在のところ利用できるブラウザは Firefox、Chrome、Safari。指定できる値は a
IT勉強会で利用できる会場一覧・まとめ | Doorkeeper
IT勉強会の会場 勉強会の会場として、ご利用いただける会場の一覧です。 会場の詳細・ご利用等につきましては、各企業までお問い合せ下さい。
米国人からコーディングについての怒りのメールを頂戴した - その手の平は尻もつかめるさ
"米国人からコーディングについての怒りのメールを頂戴した" の補足 - その手の平は尻もつかめるさ ↑の方で補足いたしました。(2012.09.04 追記) 最近、英語のメールでよく怒られます。moznion です。 海を隔てて共同作業しているアメリカ人から、僕のコーディングについてお叱りのメールを頂いたので、 自戒の念を込めて邦訳して記します。 書いてあることは「当然」とも言うべき内容ですが、僕はその「当然」も守れていなかったのかぁ〜と反省。 以下、邦訳(意訳)です。 1. 郷に入っては郷に従え 既にソースコードが存在しているって事は、そこには同時にコーディングスタイルも存在しているってことだ。 その既存のソースコードに手を加える場合、別のコーディングスタイルを導入してはならない。 もし君がバックエンドのソースコードを弄っているなら、バックエンドのコーディングスタイルで記述するんだ。 フ
クリエイティブ・コモンズのライセンスに非営利や改変禁止は必要ない？ - YAMDAS現更新履歴
Students for Free Culture - Stop the inclusion of proprietary licenses in Creative Commons 4.0 現在バージョン 4.0 ライセンスの策定を行っている Creative Commons だが（日本版は未だバージョン2.1で止まったままだが……）、これに非営利（NonCommercial、NC）や改変禁止（NoDerivs、ND）は要らないのではないかという意見が Slashdot や LWN.net で話題になっている。 乱暴に要約すれば NC や ND といった制約はフリーカルチャーを推進するライセンスに相応しくないし、これらはライセンスに対する誤解を生む元になっているというもので、実はかつてリチャード・ストールマンもかつて似た趣旨の発言をしている。 私はもうクリエイティブ・コモンズを支持していな
Sass - チュートリアル
この文書は古いSassウェブサイトに載っていたチュートリアルの訳で、2013年12月現在もう新しいウェブサイトには存在しません。新しいウェブサイトでのチュートリアルにあたるSassの基本の日本語訳を参照してください。 Translation of: Sass - Tutorial Ruby と Sass のインストール まず、Sass がちゃんと動作するようにします。OS X を使用しているのなら、既に Ruby がインストールされているでしょう。Windows ユーザーならば Ruby のWindows インストーラーで、Linux ユーザーならパッケージ・マネージャーでそれぞれ Ruby をインストールすることが出来ます。 Ruby のインストールが完了したら、以下のようにして Sass のインストールを行います: gem install sass 最初の Sass スタイルシート 非
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Macで欧文書体の引用府（ダブルクオート）を打つ方法 – creamu
http://www.akiyan.com/bootstrap-history/
10 Cool CSS Tricks and Techniques
Password Protection
CSS 20 stunning examples of CSS 3D transforms
http://www.splashnology.com/article/responsive-web-design-is-it-really-so-good/6346/