OpenCU
本イベントは、主催者の都合により延期となりました。再度、開催する場合、本ページにてお知らせいたします。 opencu事務局/2018.5.18 国籍や勤務地に縛られない働き方が浸透してきた現在。従来の日本に… 2018年05月23日 19:30-21:30 loftwork COOOP 10 （渋谷区・道玄坂） May.07.2018 UP プロダクト制作、Webサイト構築、商品プロモーション、ステージ公演、公共事業など…世の中は多種多様、大小のプロジェクトが実施されています。プロジェクトとはそもそも“何らかの目標を達成するために有限で行われる計画や実施作業… 2018年05月09日 19:30-21:30 loftwork COOOP 10 Apr.12.2018 UP 拡大を目指すスタートップや投資家にとって、もはや「海外進出」という言葉すら意味が無くなってきてる昨今。真に価値
DESIGNTIDE TOKYO 2012
会場構成 Concept of main venue 今年のメイン会場・会場構成を手掛けるのはインターデザインアーティストの織咲誠氏。コンセプトは「ゆるいわく」- outlining。 For this year, Makoto Orisaki whom describes himself as an "inter-design artist" has commissioned to design the main venue. His concept is "outlining." インタビュー Interview 今年のメイン会場で使用される素材は、誰にとっても馴染みのあるプチプチ®。この素材を提供くださった川上産業に織咲氏が話を聞いた。 Bubble wrap- commonly called PutiPuti® in Japanese- is the material used f
商用利用も無料！紙や布地・デニム地などの癒し系のパターン素材
以下、ダウンロードできる素材はPhotoshop用のパターン（PAT）で、CS3にも対応しています。 ※CS6でももちろん使えます。 素材は全て個人でも商用でも無料で利用できます。 詳しくはダウンロードファイルの「license.txt」をご覧ください。
width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。（CSS おれおれ Advent Calendar 2012 – 05日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 05日目 横幅いっぱいに広げようとしてwidth:100%を指定したら横スクロールバーが出ちゃった、という経験ありませんか？ その原因と仕組み、回避策についてお話しします。 わりとFAQな感じ。これは是非覚えておいてもらいたいです。というか知っておいてください。 はみ出した例 position:absoluteないしposition:fixedを使った際にこうなっちゃう事が多いと思います。 上部から出てきたメッセージ欄、横にはみ出てますね。 でも指定はちゃんとwidth:100%です。「幅いっぱい」を指定しているのに、どうしてはみ出てしまったんでしょうか。 「幅」が意味するところ 実はCSSの仕様が定めるところの「幅」というのが、我々が視覚的に認知している「幅」と異なっているのが原因です。 CSSではこんなものを定めています。
三越伊勢丹がファッションサイト立ち上げへ "協力から競合に"で悲喜交々
東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る
CSSとJavaScriptどちらでも実装できるけど、どのように使い分けるのがよいかの解説
CSSでもJavaScriptでもできるけどどちらを使おうか、CSSとJavaScriptどのように使い分ければいいのだろうか、二つのうまい関係を構築するテクニックを紹介します。 Building A Relationship Between CSS & JavaScript 下記は 各ポイントを意訳したものです。 はじめに スタイルの定義はCSSで：JavaScriptからCSSを遠ざける ユーザエクスペリエンスを犠牲にしないで使い分ける CSSとJavaScriptの使い分けの大切なポイント はじめに JavaScriptには数多くのライブラリ、jQuery, Prototype, Node.js, Backbone.js, Mustacheなどあり、非常に人気が高いです。これらは実際に非常に多く利用されており、時間をかければもっとよい方法があるかもしれないところでもそれらを使ってしま
コンセプトが無いデザインは味の無い料理と一緒。という話。
こんばんは。 大人の階段建設中。WP-オレンジです。 前回「売掛金回収！少額訴訟してみたよ。」と言う記事をこそーり書いたのですが、まぁ書いた本人の予想をぶっちぎって人気記事となりやがって、今後がやりにくいじゃねぇか。と思っている今日子の五郎です。 さてさて。 今回はごく最近やったロゴマークの実際の行程を書いてやろうじゃないか。 っちゅー事で、12月1日にオープンしたばかりの「大宮コワーキングスペース Office7F（オフィス ナナエフ）」をサンプルに、普段どんな感じで作ってんのよ？ てかホントにデザインて時間かかんの？ ぱぱっと思いつきで出来るんちゃうん？ 結局ぼったくりかよ！ という皆さんの為に。 7Fのステm(ry ではなく。 結構苦労してんだぜって所をサラっと書いてみます。 まずは何をおいてもコンセプト！ 基本項目として、必要な情報は整理したいところですよな。 社名の由来、ターゲッ
BrandColors
Close Modal About BrandColors BrandColors was created by DesignBombs. The goal was to create a helpful reference for the brand color codes that are needed most often. It's been featured by Smashing Magazine, CSS-Tricks, Web Design Depot, Tuts+, and over 2 million pageviews. There are now over 600 brands with 1600 colors and the collection is always growing.
6 Options for Low Budget Web Design / Development Projects
2014年7月23日 Webサイト制作, フリーランス Webサイト制作の依頼を受ける上で、クライアントの中には相場が分からず、必要最低額を遥かに下回る予算を提示する方もいます。多くの場合は必要な作業内容やかかる時間を説明すれば納得して頂けますが、時々「タダでできて当たり前」を前提とする方もいます…。うむむ。タダ…はちょっと行き過ぎですが、なるべく低予算のクライアントにも満足してもらいたいですよね。予算にあわせてできることがないか、考えてみました。 ↑私が10年以上利用している会計ソフト！ 1. 実装する機能を絞る 「必ず取り入れたい機能」「できれば取り入れたい機能」「取り入れられたら嬉しい機能」と、要望の優先順位を話し合い、予算に応じてできないものは思い切って削除したり、違う方法を考えて予算内に収まるように検討します。「時間 vs お金 vs クオリティ」でも書いたように、取り入れたい要
DrillSpin （ドリルスピン）
DrillSpinは事業構造の検討を行なうため、 現在、すべてのコンテンツページが 非表示となっております。 表示再開までしばらくの間お待ちください。 2018年6月29日 DrillSpin
2012年 はてブ数ランキングベスト５０ – 今年中に見ておきたい良記事まとめ | Web活メモ帳
2012年にはてなで話題になった記事やWEBサービスを 1位から50位までブクマ数順にランキングを付けてみました。 2012年はてなブックマーク数ランキング５０ 僕は自分が思っていたほどは頭がよくなかった – しのごの録 クックパッド史上、最もはてなブックマークのついたおかず＆ご飯系レシピ25選 | little_shotaro’s blog 無料で聴けて、もう作業用BGMに困らない。ミュージックビデオを次々に流してループしてくれる個人的に超オススメサイト / Maka-Veli .com 仕事でExcel使うなら必ず読んでおきたい記事まとめ – NAVER まとめ アイデアを大量生産できる最強のフレームワーク「オズボーンのチェックリスト」 | お土産屋さんブログ Excelの使い方 – NAVER まとめ 女子力アップ！男子も必見！絶対チェックすべき人気まとめのまとめ – NAVER ま
使いこなして効率アップ！ Gmailに関するお役立ち記事まとめ | ライフハッカー・ジャパン
フリーメール「Gmail」は、10GB以上の保存容量を持ち、PC／モバイルを問わずアクセスでき、無料で使える優れたサービスです。メインの連絡手段として使用している方もいるでしょうし、すでに持っていたアドレスをGmailに割り当てている方もいるでしょう。強力な検索機能やChromeとの連携も使えるポイントです。 この記事では、「読んだあとに即行使えるテクニック」をはじめ、「もっと便利に使うためのサービスや機能」、「ツールとして使う方法」まで、ライフハッカーがお届けしたGmailに関する記事をまとめ、新しい情報が出たら更新していきます。この記事をブックマークして、ぜひチェックしていってください。 （目次） ［1］読んだあとに即行使えるテクニック ［2］もっと便利に使うためのサービスや機能 ［3］Gmailを「ツール」として使う方法 ［4］おまけ ［1］読んだあとに即行使えるテクニック ・Gma
ブロガーがSEOとか気にするなら意識しておきたい超大事なこと | 男子ハック
@JUNP_Nです。ペンギンアップデートやパンダアップデートでGoogleからの検索流入が低下したというbloggerは意識しておきたい、超基本的なこと。言われてみると当たり前だけれど、言われてみないと気がつかないことを改めて再確認してみたいと思います。 Googleが考える良質なサイトとは？ 「Google ウェブマスター向け公式ブログ」を読んだことはありますか？ 上記サイトの記事に以下のようなことが書かれています。 良質なサイトを作るためのアドバイス あなたはこの記事に書かれている情報を信頼するか？ この記事は専門家またはトピックについて熟知している人物が書いたものか？ それとも素人によるものか？ サイト内に同一または類似のトピックについて、キーワードがわずかに異なるだけの類似の記事や完全に重複する記事が存在しないか？ あなたはこのサイトにクレジット カード情報を安心して提供できるか？
『モバイル時代におけるCSSの設計と実装』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、こんにちは。 ネット総合事業本部プラットフォームDivの斉藤です。 今回は私の所属している部署からは初の1pixelへの寄稿となるそうです。 CSS開発のアプローチほぼ同時期にモダンウェブ開発に欠かすことが出来ないと言われるようになったJavaScriptと比べると、CSSにおける設計、という話題はなかなか出てきません。 単純なウェブサイトを作る際にはあまり気にしてこなかった部分ですが、ウェブアプリを制作している我々の仕事には欠かすことが出来なくなってきています。 ほかのプログラミング言語に比べると圧倒的に非力な言語だからこそ、ほかのプ
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
美しく文字を組む
タイポグラフィとは Webデザインの世界では、デザイン教育を受けたことがないデザイナーが大勢います。始めたきっかけはHTMLの勉強からだったり、もともとプログラマーだったりと、その背景はさまざまです。これはWebが、プログラムや動画など、ほかのメディアよりもジャンルの要素が多いためではないでしょうか。 筆者も同じく学生時代にデザインの教育は受けていません。デザイン会社の現場で、実践とともにデザインを学んできました。しかし、デザインの仕事を始めてからスキルアップのため、重要性・必然性にかられて正式に学んだものの1つにタイポグラフィがあります。 タイポグラフィとは、デザインの中で文字を扱う技術、もしくは文字にかかわる知識・学術のことを指します。例えば、レイアウトを行う際に、美しい書体を選択することや、字間のバランスを整えて、読みやすさと視認性を高める技術がこれに該当します。 現在の商業デザイン
日本語組版とつきあう - JAGAT
1）組版を見る目を鍛えよう （2011.9.10） 2）文字サイズの単位はポイントか級か （2011.10.10） 3）原則と応用（2011.11.10） 4）基本版面の設定と文字の配置（2011.12.10） 5）縦組に挿入する欧字の向き（2011.12.27） 6）欧文用文字の字幅（2012.1.10） 7）小書きの仮名（2012.2.10） 8）JIS X 4051（日本語文書の組版方法）（2012.3.10） 9）二分ダーシ（2012.4.10） 10）中点（2012.5.10） 11）パーレン、ブラケット（括弧類1）（2012.6.10） 12）ダブルミニュート、ダブル引用符（括弧類2）（2012.7.10） 13）クォーテーションマーク（括弧類3）（2012.8.10） 14）ルビの配置法と自動処理 （ルビ1）（2012.9.10） 15）モノルビ・グループルビ・熟語ルビ（ルビ
連載『嘘じゃない、フォントの話』(supported by モリサワ) 第10回：文字が動き出す。ー「組版」の世界ー | CINRA
『嘘じゃない、フォントの話』 連載『嘘じゃない、フォントの話』(supported by モリサワ) 第10回：文字が動き出す。ー「組版」の世界ー 突然ですが、書籍や雑誌で長文が並んでいる様を思い出してみてください。ページ一面にビッシリと並ぶ文字。本によって、文字の大きさや使われているフォントも様々です。たとえば子ども用の絵本であれば、大きくて優しい文字が１ページにゆったりと組まれていることが多く、反対に新聞ではところ狭しと堅そうな文字が並んでいます。今回の連載では、文章の読みやすさや性格を生み出している「文字組み＝組版」の世界を紹介します。 単語と単語の間にスペースがある英語と違い、日本語は切れ目が無く、文字で埋め尽くされています。それではなぜ、文字で埋め尽くされたページを長時間読み続けることができるのか。そこには、文字情報を人に伝達するために生まれた「組版」のノウハウが詰まっています。
フォント毎に差異のあるツマり具合 - なんでやねんDTP・新館
参考までに各種カーニング設定のフォントによる相違をBooster005のフォローpdfより再掲しておく。 ●このフォント（小塚明朝B）ではペアカーニングの設定が甘いため、差が判然としないのだが…… 一番上のプロポーショナルメトリクスは、Font内部のプロポーショナル情報に基づいてツメられ、メトリクスはそれに隣り合った文字毎に特有のペアカーニング情報（括弧書き部分）を加味してツメる（これもFont内部に情報がある）。 このFontの場合はあまりペアカーニングの設定がないが、全体的なバランスはとれてはいる。 ※オプティカルはInDesignが判断する。 ●ペアカーニングの設定が有りそうな文字を並べてみたが…… Font内部の情報の出来が悪いと言ってしまってもいいのだが、この場合はオプティカルがベストなように思われる。 ●フォントを変更してみる…… この辺りまでは、さらにシビアにツメるベースとす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Google 年間検索ランキング 2012 – Google