æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
[CSS]ナビゲーションを実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | コリス
CSS3ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã£ã¦å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ゲーションを紹介ã—ã¾ã™ã€‚ ※一部ã€jQueryを併用ã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚
[CSS]å¯å¤‰ã§ã‚‚固定ã§ã‚‚対応ã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ルãªã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ -Grid
Fruidレイアウトã§ã‚‚Fixedレイアウトã§ã‚‚ã€å…¥ã‚Œåã§ã‚‚対応ã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ルãªã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ を実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ デモページ：入れåã®ã‚°ãƒªãƒƒãƒ‰ Gridã®ä½¿ã„æ–¹ Gridã¯ã€ä½¿ã„方も簡å˜ã§ã™ã€‚ コンテナã¨ãªã‚‹è¦ç´ ã®classã«ã€Œgridsã€ã‚’åŠ ãˆã¾ã™ã€‚ åè¦ç´ ã«æœ›ã‚€ã‚µã‚¤ã‚ºã®classを指定ã—ã¾ã™ã€‚ Gridã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ 2011å¹´7月1日リリース版ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ グリッドã¯ã€2分割ã€3分割ã€4分割ã€5分割ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ /* * Grid * A simple, flexible, fluid grid system that can flow nicely inside a fluid or a fixed container or play good with another Grid system. * Brajeshwar, http://
ç•°ãªã‚‹ã‚µã‚¤ã‚ºã®ç”»åƒã‚’並ã¹ã¦çž¬æ™‚ã«ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‰ã‚Œã‚‹jQueryプラグイン「MyThumbnailã€:phpspot開発日誌
ç•°ãªã‚‹ã‚µã‚¤ã‚ºã®ç”»åƒã‚’並ã¹ã¦çž¬æ™‚ã«ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‰ã‚Œã‚‹jQueryプラグイン「MyThumbnail〠2011å¹´06月27æ—¥- Official Demo page for MyThumbnail jquery plugin ç•°ãªã‚‹ã‚µã‚¤ã‚ºã®ç”»åƒã‚’並ã¹ã¦çž¬æ™‚ã«ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‰ã‚Œã‚‹jQueryプラグイン「MyThumbnailã€ã€‚ ç”»åƒã¯æ™®é€šã«ä¸¦ã¹ã‚‹ã¨é«˜ã•ã‚„サイズも一定ã§ã¯ãªãã‹ã¨ã„ã£ã¦ã‚µã‚¤ã‚ºã—ã¦ã„ã§ç¸®ã‚ã¡ã‚ƒã£ãŸã¨ã—ã¦ã‚‚å¹…ã¯ä¸€å®šã«ãªã‚Šã¾ã›ã‚“。 ã“ã®ãƒ—ラグインを使ãˆã°æŒ‡å®šã®ã‚µã‚¤ã‚ºã«ã¾ã‚‹ã‚ã¦ãれるã ã‘ã§ãªãã€ãƒˆãƒªãƒŸãƒ³ã‚°ã‚‚ã—ã¦ç”»åƒãŒå¤‰ãªæ–¹å‘ã«ä¼¸ç¸®ã—ãªã„よã†ã«ã‚‚調整ã—ã¦ãã‚Œã¾ã™ 次ã®ã‚ˆã†ãªç”»åƒã‚’並ã¹ãŸã ã‘ã®çŠ¶æ…‹ãŒã‚ã£ãŸã¨ã—ã¦ã€‚ 次ã®ã‚ˆã†ã«ã€æŒ‡å®šã—ãŸã‚µã‚¤ã‚ºã«èª¿æ•´ã—ãŸä¸Šã§ãƒˆãƒªãƒŸãƒ³ã‚°ã‚‚ã—ã¦ãã‚Œã¾ã™ï¼ˆè§’丸ã¯CSSã§æŒ‡å®šã—ã¦ã¾ã™ï¼‰ã€‚ HTMLã¯æ¬¡ã®ã‚ˆã†ã«ã‹ãªã‚Šå˜ç´”ã«<a>付ãã®<img>を並ã¹ãŸã ã‘ã§ã™ã€‚ <div
最近よã使ã£ã¦ã‚‹ã€Web制作ã«å½¹ç«‹ã¤Webサービス的ãªã‚„ã¤
å°‘ã—å‰ã«èžã„ã¦ãã‚ŒãŸæ–¹ãŒã„ãŸã®ã§ã¤ã„㧠ã«ã‚·ã‚§ã‚¢ã—ã¦ã¿ã¾ã™ã€‚個人的ã«æœ€è¿‘よã好ん ã§ä½¿ã£ã¦ã„ã‚‹ã€Web制作ã«å½¹ç«‹ã¤Webサー ビスã¿ãŸã„ãªã‚‚ã®ã‚’ã”紹介。全部既出㧠çã—ã„ã‚‚ã®ã¯ç„¡ã„ã‚“ã§ã™ã‘ã©ã€ä¸€è¦§ã«ã™ã‚‹ ã®ã‚‚ãŸã¾ã«ã¯ã„ã„ã‹ã‚‚ã§ã™ã。 ã¨ã„ã†ã‚ã‘ã§ã€å ´åˆã«ã‚ˆã£ã¦ã¯èª°å¾—ãªè¨˜äº‹ã§ã™ã‘ã©ã”了承下ã•ã„。僕ãŒã“ã“最近ã§ã‚ˆã使ã£ã¦ã‚‹Webツールをå¤ã„ã®ã‹ã‚‰æ–°ã—ã„ã®ã¾ã§ã€é †ä¸åŒã§ã”紹介ã—ã¦ã„ãã¾ã™ã€‚ web計。 →　黄金比・白銀比をサクサク計算 計算ãŒé¢å€’ãªé»„金比や白銀比をã€æ•°å€¤ã‚’入力ã™ã‚‹ã ã‘ã§ã‚µã‚¯ã‚µã‚¯å‡ºã—ã¦ãã‚Œã¾ã™ã€‚動作も軽ãã¦ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§ã™ã€‚ web計。 simplelib →　よã使ã†jQueryコードをパッケージã§é…布 ã‚ã£ã¡ã‚ƒæ¥½ã§ã™ã€‚jQueryã§ä½œã‚ŠãŸã„機能ã ã‘ã‚’é¸æŠžã—ã¦ã€1ã¤ã®jsファイルã«ãƒ‘ッケージã«ã—ã¦ãã‚Œã¾ã™ã‚ˆã€‚ページスクãƒãƒ¼ãƒ«ã¨ã‹ã‚¿ãƒ–ã¨ã‹éœ€è¦ã®é«˜ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ã¡ã‚‡ã£ã¨æ©Ÿèƒ½ã‚’
ç§ãŒwebサイトã®ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’制作ã™ã‚‹æ™‚ã®æµã‚Œ │ Design Spice
ç§ãŒwebサイトã®ãƒ©ãƒ•ã‚’作る時ã®æµã‚Œã‚’書ã„ã¦ã¿ã¾ã—ãŸã€‚ 独å¦ã§èº«ã«ä»˜ã‘ãŸæ–¹æ³•ã§ã‚り〠一般的ãªæ–¹æ³•ã§ã¯ãªã„ã‹ã‚‚知れãªã„ã“ã¨ã‚’予ã‚æ–ã£ã¦ãŠãã¾ã™ã€‚ ç§ã«ã¯ã‚„ã‚Šã‚„ã™ã„方法ã§ã™ãŒã€ ä»–ã®äººã«ã¨ã£ã¦ã¯ãã†ã§ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“… 本エントリーã¯ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿æ³¨åŠ›ã™ã‚‹ãŸã‚ã€æ—¢ã«ã‚³ãƒ³ã‚»ãƒ—トã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã€ã‚µã‚¤ãƒˆæ§‹æˆãªã©ã¯æ±ºã¾ã£ãŸçŠ¶æ…‹ã¨ä»®å®šã—ã¾ã™ã€‚ （※本文ä¸ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーã¯å…¨ã¦Macã®å ´åˆã§ã™ï¼‰ 希望デザインã®ãƒ’アリング ※委託æ¥å‹™ã®å ´åˆã§ã™ ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¸Œæœ›ã‹ã‚’先方ã«ãƒ’アリングã—ã¾ã™ã€‚ ã“ã®æ™‚ã«ã§ãã‚‹ã ã‘ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’明確ã«ã™ã‚‹ãŸã‚ 抽象的ã§ã‚‚良ã„ã®ã§æ²¢å±±è¨€è‘‰ã‚’è²°ã„ã¾ã™ã€‚ 明るã„ã€å¯æ„›ã„ã€ãƒãƒƒãƒ—ã€ã‚«ãƒƒã‚³ã„ã„ã€ã‚·ãƒ³ãƒ—ルã€è½ã¡ç€ã„ãŸâ€¦etc 具体的ã«ãƒ‡ã‚¶ã‚¤ãƒ³å‚考ã«ã—ãŸã„サイトãŒã‚ã‚‹ã®ãªã‚‰èžã„ã¦ãŠãã¾ã™ã€‚ ã¾ãŸé ‚ã„ãŸè¨€è‘‰ã¨è‡ªåˆ†ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚®ãƒ£ãƒƒãƒ—を埋ã‚ã¦ãŠãã¾ã™ã€‚ â€ã‚·ãƒ³ãƒ—ルâ€ã¨è¨€ã†
IE6ãªã©ã®ã‚¯ãƒã‚¹ãƒ–ラウザã«å¼·ããªã‚‹ã€22ã®HTML+CSSコーディングã®åŸºç¤Ž
IE6ãªã©ã®ã‚¯ãƒã‚¹ãƒ–ラウザã«å¼·ããªã‚‹ã€22ã®HTML+CSSコーディングã®åŸºç¤Ž 2011-06-04 Twitterãªã©ã‚’見ã¦ã‚‹ã¨ã€ 「IE6ãŒãƒ¼ï¼ã€ã¨ã‹ 「IE6,7,8,9ã€Firefoxã€webkitç³»ã€Operaã§åŒã˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã™ã‚‹ã®å¤§å¤‰ã€ãªã©ã®ãƒ„イートをãŸã¾ã«è¦‹ã‚‹ã®ã§ã€ã‚¯ãƒã‚¹ãƒ–ラウザã§ã‚‚å·®ãŒå‡ºã«ããã€åŠ¹çŽ‡ã®è‰¯ããªã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºç¤Žã‚’紹介ã—ã¾ã™ã€‚ æ°—ã‚’ã¤ã‘ã‚‹HTMLã®è¨˜è¿°æ–¹æ³• HTMLã®è¨˜è¿°æ–¹æ³•ã‚’é–“é•ãˆã¦ã„ã‚‹ã¨ã€ãƒ–ラウザCSSã®è§£é‡ˆãŒå¤‰ã‚ã£ã¦ãã¾ã™ã€‚ 以下ã®ã‚ˆã†ãªã“ã¨ã¯åŸºæœ¬çš„ãªã“ã¨ã§ã™ãŒå¤§åˆ‡ãªäº‹ã§ã™ã€‚ DOCTYPEを書ã。 HTMLã®å…ˆé ã«DOCTYPEを入れるよã†ã«ã—ã¦ä¸‹ã•ã„。 DOCTYPEãŒãªã„ã¨ã€ãƒ–ラウザ間ã§ã®èª¤å·®ãŒèµ·ã“ã‚Šã‚„ã™ã„状態ã«ãªã‚Šã¾ã™ã€‚ DOCTYPE スイッãƒã«ã¤ã„ã¦ã®ã¾ã¨ã‚ã¨ä¸€è¦§è¡¨ (HTML 5 ã‚„ IE 8 Beta 2 ã®ãƒ¢ãƒ¼ãƒ‰ã‚¹ã‚¤ãƒƒãƒãªã©ã®æƒ…å ±ã‚‚å«
Webアプリケーションã®é–‹ç™ºã«ã€‚é¢ç™½ã„コンãƒãƒ¼ãƒãƒ³ãƒˆãŒå¤šæ•°æƒã£ãŸUIライブラリ·Ninja UI MOONGIFT
Ninja UIã¯HTMLを使ã‚ãšã«JavaScriptã§ç”»é¢ã‚’æç”»ã—ã¦ã„ãUIコンãƒãƒ¼ãƒãƒ³ãƒˆã€‚ Ninja UIã¯jQuery/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。æ€ã†ã«Webサイトã¨ã„ã†ã®ã¯è¡¨ç¾åŠ›ãŒé«˜ãã€ã‹ã¤è‡ªç”±åº¦ãŒé«˜ã™ãŽã‚‹ã®ã 。ãã®ãŸã‚è¦‹æ „ãˆã«ã“ã‚Šã ã™ã¨åŽé›†ãŒã¤ã‹ãªããªã‚‹ã€‚ã¾ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãŒãªã„ã¨æ ¼å¥½ã„ã„サイトãŒä½œã‚Œãªã„。 ボタンやアイコン アイディアãŒã©ã‚Œã ã‘良ãã€æŠ€è¡“力ãŒã‚ã£ã¦ã‚‚è¦‹æ „ãˆãŒã±ã£ã¨ã—ãªã„サイトã¯å—ã‘入れられãªã„。もã†HTMLã¯æ›¸ã‹ãšã€JavaScriptã§çµ„ã‚“ã§ã—ã¾ã†ã®ã¯ã©ã†ã ã‚ã†ã€‚ãれをå¯èƒ½ã«ã™ã‚‹ã®ãŒNinja UIã 。 Ninja UIã¯jQuery Webjutsu（Web術？）を掲ã’ã¦ã„るライブラリã§ã€æž 組ã¿ã ã‘HTML5ã§çµ„ã¿ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é…ç½®ã¯å…¨ã¦JavaScriptã ã‘ã§è¨˜è¿°ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã 。ボタンやドãƒãƒ¯ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒãƒƒãƒ—アッ
クãƒã‚¹ãƒ–ラウザã¯ã‚‚ã†å¤ã„ï¼ HTML5＋CSS3時代ã®ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–・エンãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆ
IE 9ãŒç™»å ´ï¼ ユーザーã®é–²è¦§ç’°å¢ƒãŒã¾ã™ã¾ã™å¤šæ§˜åŒ–ï¼ 4月26æ—¥ã€ã¤ã„ã«æ—¥æœ¬ã§ã‚‚Internet Explorer（以下ã€IE） 9ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã¾ãŸã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯æ—©ãã‚‚IE 10ã®ãƒ—レビュー版を公開ã—ã¦ãŠã‚Šã€CSS3ã‚„JavaScript周りãŒã€ã•ã‚‰ã«å¼·åŒ–ã•ã‚Œã‚‹ãªã©ãƒªãƒƒãƒãªWeb表ç¾ãŒåŠ 速ã—ã¦ãã¦ã„ã¾ã™ã€‚ IEã®ã¿ãªã‚‰ãšã€Firefoxã€Safariã€Google Chrome（以下ã€Chrome）ãªã©ä»–ã®Webブラウザもã™ã•ã¾ã˜ã„å‹¢ã„ã§é€²åŒ–ã—ã¦ãã¦ãŠã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„タブレットPCãªã©ã®ãƒ‡ãƒã‚¤ã‚¹ã‚‚続々ã¨é–‹ç™ºã•ã‚Œã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–²è¦§ç’°å¢ƒãŒã¾ã™ã¾ã™å¤šæ§˜åŒ–ã—ã¦ãã¦ã„ã¾ã™ã€‚ ãã†ã—ãŸæµã‚Œã®ä¸ã§ã€å¿…然的ã«æ¬ ã‹ã™ã“ã¨ãŒã§ããªããªã‚‹çŸ¥è˜ãŒã€ã“ã®ã€Œãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–・エンãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã€ã¨ã„ã†æ¦‚念ã§ã™ã€‚ プãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–・エンãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã£ã¦ä½•ï¼Ÿ Webブラウザや端末ãªã©ã®é–²è¦§ç’°å¢ƒãŒå¤šæ§˜åŒ–ã—ã¦ãã¦ã„ã¾
プãƒã‚¸ã‚§ã‚¯ãƒˆã®é–‹å§‹ã¾ã§ã«WebディレクターãŒç”¨æ„ã™ã‚‹ã‚‚ã®ã¨ã“ã¨13個ã¾ã¨ã‚
ã•ã¦ã€ç™ºæ³¨ãŒæ±ºã¾ã£ãŸã€‚クライアントã‹ã‚‰ã®è¦æœ›ã¯ã¾ã フワã£ã¨ã—ã¦ã‚‹ã‘ã©ã€ç´æœŸã¯ä½•ã¨ãªãƒ¼ã見ãˆã¦ã„る。（もã—ãã¯ç´æœŸã ã‘ãŒã‚«ãƒƒãƒã‚«ãƒã«æ±ºã¾ã£ã¦ã„る）。 ã“ã®çŠ¶æ…‹ã‹ã‚‰ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æœ¬æ ¼ã‚¹ã‚¿ãƒ¼ãƒˆã¾ã§ã«ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒç”¨æ„ã™ã‚‹ã¹ãã‚‚ã®ã¯ä½•ãŒã‚ã‚‹ã‚“ã ã‚ã†ï¼Ÿä»Šæ—¥ã¯ãã®ã¸ã‚“ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ゴールã¾ã§ã®ã–ã£ãりストーリー ãŸã¨ãˆã°ã‚³ãƒ¼ãƒ’ーã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã ã£ãŸã¨ã—ã¦ã€Œã‚³ãƒ¼ãƒ’ーã«é–¢ã™ã‚‹æƒ…å ±ãªã‚‰ä½•ã§ã‚‚ã‚ã‚Šã¾ã™ï¼ã€ã£ã¦è¨€ã£ã¦ã‚‚何も始ã¾ã‚‰ãªã„。ãã“ã«ã‚るストーリーを多少é©å½“ã§ã‚‚ã„ã„ã®ã§ãƒ‰ãƒ©ãƒžãƒãƒƒã‚¯ã«ç››ã‚Šä¸Šã’ã¦ã—ã¾ã„ã¾ã™ã€‚ 1：店主ã¯ã‹ã¤ã¦2店舗ã®ã‚«ãƒ•ã‚§ã‚’切りもりã—ãŸå®Ÿåº—舗ã®çµŒå–¶è€… 2：å¦ç”Ÿã®é ƒã‹ã‚‰ã‚«ãƒ•ã‚§ãŒå¥½ãã§ã€ãªã‚“ã¨ã‹è‡ªåˆ†ã®ç†æƒ³ã®ã‚«ãƒ•ã‚§ã‚’作りãŸã‹ã£ãŸ 3：ãã‚Œã¯ã€ã‚«ãƒ•ã‚§ã®æŒã¤ç‹¬ç‰¹ã®é›°å›²æ°—ã¨ã‚³ãƒ¼ãƒ’ーã®é¦™ã‚ŠãŒå¤§å¥½ãã ã£ãŸã‹ã‚‰ 4：ã ã‹ã‚‰ã€è‡ªæ…¢ã®ã‚«ãƒ•ã‚§ã®é›°å›²æ°—を全国ã©ã“ã«ã„ã¦ã‚‚æ„Ÿã˜ã¦ã‚‚らãˆã‚‹ã‚µã‚¤ãƒˆã‚’作りãŸã‹ã£ãŸã€‚ã¨ã‹
ç”»åƒã‚’使ã‚ãšCSS3ã ã‘ã§å°–ã£ãŸBack・Nextボタンを作る方法
CSS3ã ã‘ã§ã€iOS風ã®Backã‚„Nextã®å°–ã£ãŸãƒŠãƒ“ゲーションボタン作る方法ãªã„ã‹ãªã€œã¨æŽ¢ã—ã¦ã„ãŸã¨ã“ã‚ã€è‰¯è¨˜äº‹ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚Androidã§ç¢ºèªã—ã¦ã¾ã›ã‚“ãŒã€webkitå‘ã‘ãªã®ã§ãŸã¶ã‚“Androidã§ã‚‚大丈夫ã ã¨æ€ã„ã¾ã™ã€‚Androidã¯ã²ã¨å·¥å¤«å¿…è¦ãã†ã§ã™ã€‚ CSS3 Wizardry -Back and Next Buttons Revisited- CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedã®æ–¹ãŒæ”¹è‰¯ç‰ˆã§ç–‘ä¼¼è¦ç´ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¿ãŸã„ã§ã™ã€‚原ç†ã¯Subpixel Renderingã®æ–¹ãŒã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹HTML ボタンを構æˆã™ã‚‹è¦ç´ ã¯ã“ã‚Œã ã‘。 <!--ボタンè¦ç´ --> <div class="button bordered back"> <span class="label">Back</s
WEB標準デザインã€ã¯ã˜ã‚ã®ä¸€æ© ～デザインã‹ã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¾ã§ï½ž
第6回 岡山WEBクリエイターズã®ã‚»ãƒƒã‚·ãƒ§ãƒ³1ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰å†…容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザインã€ã¯ã˜ã‚ã®ä¸€æ© ～デザインã‹ã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¾ã§ï½žã€ 岡山WEBクリエイターズ勉強会ã§ãŠè©±ã—ãŸå†…容をã€ã‚¹ãƒ©ã‚¤ãƒ‰ã¨ã¨ã‚‚ã«å…¨æ–‡æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ テã‚ストã¯ã‚ãã¾ã§åŽŸç¨¿ãã®ã¾ã¾ã§ã™ã®ã§ã€å®Ÿéš›ã«å–‹ã£ãŸå†…容ã¨ã¯å¹¾åˆ†ç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ スライドã®PDFをダウンãƒãƒ¼ãƒ‰ è¬›å¸«æ¦‚è¦ SKPRODUCT代表。 デザインã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€PHPã«ã‚ˆã‚‹ã‚·ã‚¹ãƒ†ãƒ 構築ã€ActionScriptを使用ã—ãŸFlashãªã©ã€WEB制作全般を行ã†WEBアーã‚テクトã§ã™ã€‚ 岡山ã®å¤§æ‰‹ä¼æ¥ãƒ»å¦æ ¡ãªã©ã‚’ä¸å¿ƒã«WEBサイトã¨ç‹¬è‡ªã«é–‹ç™ºã—ãŸCMSフレームワーク『SEEDã€ã®æ供を行ã£ã¦ã„ã¾ã™ã€‚ 本日ã¯ã€WEB標準デザインã¯ã˜ã‚ã®ä¸€æ©ã§ã™ã€‚ WEB標準ã¨ã„ã†ã¨ã€æŠ€è¡“çš„ãªã“ã¨ã‚’想åƒã•ã‚Œã‚‹æ–¹
WebデザイナーãŒçŸ¥ã£ã¦ãŠãã€DTPã®åŸºç¤ŽçŸ¥è˜
WebデザイナーãŒçŸ¥ã£ã¦ãŠãã€DTPã®åŸºç¤ŽçŸ¥è˜ 2011-05-08 CMYK RGB(åŠ æ³•æ··è‰²)ã§è¡¨ç¾ã•ã‚Œã‚‹è‰²ã‚’ã€å¡—料や染料ã§ã¯å…¨ã¦ã®è‰²ã‚’å†ç¾ã§ããªã„ãŸã‚ã€å°åˆ·ã™ã‚‹å ´åˆã¯CMYK(減法混色)ã«ã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ CMYKã¯ã€ã‚·ã‚¢ãƒ³ï¼ˆCyan）ã€ãƒžã‚¼ãƒ³ã‚¿ï¼ˆMagenta）ã€ã‚¤ã‚¨ãƒãƒ¼ï¼ˆYellow）ã€ã‚ー・プレート（Key Plate）ã‹ã‚‰æˆã£ã¦ãŠã‚Šã€ã‚·ã‚¢ãƒ³ã€ãƒžã‚¼ãƒ³ã‚¿ã€ã‚¤ã‚¨ãƒãƒ¼ã®ä¸‰è‰²ã§ç†è«–上ã€é»’も表ç¾ã§ãã¾ã™ãŒã€å®Ÿéš›ã¯å¼·ã表ç¾ã•ã‚Œãªã„ãŸã‚ブラックを補ã£ãŸCMYKãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—CMYKã®é»’ã§ã‚‚本当ã®é»’ã«ã¯è¦‹ãˆã¾ã›ã‚“。 ãã“ã§ä»–ã®è‰²ã‚‚æ··ãœã¦ã€æœ¬å½“ã®é»’ã«è¿‘ã¥ã‘ã‚‹ã“ã¨ã‚’リッãƒãƒ–ラックã¨ã„ã„ã¾ã™ã€‚ å°åˆ·ä¼šç¤¾ã«ã‚ˆã£ã¦ã¯æŽ¨å¥¨ã•ã‚Œã¦ã„るリッãƒãƒ–ラックã®æ¿ƒåº¦ã‚‚ã‚ã‚Šã¾ã™ãŒã€C30%＋M20%＋Y20%＋K100%ã§å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚ 入稿時ã«ã¯CMYKã®è‰²æŒ‡å®šã‚’ã€5%刻ã¿ã§æŒ‡å®šã™ã‚‹æ§˜ã«ã™ã‚‹ã‚ˆ
デザインã®åŸºç¤ŽåŠ›ã‚’ワンランクアップã—ãŸã„ç§ï¼ˆWebデザイナー）ã®æ³¨æ„書ã
Webデザインã¯ã€ç´™ã®ä¸Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨é•ã†ã¨ã“ã‚も多ã„ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚åŒã˜ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã‹ã‚‰ã€æ´å²ã‚ã‚‹ DTP デザインã‹ã‚‰å¦ã¶ã“ã¨ã¯ã„ã£ã±ã„ã‚ã‚Šã¾ã™ã€‚デザインã®åŸºç¤Žã®åŸºç¤Žã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„基礎ã®éƒ¨åˆ†ã®æ³¨æ„書ãã§ã™ã€‚ 毎日インターãƒãƒƒãƒˆã‚’見ã¦ã„ã‚‹ã¨ã€ç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒ³ã® Webサイトã«å‡ºä¼šã„ã¾ã™ã€‚ã¨ãã«ã¯ã²ã¨ç›®æƒšã‚Œã—ã¡ã‚ƒã†ã‚ˆã†ãªã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ã£ãŸã¨ãã€ã©ã†ã—ã¦ç´ 敵ãªã®ã‹ãªãƒ¼ã¨è€ƒãˆã‚‹ã®ã‚‚勉強ã®ã†ã¡ã€‚ãã†æ€ã£ã¦ç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚¹ãƒˆãƒƒã‚¯ã—ã¦ãŠã„ã¦ã€è‡ªåˆ†ãªã‚Šã«ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç´ 敵ãªç†ç”±ã‚’考ãˆã¦ãŸã‚Šã—ã¾ã™ã€‚ デザインã®ç†ç”± ã©ã†ã—ã¦ãã†ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãŸã®ã‹ … デザインã«ã¯ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚æ°—ã¾ãã‚Œã«è‰²ã‚’é¸ã‚“ã ã‚Šã€è¦ç´ ã‚’é…ç½®ã—ãŸã‚Šã—ãªã„ã‹ã‚‰ã§ã™ã€‚ãªã®ã§è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†ç”±ã€ã©ã†ã—ã¦ãã†ã„ã†é¢¨ã«ã—ãŸã®ã‹ã¨ã„ã†ã“ã¨ã‚’ã€å£ã§èª¬æ˜Žã§ããªã„ã¨ãƒ€ãƒ¡ã ã¨è¨€ã‚ã‚Œã¾ã™ã€‚ã‚‚ã¡
ã€å®Ÿä¾‹ã€‘デザインåˆå¿ƒè€…ãŒå¦ã‚“ã ã¡ã‚‡ã£ã¨ã—ãŸã‚³ãƒ„ã§å¤‰ã‚ã‚‹ï¼ãƒãƒŠãƒ¼ã®å°æŠ€ - EC studio デザインブãƒã‚°
普段ã¯ã‚³ãƒ¼ãƒ€ãƒ¼æ¥å‹™ã‚’ãŠã“ãªã£ã¦ã‚‹ã®ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®çŸ¥è˜ã¯â€¦ã€‚ ã§ã‚‚ã€ã‚„ã¯ã‚Šãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚ルも大事ã§ã™ã‚ˆãï¼ ãªã®ã§ã€ä»Šå¹´ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã®ãŸã‚ã«ãƒãƒŠãƒ¼ä½œæˆãªã©ã‚’ãŠã“ãªã£ã¦ã„ã¾ã™ã€‚ 今回ã¯å…ˆè¼©ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«æ•™ãˆã¦ã„ãŸã ã„㟠ãƒãƒŠãƒ¼åˆ¶ä½œã®ã¡ã‚‡ã£ã¨ã—ãŸã‚³ãƒ„を紹介ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ãƒãƒŠãƒ¼ã‚’作ã£ã¦ã¿ã‚ˆã† ãƒãƒŠãƒ¼ã¯EC studioãŒå‡ºå±•ã—ã¦ã„る「モニプラã€ã® アンケートãƒãƒŠãƒ¼ã‚’作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ 1ã¤ç›®ã®ãŠé¡Œã¯ã€Œãƒ‘ソコンソフトã¯åº—ã§è²·ã†ï¼Ÿãƒãƒƒãƒˆã§è²·ã†ï¼Ÿã€ã§ã—ãŸã€‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Media Queries
Maqetta
not found
Web制作を始ã‚る人ã®ç‚ºã®ã‚¹ã‚ル・ワイヤーフレーム・SEO・マーケティング・Webサービスã®åŸºç¤Žæƒ…å ±
{{#tags}}- {{label}}
{{/tags}}