Appcelerator Developer Center - API for (version 1.6.2)You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
プレゼンをmarkdownã§æ›¸ã„ãŸã‚‰ãˆãˆã‚„ã‚“
markdown2impressã£ã¦ã®ã‚’書ãã¾ã—ãŸã€‚ https://github.com/yoshiki/markdown2impress ã“ã‚Œã¯markdownã§æ›¸ã„ãŸæ–‡ç« ã‚’impress.jsã«å¯¾å¿œã—ãŸHTMLã«å¤‰æ›ã™ã‚‹ã‚‚ã®ã§ã™ã€‚impress.jsã£ã¦ã„ã†ã®ã¯ã€CSS3ã‚’ã¤ã‹ã£ã¦æ–‡å—ã¨ã‹ã‚’ãŽã‚…ã‚“ãŽã‚…ã‚“å‹•ã‹ã™ã“ã¨ã®ã§ãるプレゼンフレームワークã§ã™(prezi.comã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚Œã¦ä½œã£ãŸã‚‰ã—ã„)。 impress.jsを使ã£ã¦ãƒ—レゼンをゼãƒã‹ã‚‰ä½œã£ã¦ã‚‚ã„ã„ã‚“ã§ã™ãŒã€HTMLã‚’ã„ã¡ã„ã¡æ›¸ãã®ã‚ã‚“ã©ã‹ã£ãŸã®ã§markdownå½¢å¼ã§æ›¸ã„ãŸã‚‚ã®ã‚’ãれ用ã«å¤‰æ›ã—ã¦ãã‚ŒãŸã‚‰ã„ã„ãªã¨æ€ã£ã¦æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚基本的ã«ã¯markdownã§æ›¸ã„ãŸæ–‡ç« ã®1ã¤ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ãŒ1ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ãªã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¦ã€githubã®ãƒªãƒã‚¸ãƒˆãƒªã®README.mdã‚’ã“ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§å¤‰æ›ã™ã‚‹ã¨ãƒ—レゼンã«å¤‰æ›ã•ã‚Œã¾ã™ã€‚
CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘片手æ“作メニュー
ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ （タップ） ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚スマートフォンã ã¨ç‰‡æ‰‹ã ã‘ã§æ“作ã—ã‚„ã™ã„ã¿ãŸã„㪠UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript （jQuery 使用） ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚ 久々ã«ã“ã®æ‰‹ã®ãƒã‚¿æ›¸ã„ãŸæ°—ãŒã—ã¾ã™ã‘ã©ã‚‚… ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ （タップ） ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚スマートフォンã ã¨ç‰‡æ‰‹ã ã‘ã§æ“作ã—ã‚„ã™ã„ã¿ãŸã„㪠UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript （jQuery 使用） ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚多分言葉ã§è¨€ã£ã¦ã‚‚ä¼ã‚ã‚Šã«ãã„ã¨æ€ã„ã¾ã™ã®ã§å®Ÿéš›ã®ã‚µãƒ³ãƒ—ルをã¾ãšã¯è¦‹ã¦ã¿ã¦ãã ã•ã„。 CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘片手æ“作メニュー サンプル ç¾åœ¨æœ€æ–°ç‰ˆã® Firefox
Twitter Bootstrapã®å°Žå…¥ã¸ã®3ステップ
Twitter Bootstrapã«ã¯ã€å°Žå…¥ã‚’ã—ã¦ä½¿ã†æ–¹æ³•ãŒä¸‹è¨˜ã®3パターンå˜åœ¨ã™ã‚‹ã€ã€ ãã®ã¾ã¾CSSã‚’ãŒã‚ŠãŒã‚Šå¤‰ãˆã¦ä½¿ã†æ–¹æ³•ã€‚ lessを使ã£ã¦æ›¸ã„ã¦ã„ãã€JavaScriptを使ã£ã¦å‘¼ã³å‡ºã™æ–¹æ³• é»’ã„ç”»é¢ã§å°‚用ã®ã‚·ã‚§ãƒ«ã‚¹ã‚¯ãƒªãƒ—トを使ã£ã¦ã‚³ãƒ³ãƒ‘イルã™ã‚‹æ–¹æ³• ã¨å‰å›žæ›¸ã„ãŸã€‚ ã®ã§ã€ãれらãŒã©ã†ã„ã†ã‚‚ã®ã‹ã‚’書ã„ã¦ã„ã“ã†ã¨æ€ã†ã€‚ ã¾ãšã€ã€Œãã®ã¾ã¾CSSã‚’ãŒã‚ŠãŒã‚Šå¤‰ãˆã¦ä½¿ã†æ–¹æ³•ã€ã‹ã‚‰è¦‹ã¦ã„ã“ã†ã€‚ ãã®ã¾ã¾CSSã‚’ãŒã‚ŠãŒã‚Šå¤‰ãˆã¦ä½¿ã†æ–¹æ³• Twitter Bootstrapã¯ã€CSSフレームワーク（ã¨ã„ã†ããã‚Šã«ã¯ã„ã‚Œãªã„ã»ã†ãŒã„ã„æ°—ãŒã™ã‚‹ã€‚UIフレームワークã¨ã„ã†ä½ç½®ã¥ã‘ãŒã„ã„ã‹ã‚‚ã—ã‚Œãªã„）ã®ä¸ã§ã¯ã€æ–°ã—ã„世代ã®ã‚‚ã®ã 。ã¨ã„ã†ã®ã‚‚ã€ç´”粋ãªCSSã®å…ƒãƒ•ã‚¡ã‚¤ãƒ«ãŒã‚ã‚Šã€ãれを継承ã—ãŸã‚Šã„ã‚ã„ã‚ã—ã¦ä½¿ã†ã¨ã„ã†ã‚¿ã‚¤ãƒ—ã§ã¯ãªãã€lessã¨ã„ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚³ãƒ³ãƒ‘イラ的ãªã‚¢ãƒ—リケーションを使ã£ã¦ã€ã‚ˆã‚ŠåŠ¹çŽ‡çš„ã«
CSS3ã§ç°¡å˜ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒœã‚¿ãƒ³ - kouichi0413ã®æ—¥è¨˜
ã†ãƒ¼ã‚“ã€HTML5ã¯ã¾ã よãã‚ã‹ã‚‰ãªã„ã‘ã©ã€CSS3ã¯ç°¡å˜ã§é¢ç™½ã‹ã£ãŸã®ã§ãƒ¡ãƒ¢ ã¨ã‚Šã‚ãˆãšCSS3使ã£ã¦ä»Šæ—¥ã‚„ã£ã¦ã¿ãŸã“㨠角を丸ãã™ã‚‹ テã‚ストã«å½± グラデーション çµæžœã¨ã—ã¦ã¯ã“ã‚“ãªé¢¨ã«ãªã‚Šã¾ã™ http://kouichi0413.web.fc2.com/test/ Firefoxã‹Safariã‹GoogleChromeã‚ãŸã‚Šã§è¦‹ã‚Œã¾ã™ã€‚CSS3ã«å¯¾å¿œã—ãŸãƒ–ラウザã§è¦‹ã¦ãã ã•ã„。 微妙ã«åºƒå‘Šã®ã›ã„ã§ã†ã¾ãå‹•ã‹ãªã„ã®ã§åºƒå‘Šã®ã€Œé–‰ã˜ã‚‹ã€ã‚’押ã—ã¦ãã ã•ã„。 HTMLソース ã¨ã‚Šã‚ãˆãšä»¥ä¸‹ã®ã‚ˆã†ãªHTMLã‚’ä½œæˆ <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja"
iPadã‚„iPhoneãªã©ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«æœ€é©åŒ–ã—ãŸCSSã‚’èªã¿è¾¼ã‚€ Media Queries
iPhoneã¨ã‹iPadã¨ã‹ã€ãƒ‡ãƒã‚¤ã‚¹ã«å¿œã˜ã¦æœ€é©åŒ–ã™ã‚‹ @tee_suzuki ã•ã‚“ã«ã€Media Queries ãªã‚‹å®Ÿè£…ãŒå˜åœ¨ã™ã‚‹ã¨èžã„ã¦ã€æ—©é€Ÿãƒˆãƒ©ã‚¤ã—ã¦ã¿ã¾ã—ãŸã€‚Media Queries自体ã¯CSS3ã®å®Ÿè£…ã®ä¸€ç’°ã®ã‚ˆã†ã§ã™ã€‚media属性ã®ä¸ã«ã€ãƒ‡ãƒã‚¤ã‚¹ã®ç¨®é¡žã‚„解åƒåº¦ã€å‘ããªã©ã®æ¡ä»¶æ–‡ã‚’記述ã™ã‚‹ã“ã¨ã§ã€é©ç”¨ã™ã‚‹CSSを分å²ã•ã›ã‚‹ä»•çµ„ã¿ã€‚ ã“ã‚“ãªæ„Ÿã˜ã®ã‚‚ã®ã‚’headerè¦ç´ 㸠width: 〜480pxã®ç«¯æœ«ã®ã¨ãã«ã¯ iphone.css width: 481〜1024ã®ç«¯æœ«ãŒç¸¦ï¼ˆportrait）ã®ã¨ãã«ã¯ ipad-portrait.css width: 481〜1024ã®ç«¯æœ«ãŒæ¨ªï¼ˆlandscape）ã®ã¨ãã«ã¯ ipad-landscape.css width: 1025〜ã®ç«¯æœ«ã®ã¨ãã«ã¯pc.css Media Queries デモ ãŸã‚ã—ã«ã€Media Queriesã‚’
Web 開発ã«ä¾¿åˆ©ãªã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ 50+ - WebOS Goodies
ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€æ¯Žé€±æœ«ã«ã€Œä»Šé€±ã®è©±é¡Œã€ã¨ã—ã¦æ–°ãŸã«è¦‹ã¤ã‘ãŸæƒ…å ±ã‚„ Web サービスãªã©ã‚’ç°¡å˜ã«ã”紹介ã—ã¦ã„ã¾ã™ã€‚ãれらã®ä¸ã«ã¯ã€ç‹¬ç«‹ã—ãŸè¨˜äº‹ã«ã¯ã§ãã¦ã„ãªã„ã‚‚ã®ã®ã€ã¨ã¦ã‚‚有用ãªæƒ…å ±ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ã ã„ã¶æ•°ã‚‚溜ã¾ã£ã¦ããŸã®ã§ã€æŠ˜ã‚Šã‚’見ã¦ã¾ã¨ã‚記事ã«ã—ã¦ã„ã“ã†ã‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 本日ã¯ãã®ç¬¬ä¸€å¼¾ã¨ã—ã¦ã€ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ç³»ã®ã‚µãƒ¼ãƒ“スを集ã‚ã¦ã¿ã¾ã—ãŸã€‚多ãã¯çš†ã•ã‚“ã‚‚ã”å˜çŸ¥ã‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ã 使ã£ãŸã“ã¨ãŒãªã„サービスãŒã‚ã‚Œã°ã€ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ï¼ CSS レイアウトジェãƒãƒ¬ãƒ¼ã‚¿ CSS ez ビジュアル㪠CSS レイアウト作æˆãƒ„ール。 FC2, livedoor, Ameba ãªã©å¤šæ•°ã®ãƒ–ãƒã‚°ã‚µãƒ¼ãƒ“ス用ã®ãƒ†ãƒ³ãƒ—レートを生æˆã§ãる。 templatr WordPress ã®ãƒ†ãƒ³ãƒ—レートを作æˆã™ã‚‹ãƒ„ール。基本レイアウトãŒå¤šå½©ã«ç”¨æ„ã•ã‚Œã¦ã„る。ãŸã ã€å„è¦ç´ 㯠CSS パラメータを直接指定ã™
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CSS3 Form Demo
Free Layouts.com | Websites
Free Layouts.com | Free MySpace Layouts, Web Templates
{{#tags}}- {{label}}
{{/tags}}