å®—åƒ èª ä¹‹ 日経ビジãƒã‚¹è¨˜è€… 日経コミュニケーションã€æ—¥æœ¬çµŒæ¸ˆæ–°èžç¤¾ç”£æ¥éƒ¨ã€æ—¥çµŒã‚³ãƒ³ãƒ”ュータを経ã¦ã€2013å¹´1月ã‹ã‚‰æ—¥çµŒãƒ“ジãƒã‚¹è¨˜è€…。 ã“ã®è‘—者ã®è¨˜äº‹ã‚’見る
ãªãœã€Œã‚¢ã‚¯ã‚»ãƒ«ã¨è¸ã¿é–“é•ãˆãªã„ブレーã‚ã€ãŒæ™®åŠã—ãªã„ã®ã‹ï¼šæ—¥çµŒãƒ“ジãƒã‚¹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³
å®—åƒ èª ä¹‹ 日経ビジãƒã‚¹è¨˜è€… 日経コミュニケーションã€æ—¥æœ¬çµŒæ¸ˆæ–°èžç¤¾ç”£æ¥éƒ¨ã€æ—¥çµŒã‚³ãƒ³ãƒ”ュータを経ã¦ã€2013å¹´1月ã‹ã‚‰æ—¥çµŒãƒ“ジãƒã‚¹è¨˜è€…。 ã“ã®è‘—者ã®è¨˜äº‹ã‚’見る
CREATE NOW DESIGN TOUR『CS VS CC 徹底比較セミナーã€
CREATE NOW DESIGN TOUR『CS VS CC 徹底比較セミナーã€ã§ã¯ã€ã¾ã Creative Cloudã¸ç§»è¡Œã—ã¦ã„ãªã„ デザインã€å°åˆ·ã€DTPユーザー㫠ãœã²çŸ¥ã£ã¦ã„ãŸã ããŸã„セッションをã”用æ„ã—ã¾ã—ãŸã€‚セミナー開催地ã¯å…¨å›½5カ所。 第一線ã§æ´»èºã™ã‚‹ãƒ—ãƒãƒ¦ãƒ¼ã‚¶ãƒ¼ã« éŽåŽ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã®æ¯”較デモを披露ã—ã¦ã„ãŸã ã他〠å„開催地ã®åœ°å…ƒã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚„å°åˆ·ä¼šç¤¾æ§˜ã«å°Žå…¥äº‹ä¾‹ã‚’ã”紹介ã„ãŸã ããªã© ã€ã“ã“ã§ã—ã‹èžã‘ãªã„価値ã‚ã‚‹æƒ…å ±ã‚’ãŠä¼ãˆã—ã¾ã™ã€‚セミナー開催日・開催地・募集定員 2014å¹´2月7æ—¥(金) 　 æ±ã€€äº¬ã€€å®šå“¡100å 2014å¹´2月12æ—¥(æ°´)　ç¦ã€€å²¡ã€€å®šå“¡100å 2014å¹´2月19æ—¥(æ°´)　åå¤å±‹ã€€å®šå“¡120å 2014å¹´2月20æ—¥(木)　大　阪　定員130å 2014å¹´2月26æ—¥(æ°´)　æœã€€å¹Œã€€å®šå“¡100å å‚åŠ è²»ï¼šç„¡ æ–™ 主　催：アドビ システムズ æ ªå¼ä¼š
ズルã„デザインテクニック2013 + セミフラット version
[大阪] プãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘デザイン勉強会ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ http://connpass.com/event/3086/ --- [ã‚ã‚ã›ã¦èªã¿ãŸã„] KSSã§ä½œã‚‹ãƒ‘ターンライブラリ by @machida https://speakerdeck.com/machida/k…
「ズルã„デザインã€é–¢é€£ã®æœ€æ–° ニュース・レビュー・解説 記事 ã¾ã¨ã‚ - ITmedia Keywords
ズルã„デザイン（4）： ズルã„デザインテクニックを生ã‹ã—ã¦ä½œã‚‹ã€æ±Žç”¨æ€§ã®ã‚るズルã„ボタンデザイン 今回ã®ãƒ†ãƒ¼ãƒžã¯ã€Œã‚ºãƒ«ã„ボタンã€ã€‚ã“ã‚Œã¾ã§ã®é€£è¼‰ã§å‡ºã¦ããŸæ•°ã€…ã®ã‚ºãƒ«ã„デザインテクニックを駆使ã—ã¦ä½œæˆã—よã†ã€‚（2013/9/12） ズルã„デザイン（3）： box-shadowã§è¡¨ç¾ã™ã‚‹ã€ã€Œã‚»ãƒŸãƒ•ãƒ©ãƒƒãƒˆã€ãªã‚ºãƒ«ã„デザインテクニック box-shadowを活用ã—ãŸå„種ボックス表ç¾ã®ä½œã‚Šæ–¹ã‚’紹介。フラットデザインã®ä¸ã§ã‚‚é•å’Œæ„Ÿãªã使ãˆã‚‹ã€Œã‚„ã‚Šã™ãŽã¦ã„ãªã„立体感ã€ã¨ã¯ï¼Ÿï¼ˆ2013/8/21） ズルã„デザイン（2）： Sassã‚„Compassを使ã£ã¦ã€ã‚ºãƒ«ã„デザインテクニック Sassã‚„Compassを使ã£ã¦ã€å°‘ãªã„手間ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsを紹介。グラデーションã€è§’丸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨ã¯ï¼Ÿï¼ˆ2013/2/27） ズルã„デザイン（1）： å°‘ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹
デザインã¨ç½«ç·š
ãŠã¨ã¨ã„ã«å¼•ã続ã 「見ãˆãªã„ã‚‚ã®ã‚’暗示ã•ã›ã‚‹ç½«ç·šã€ã® 第2回目ã§ã™ã€‚ ã“ã¡ã‚‰ã¯ã€Žãƒ”カイãƒäº‹å…¸ãƒ»ã‹ã‚‰ã ã®é“具篇2010-11年版ï¼5æ³è‹¥ã„自分ã«æˆ»ã‚‹æœ¬ã€ （カタãƒã‚°ãƒã‚¦ã‚¹ï¼‰ã¨ã„ã†æœ¬ã€32ページã®å…¨ä½“をスã‚ャンã—ãŸã‚‚ã®ã§ã™ã€‚手首ã®å†™çœŸã«æ³¨ç›®ã€ä¸‹ã«ç½«ç·šãŒç”¨ã„られã¦ã„ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã£ã¦ã€æ‰‹é¦–ãŒä½•ã‹åˆ¥ã®å ´æ‰€ï¼ˆæœºã®ä¸‹ãªã©ï¼‰ã‹ã‚‰å‡ºã¦ããŸã‹ã®ã‚ˆã†ã«æš—示ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã™ã€‚ ▲試ã—ã«ç½«ç·šã‚’消ã—ã¦ã¿ã¾ã—ãŸãŒã€ çªç„¶æ‰‹é¦–ãŒå‡ºã¦ãã‚‹ã¨ã€ ãªã‚“ã‹ã‚°ãƒãƒ†ã‚¹ã‚¯ã«è¦‹ãˆã¾ã›ã‚“ã‹ï¼Ÿ ▲やã¯ã‚Šç½«ç·šãŒã‚ã‚‹ã‚‚ã®ã®ã»ã†ãŒå®‰å¿ƒã—ã¦è¦‹ã‚‰ã‚Œã¾ã™ã€‚ ……ãªã‚“ã§ã™ã‘ã‚Œã©ã€ï¼ˆã“ã‚Œã¯ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã‚‚言ãˆã‚‹ã“ã¨ãªã®ã§ã™ãŒï¼‰ã©ã®å ´åˆã«ãŠã„ã¦ã‚‚罫線を使ãˆã°è‰¯ã„ã‹ã¨ã„ã†ã¨ã€ã‚„ã¯ã‚Šãã†ã„ã†ã‚ã‘ã§ã‚‚ãªãã¦ã€ç½«ç·šã‚’使ã†ã“ã¨ãªãã€ä»¥ä¸‹ã®ã‚ˆã†ã«è¡¨ç¾ã•ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ â–²ç¸ã¨å½±ã‚’ã¤ã‘ã¦ã€å†™çœŸã‚’切り抜ã„ãŸã“ã¨ã‚’å‰é¢ã«æŠ¼ã—出ã™åŠ 工。ã‹ã‚ã„ã„系・ãƒ
Firefoxã§é–‹ã„ã¦ã„るページをChromeã§ã‚‚é–‹ã‘るアドオンãŒåœ°å‘³ã«ä¾¿åˆ© | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
Chromeã¨Firefoxã€ã“ã®2ã¤ã®ãƒ–ラウザを並行ã—ã¦ä½¿ã£ã¦ã„る人もã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚Firefoxã§ä»Šã¾ã•ã«é–‹ã„ã¦ã„るページをChromeã§ã‚‚é–‹ããŸã„ã¨ã„ã†äººã¯ã€ã“ã“ã§ç´¹ä»‹ã™ã‚‹ã€ŽOpen In Chromeã€ã¨ã„ã†Firefox用アドオンãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ ツールãƒãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã ã‘ã§ã€Firefoxã§é–‹ã„ã¦ã„るページをChromeã§é–‹ã‘ã¾ã™ã€‚Open In Chromeã¯ã€Firefoxã§ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ã“ã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’表示ã™ã‚‹ã«ã¯ã€ãƒ„ールãƒãƒ¼ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€Œã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€ã‚’é¸ã³ã¾ã—ょã†ã€‚ ç”»é¢ä¸‹éƒ¨ã«Open In Chromeã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚ã‚‹ã®ã§ã€ã“れをツールãƒãƒ¼ã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¦è¡¨ç¤ºã•ã›ã¾ã™ã€‚ Firefoxã§ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦ã„る状態ã§Open In Chromeã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã¨ã€åŒãƒšãƒ¼ã‚¸ãŒChromeã§è‡ªå‹•çš„ã«é–‹ãã¾ã™
WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu
Tweet * WhatFont is not affiliated with MyFonts and/or the WhatTheFont service. ↠Back to Chengyin's main page What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away. Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on. To embrace the new web font
レスãƒãƒ³ã‚·ãƒ–Webデザインã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ç°¡å˜ã«ä½œæˆã§ãる「Adobe Edge Reflowã€ã®ä½¿ã„æ–¹
ã“ã®ã‚ˆã†ã«@mediaを使用ã—ã¦å‡ºåŠ›å…ˆã‚„解åƒåº¦ã€ã‚µã‚¤ã‚ºãªã©ã§æ¡ä»¶åˆ†å²ã‚’ã—ã¦ã„ãã€å¿…è¦ã®ãªã„è¦ç´ ã‚’éžè¡¨ç¤ºã«ã—ãŸã‚Šã—ã¦ã€è¦‹æ „ãˆã‚’切り分ã‘ã¦è£½ä½œã—ã¦ã„ãã¾ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–Webデザインã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ å‰è¿°ã®ã¨ãŠã‚Šã€RWDã§ã¯åŒã˜CSSファイルã§å„デãƒã‚¤ã‚¹ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’共有ã—ã¾ã™ã€‚ãã®ãŸã‚ã€å…±æœ‰ã—ã¦ã„るスタイル変更ã®å½±éŸ¿ã‚’å—ã‘ã‚„ã™ãã€åˆ¶ä½œã‚’デスクトップã¨ãƒ¢ãƒã‚¤ãƒ«ã§åˆ†æ‹…ã—ã¦ã„ã‚‹å ´åˆãªã©ã¯ç´°ã‹ã„レギュレーションを最åˆã«æ±ºã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã¨ã¯ã„ãˆã€ãƒ¢ãƒã‚¤ãƒ«ã¨ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚’HTMLã‹ã‚‰åˆ‡ã‚Šåˆ†ã‘ãŸå ´åˆã€å®Œæˆå¾Œã®æ›´æ–°ã®æ‰‹é–“も二é‡ã«ã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã™ã€‚CSSã§åˆ†å²ã—ã¦å¿…è¦ãªãƒ—ãƒãƒ‘ティã®ã¿ä¸Šæ›¸ãã—ã¦ãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©åŒ–ã™ã‚‹ã ã‘ã§åŒã˜ç´ æを共有ã§ãã‚‹ã“ã¨ã¯ã€ã‚µã‚¤ãƒˆé‹å–¶è€…ã«ã¨ã£ã¦éžå¸¸ã«é…力的ã§ã™ã€‚ RWDã®ãƒ¡ãƒªãƒƒãƒˆ デãƒã‚¤ã‚¹ã”ã¨ã«åˆ‡ã‚Šåˆ†ã‘ãš1ã¤ã®HTMLファイルã§ç®¡ç†å¯èƒ½ スタイルを共有ã—ã¦ãƒ†ã‚¤ã‚¹ãƒˆã®çµ±ä¸€æ€§
イラレã§Webデザインをã•ã‚Œã‚‹æ–¹ã«ãŠé¡˜ã„ã—ãŸã„7ã¤ã®ã“ã¨ã€‚
普段ã¯DTPをメインã«ã‚„ã£ã¦ã„ã¦ã€ãŸã¾ã«Webã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã™ã‚‹ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã¯ã€ Illustratorã§Web用ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—を作るã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ 別ã«Illustratorã‹ã‚‰ã§ã‚‚コーディングã¯ã§ãã‚‹ã®ã§ã™ãŒã€å¾Œå·¥ç¨‹ã®äººã‚’困らã›ãªã„ãŸã‚ã«ã€ ã¡ã‚‡ã£ã¨ã ã‘æ°—ã«ç•™ã‚ã¦ãŠã„ã¦æ¬²ã—ã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ １．色モードã¯RGBã§ã€‚ 普段DTPã‚’ã‚„ã£ã¦ã„ã‚‹ã¨ã¤ã„CMYKモードã®ã¾ã¾ã§ä½œã£ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã§ã‚‚Webã¯RGBã®ä¸–ç•Œã§ã™ã€‚変æ›ã™ã‚‹ã¨æ„図ã—ãŸè‰²ã«ãªã‚‰ãªã‹ã£ãŸã‚Šã—ã¾ã™ã®ã§ã€ 最åˆã‹ã‚‰RGBã§ä½œã£ã¦ãã ã•ã„。埋ã‚込む画åƒã‚‚åŒã˜ã§ã™ã€‚ ２．ã©ã“ãŒãƒ‡ãƒã‚¤ã‚¹ãƒ•ã‚©ãƒ³ãƒˆãªã®ã‹åˆ†ã‹ã‚‹ã‚ˆã†ã«æŒ‡ç¤ºã‚’。 ç´™ã®ä¸–ç•Œã§ã¯æ–‡å—ã¯æ–‡å—ã§ã—ã‹ã‚ã‚Šã¾ã›ã‚“ãŒã€Webã®ä¸–ç•Œã§ã¯ã€Œãƒ†ã‚ストデータã€ã«ã™ã‚‹ã®ã‹ 「画åƒã€ã«ã™ã‚‹ã®ã‹æ±ºã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。本文ã¯åŽŸå‰‡ã€Œãƒ†ã‚ストデータã€ã§ã™ãŒã€ 判æ–ã«å›°ã‚‹
第一回プãƒã‚°ãƒ©ãƒžå‘ã‘デザイン勉強会を開催ã—ã¾ã—㟠- satococoa's blog
10/27(土)㫠第一回プãƒã‚°ãƒ©ãƒžå‘ã‘デザイン勉強会 を開催ã—ã¾ã—ãŸã€‚ ã“ã®å‹‰å¼·ä¼šã¯æ¯Žæœˆã‚„ã£ã¦ã„ã‚‹ デザイナーå‘ã‘プãƒã‚°ãƒ©ãƒ 部 (P4D) ã®é€†ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠã•ã‚“ã«ãƒ—ãƒã‚°ãƒ©ãƒžãŒãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ•™ã‚ã‚‹ã¨ã„ã†è¶£æ—¨ã§é–‹å‚¬ã—ã¾ã—ãŸã€‚ ãã—ã¦è¬›å¸«å½¹ã¨ã—ã¦ã€ã„ã¤ã‚‚P4Dã®æ–¹ã§ã‚‚ãŠä¸–話ã«ãªã£ã¦ã„ã‚‹ @machida ã•ã‚“ã€@ken_c_lo ã•ã‚“ã€@saucerjp ã•ã‚“ã®3人ã«ãŠé¡˜ã„ã—ã¾ã—ãŸã€‚ ã‚‚ã£ã¨ã‚‚ã“ã®3人をã¯ã˜ã‚ã€P4Dã«å‚åŠ ã•ã‚Œã¦ã„るデザイナã•ã‚“ã¯æ™®é€šã«JSã‚„Flashã€ObjCãªã‚“ã‹æ›¸ã„ã¦ã„ãŸã‚Šã—ã¦å˜ã«ãƒ‡ã‚¶ã‚¤ãƒŠã¨å‘¼ã‚“ã§ã„ã„ã®ã‹ã©ã†ã‹ã¯æ€ªã—ã„ã¨ã“ã‚ã§ã™ãŒã€‚ Railsエンジニアã®ãŸã‚ã®Twitter Bootstrapカスタマイズ例 ã¾ãšã¯@machidaã•ã‚“ã®Twitter Bootstrapã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºä¾‹ã®è©±ã‹ã‚‰ã§ã—ãŸã€‚ ã“ã®ãƒ†ãƒ¼ãƒžã¯P4Då‚åŠ ã®ãƒ—ãƒã‚°ãƒ©ãƒžã‹ã‚‰ã—ãã‚Šã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®
å°‘ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック// Speaker Deck
å°‘ãªã„手間ã¨çŸ¥è˜ã§ãã‚Œãªã‚Šã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
ノンデザイナーã®ãŸã‚ã®é…色ç†è«–
2. ã‚ãŸãã— ãŠã°ã‚‰ ã¤ã‹ã• 渋谷ã§SAUCER（ソーサー）ã¨ã„ã†åå‰ã§ãƒ•ãƒªãƒ¼ @saucerjp ã®ãƒ‡ã‚¶ã‚¤ãƒŠã‚’ã—ã¦ã„ã¾ã™ã€‚ 紙媒体ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã«å…¥ã‚Šã€ãšãƒ¼ã£ã¨ç´™ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã‚’ã—ã¦ã„ã¾ã—ãŸãŒã€ã“ã“5, 6å¹´ ã¯Web媒体ã®ä»•äº‹ãŒéšåˆ†ã¨å¢—ãˆã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã§ã¯ç‰¹ã«ç´™ã€Webã®åŒºåˆ¥ãªãデザイン㮠仕事をã—ã¦ã„ã¾ã™ã€‚
デザイナーæ»äº¡ã‹ã‚‹ãŸ
ã•ãã•ãらも㡠@sakusakuramochi WEB ・グラフィックデザイナやã£ã¦ã¾ã™ã€‚Flashも。ãƒãƒ¯ãƒ¯é£¼ã„主。猫様も好ã。Benny Sings/Lamp/ゲインズブール/ピãƒã‚«ãƒ¼ãƒˆ/教授/テイ・トウワ/相対性ç†è«–/コーãƒãƒªã‚¢ã‚¹/FPM/クラジクワイ/冨田ラボ/Mac/A-bike/COMME des GARCONS 性別：女性 既婚
［形状ã«å¤‰æ›ï¼½åŠ¹æžœã®å½¢çŠ¶ã‚ªãƒ—ション_Illustrator - ãªã‚“ã§ã‚„ãã‚“DTP・新館
DTP Transitã•ã‚“ã«Illustratorã§ã‚¢ãƒ”アランスã®ï¼»å½¢çŠ¶ã«å¤‰æ›ï¼½åŠ¹æžœã§å›²ã¿ç½«ã‚’付ã‘ã‚‹tipsãŒç´¹ä»‹ã•ã‚Œã¦ã„る。（コレã¯è‡ªå‹•ä¼¸ç¸®æž ） ã—ã‹ã—ã€ï¼»å½¢çŠ¶ã«å¤‰æ›ï¼½åŠ¹æžœã®å½¢çŠ¶ã‚ªãƒ—ションã®å…ƒã¨ãªã‚‹æ•°å€¤ã¯ã©ã®ã‚ˆã†ã«æ±ºå®šã•ã‚Œã¦ã„ã‚‹ã®ã‹ã¯èª¬æ˜Žã•ã‚Œã¦ã„ãªã„。 ãã‚ŒãŒåˆ¤ã‚‰ãªã„é™ã‚Šæ•°å€¤çš„ã«æ£ç¢ºãªãƒ¢ãƒŽã¯å‡ºæ¥ãªã„ã ã‚ã†ã€‚ 以å‰ã®è¨˜äº‹ã«è¨˜ã—ãŸã‚ˆã†ã«ãƒ•ã‚©ãƒ³ãƒˆã®ãƒã‚¦ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒœãƒƒã‚¯ã‚¹ã‚µã‚¤ã‚ºã¨ã„ã†ã®ãŒã‚ã‚Šã€ãã®ã‚µã‚¤ã‚ºã¯åŒã˜ãƒ•ã‚©ãƒ³ãƒˆã§ã‚‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã£ã¦å·®ç•°ãŒã‚る。 以下ã¯ãƒ¢ãƒªã‚µãƒ¯ã®A-OTF ä¸ã‚´ã‚·ãƒƒã‚¯BBBã«ï¼»å½¢çŠ¶ã«å¤‰æ›ï¼½åŠ¹æžœã®ï¼»å½¢çŠ¶ã‚ªãƒ—ション/å€¤ã‚’è¿½åŠ ï¼½ã§å¹…・高ã•ã¨ã‚‚「0mmã€ã®è¨å®šã§è‡ªå‹•ä¼¸ç¸®æž を生æˆã—ãŸä¾‹ï¼ˆ32Q）。 ※作例ã¯CS4*1 ç”»åƒã‚’見ã¦ã„ãŸã ãã¨ã€æ–‡å—列をクリックã—ãŸéš›ã®ã‚µã‚¤ã‚ºï¼ˆãƒã‚¦ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒœãƒƒã‚¯ã‚¹ã‚µã‚¤ã‚ºï¼‰ã§æž ãŒç”Ÿæˆã•ã‚Œã¦ã„ã‚‹ã®ãŒåˆ¤ã‚‹ã ã‚ã†*2。 以下ã€å½“åˆã®ç†è§£ã—ã«ãã„記述をよりç†è§£ã—ã‚„
ã¾ã‚‹ã§ç”»åƒã€‚テã‚ストを曲線上ã§è¡¨ç¾ã™ã‚‹Â·CSSWARP MOONGIFT
CSSWARPã¯ãƒ†ã‚ストをベジュ曲線や円ã«æ²¿ã£ã¦è¡¨ç¤ºã™ã‚‹JavaScript/CSSライブラリã§ã™ã€‚ Web Fontã®ç™»å ´ã«ã‚ˆã£ã¦Webサービスã®ãƒã‚´ã‚’テã‚ストã§è¨˜è¿°ã™ã‚‹ã‚µã‚¤ãƒˆã‚‚増ãˆã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã¾ã£ã™ãã§ã¯ãªã多少ã®ã‚¤ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘よã†ã¨æ€ã£ãŸã‚‰Illustratorã®ã‚ˆã†ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’é ¼ã‚‰ã–ã‚‹ã‚’å¾—ã¾ã›ã‚“ã§ã—ãŸã€‚ãã“ã§CSSWARPを使ã£ã¦è¤‡é›‘ãªæ–‡å—ã®æ画を実ç¾ã—ã¾ã—ょã†ã€‚ ã“ã‚ŒãŒãƒ†ã‚ストã¨ã„ã†ã®ãŒé©šãã§ã™ã€‚ ã¡ã‚ƒã‚“ã¨æ–‡å—ã¨ã—ã¦é¸æŠžã§ãã¾ã™ã€‚ ã“ã¡ã‚‰ã¯è‡ªåˆ†ã§æ–‡å—を作れるデモ。 ビジュ曲線ã§ãã‚Šãã‚Šå‹•ã‹ã›ã¾ã™ã€‚ 回り込ã¿ã‚‚ã§ãã¾ã™ã€‚ 円ã«æ²¿ã£ã¦æã„ã¦ã„ã¾ã™ã€‚ ãã®çµæžœã®HTMLã‚’å–å¾—ã§ãã¾ã™ã€‚IE9/Opera/Firefox/WebKit対応ã§ã™ã€‚ CSSWARPã¯ãƒ™ã‚¸ãƒ¥æ›²ç·šãªã©ã«æ²¿ã£ã¦æ–‡å—ãŒæã‘ã¾ã™ã€‚テã‚ストã€æ›²ç·šã®å‹•ãã€ãƒ•ã‚©ãƒ³ãƒˆã€ãƒ•ã‚©ãƒ³ãƒˆã®é…ç½®ãªã©ç´°ã‹ã変更ãŒå‡ºæ¥ã¾ã™ã€‚後ã¯ç”Ÿæˆ
CMYKラヴãªæ–¹ã¸ã®RGB補æ£ã®ã™ã™ã‚（追記ã‚り） – ã‚„ã‚‚ã‚ã‚‚
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯æœ€æ–°ç‰ˆãŒã‚ã‚Šã¾ã™ã€‚ã“ã¡ã‚‰ã‚‚ã©ã†ãž 『ã¾ã CMYKã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿã€œå¤§å¹…ãªè‰²è£œæ£ã‚’CMYKã§è¡Œã£ã¦ã¯ã„ã‘ãªã„ç†ç”±ã€œ – ã‚„ã‚‚ã‚も〠ã„ã„ã‚ã‘ å°åˆ·é–¢ä¿‚ã®æ–¹ã¨ãŠè©±ã—ã¦ã„ã‚‹ã¨ã€ã€Œã¨ã‚Šã‚ãˆãšCMYKã§ãªã„ã¨æ„Ÿè¦šãŒæŽ´ã‚ãªã„よーã€ã¨ã„ã†æ–¹ãŒå¤šã„ã‹ãªã€ã¨ã„ã†å°è±¡ã‚’æŒã¡ã¾ã—ãŸã€‚WEBã®äººã‚„åˆæˆå¤§å¥½ããªæ–¹ã«ã¯ä»Šæ›´ãªã®ã§ã—ょã†ãŒã€ã“ã“ã§ã¯RGBã§ã®è£œæ£ã‚’ç°¡å˜ã«èª¬æ˜Žã—よã†ã¨æ€ã„ã¾ã™ã€‚ç•°è«–åè«–ãŸãã•ã‚“出るã¨æ€ã„ã¾ã™ãŒã€ã“れをãã£ã‹ã‘ã«RGBã§è§¦ã£ã¦æ…£ã‚Œã¦ã‚‚らãˆã‚Œã°ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã§ã™ã®ã§ãŠæ‰‹æŸ”らã‹ã«ã€‚å…¥ã£ãŸJPEGã‚’ã¾ãšCMYK分解ã—ã¦ã‹ã‚‰è£œæ£ã™ã‚‹ãœï¼ãªæ–¹å‘ã‘ã®ã‚¨ãƒ³ãƒˆãƒªã§ã™ã€‚ ãªãœRGB㋠フィルタãŒå…¨éƒ¨ä½¿ãˆã‚‹ãœï¼ã¨ã‹ã„ã‚ã„ã‚利点ã¯ã‚ã‚Šã¾ã™ãŒã€å°åˆ·æ¥ã«é™ã£ã¦è¨€ã†ã¨ ãã¡ã‚ƒãªã„写真をã„ã˜ãã‚‹ã®ãŒæ¥½ã«ãªã‚‹ï¼ ã¨ã‚Šã‚ãˆãšã‚‚ã®ã¯è©¦ã—ã€åŒã˜å†™çœŸï¼ˆæš—ã„ã‚„ã¤ï¼‰ã®CMYKã¨RGB版を用æ„ã—ã¦ã€ãƒˆãƒ¼ãƒ³ã‚«ãƒ¼ãƒ–ã§æ˜Žã‚‹ã•
長方形ã®ç”»åƒã‚’æ£æ–¹å½¢ã«åˆ‡ã‚Šå‡ºã—ã¦ã‚µãƒ ãƒã‚¤ãƒ«ã¨ã™ã‚‹ (ç”»åƒã‚µã‚¤ã‚ºã°ã‚‰ã°ã‚‰ã®å ´åˆï¼†CSSã®ã¿ã§å®Ÿè£…) - ãã‚ã¾ã»ã†ã•ã„ãょã†ã§ã‚“ã›ã¤
2011/05/17 ç”»åƒã‚¿ã‚°ã®ã¿ç‰ˆè¿½åŠ →CSSã ã‘ã§ã‚µã‚¤ã‚ºä¸å®šç”»åƒã®ä¸å¤®ã‚’æ£æ–¹å½¢ã«åˆ‡ã‚ŠæŠœãサムãƒã‚¤ãƒ« (ã‹ã‚“ãŸã‚“ï¼) 長方形ã®ç”»åƒã®ä¸å¿ƒéƒ¨ã‚’æ£æ–¹å½¢ã«åˆ‡ã‚Šå‡ºã—ã¦ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºã—ãŸã„ã‚“ã ã‘ã©ã€ç¸¦æ¨ªæ¯”ãŒå®šã¾ã£ã¦ãªã„ç”»åƒã®å ´åˆã£ã¦ã©ã†ã‚„ã£ã¦ä¸å¿ƒéƒ¨ã‚’切り出ã—ãŸã‚‰ã„ã„ã‹ã—らãã€ã¨ã„ã†è©±ã€‚ ç”»åƒã®ç¸¦æ¨ªæ¯”ãŒåˆ†ã‹ã£ã¦ã„ã‚‹(一定ã§ã‚ã‚‹)å ´åˆ ã“ã®ã‚±ãƒ¼ã‚¹ã§ã‚ã‚Œã°overflow:hiddenãªæž ã§ç”»åƒã‚’囲ã£ã¦ä½ç½®ã‚’調整ã—ã¦ã‚ã’ã‚Œã°OK。特ã«å•é¡Œã¯ç„¡ã„ã§ã—ょã†ã€‚ ↓ç‰ãŒå‚考ã«ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ http://www.multi.ne.jp/staff_note/2008/10/000543.php ç”»åƒã®ç¸¦æ¨ªæ¯”ãŒä¸æ˜Žã ã£ãŸã‚Šç”»åƒã”ã¨ã«ã°ã‚‰ã°ã‚‰ãªå ´åˆ å‰è¿°ã®æ–¹æ³•ã ã¨ã€ç”»åƒã®çœŸã‚“ä¸è¾ºã‚’表示ã™ã‚‹ãŸã‚ã«ä½•pxãšã‚‰ã—ã¦è¡¨ç¤ºã™ã‚Œã°ã„ã„ã®ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“。ã§ãるエンジニアãªã‚‰ã€Œã˜ã‚ƒãサーãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ã‚„ã‚‹ã‚ã€ã¨ã‹ã€ŒJavaScr
KoshiNukeã«ã‚ˆã‚‹æœ€é«˜ã®Git体験
ãŠå‰ã€èª°ã‚ˆ @lanius 仕事：調査ã€ç ”究開発ã€æŠ€è¡“æ”¯æ´ è¶£å‘³ï¼šè„³ç§‘å¦ã€å¿ƒã€é³¥ KoshiNukeã£ã¦ãªã«ï¼Ÿ Git Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ Gitを便利ã«ä½¿ã†ãŸã‚ã®Webアプリケーション（e.g. GitHub） オープンソース 社内å‘ã‘ ç°¡å˜ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« タスク管ç†æ©Ÿèƒ½ã‚’æ載（予定） アプリケーションライフサイクルマãƒã‚¸ãƒ¡ãƒ³ãƒˆã‚’サãƒãƒ¼ãƒˆï¼ˆäºˆå®šï¼‰ e.g. Rational Team Concert, Team Foundation Server, Atlassian エンタープライズå‘ã‘Gitã®Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€ŒKoshiNuke〠- MOONGIFT オープンソースã®Git Webフãƒãƒ³ãƒˆ GitWeb cgit Gitblit Gitalist ViewGit, GitPHP, InDefero gitorious, Ginatra, Gitlab pitweb, Rhode
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
宮尾岳（GAKUJIRA）先生ã«ã‚ˆã‚‹å°åŒ—サイクルショーレãƒãƒ¼ãƒˆ
クライアントã®è¦æœ›ã«ã“ãŸãˆã‚‹Webサービス開発　～「らã›ã‚“型ワークフãƒãƒ¼ã€ã®ã‚¹ã‚¹ãƒ¡ï½ž
{{#tags}}- {{label}}
{{/tags}}