HTML5ã®ã•ã¾ã–ã¾ãªformè¦ç´ ãŒã‚ãªãŸã®ãƒ–ラウザã§ã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ã®ã¾ã¨ã‚ -Native form elementsHTML5ã®formè¦ç´ ã€input, textarea, select, option, fieldset, legend, label, buttonã®å„è¦ç´ ã¨ã•ã¾ã–ã¾ãªã‚¿ã‚¤ãƒ—ã‚’ã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™
[CSS]デスクトップ・スマフォ・タブレットå‘ã‘ã®ç¾Žã—ã„UIエレメントを簡å˜ã«å®Ÿè£…ã§ãるスタイルシート -TopCoat
クリーンãªHTMLを使ã„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–を念é ã«ãŠã„ãŸUIエレメントを簡å˜ã«å®Ÿè£…ã§ãるオープンソースã®ãƒ©ã‚¤ãƒ–ラリを紹介ã—ã¾ã™ã€‚ TopCoat TopCoat -GitHub TopCoatã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— 当スタイルシートを外部ファイルã¨ã—ã¦é…ç½®ã™ã‚‹ã ã‘ã§ã™ã€‚ <link rel="stylesheet" type="text/css" href="css/topcoat-desktop-min.css"> TopCoatã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯2種類ã‚ã‚Šã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—用（24KB）ã€ã‚¹ãƒžãƒ•ã‚©ç”¨ï¼ˆ20KB）ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ‡ãƒ¢ã‚’見ã¦ã¿ã¾ã—ょã†ã€‚ TopCoat for Desktop TopCoat for Mobile TopCoat for Desktop デスクトップ用ã®ãƒ‡ãƒ¢ã§ã™ã€‚ デスクトップã§ã”覧ãã ã•ã„。 TopCoat for Desktop
æ£è¦è¡¨ç¾ã¨æ–‡å—列ãŒãƒžãƒƒãƒã—ã¦ã„ã‚‹ã‹ç°¡å˜ã«ãƒã‚§ãƒƒã‚¯ã§ãるオンラインツール -RegExp playground
æ£è¦è¡¨ç¾ã¨æ–‡å—列を入力ã—ã€ãã‚ŒãŒãƒžãƒƒãƒã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ç°¡å˜ã«ãƒã‚§ãƒƒã‚¯ã§ãるオンラインツールを紹介ã—ã¾ã™ã€‚ NGã®ç”»é¢ æ£è¦è¡¨ç¾ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ ページ下部ã«ã‚ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‹ã‚‰ã€‚ . ä»»æ„ã®æ–‡å—ã«ãƒžãƒƒãƒã™ã‚‹ï¼ˆæ”¹è¡Œã‚’除ã） {n} n回ã®ç¹°ã‚Šè¿”ã— {n,} n回以上ã®ç¹°ã‚Šè¿”ã— {n, m} n回以上m回以下ã®ç¹°ã‚Šè¿”ã— ? {0,1}ã¨åŒã˜ * {0,}ã¨åŒã˜ + {1,}ã¨åŒã˜ \w アルファベットã€æ•°å—ã¾ãŸã¯ã‚¢ãƒ³ãƒ€ãƒ¼ãƒãƒ¼ã€[a-zA-Z0-9_]ã¨åŒã˜ \d æ•°å—ã€[0-9]ã¨åŒã˜ \s 空白文å—ã€[\t\r\n ]ã¨åŒã˜ […] ã‚ャラクタをクラス化 [^...} ã‚ャラクタをå¦å®šã‚¯ãƒ©ã‚¹åŒ– (…) パターンã®ã‚°ãƒ«ãƒ¼ãƒ—化 (?:…) パターンã®éžæ ¼ç´ã‚°ãƒ«ãƒ¼ãƒ—化 (?=…) å…ˆèªã¿ (?!…) å¦å®šå…ˆèªã¿ ^ è¡Œã®å…ˆé ã«ãƒžãƒƒãƒã™ã‚‹ $ è¡Œã®çµ‚端ã«ãƒžãƒƒãƒã™ã‚‹ \b å˜èªžå¢ƒç•Œã«ãƒžãƒƒãƒ \B å˜èªžå¢ƒ
[CSS]border-radiusを使ã£ã¦ã€è§’丸ã§ã¯ãªãè½æ›¸ã風ã«ãƒœãƒ¼ãƒ€ãƒ¼ã‚’デザインã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
角丸を指定ã§ãã‚‹border-radiusã§ã€ãƒœãƒ¼ãƒ€ãƒ¼ã‚’è½æ›¸ã風ã«ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 色ã«ã‚ˆã£ã¦ã¯ã€è›å…‰ãƒšãƒ³ã‚„çµµç†ã¿ãŸã„ã«ã‚‚ã§ãã¾ã™ã。 デモページ ※リンク切れ 実装ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ HTML è¦ç´ ã¯divã ã‘ã€å…¥ã‚Œåもラッパーも必è¦ã‚ã‚Šã¾ã›ã‚“。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS è½æ›¸ã風ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’実ç¾ã—ã¦ã„ã‚‹ã®ã¯ã€border-radiusã§ã™ã€‚ スラッシュã§åŒºåˆ‡ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€æ°´å¹³
PPTファイル上ã®å…¨æ–‡å—列をExcelã«å‡ºåŠ›ã™ã‚‹PowerPointマクãƒ:パワーãƒã‚¤ãƒ³ãƒˆãƒžã‚¯ãƒãƒ»PowerPoint VBAã®ä½¿ã„æ–¹/TextFrame・TextRange
対象：PowerPoint2003, PowerPoint2007, PowerPoint2010, PowerPoint2013 アクティブãªã‚¹ãƒ©ã‚¤ãƒ‰ä¸Šã®ã€ã™ã¹ã¦ã®æ–‡å—列をå–å¾—ã™ã‚‹PowerPointマクãƒã‚’ã”紹介ã—ã¾ã—ãŸã€‚ 実務ã§ã¯ã€ãƒ—レゼンテーションファイル上ã®ã€ã™ã¹ã¦ã®æ–‡å—列をå–å¾—ã—ãŸã„ã¨ã„ã†ã‚·ãƒ¼ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚ PPTファイル上ã®å…¨æ–‡å—列を出力ã™ã‚‹ã¨ãªã‚‹ã¨ã€ã‚¯ãƒªãƒƒãƒ—ボードやイミディエイトウィンドウã«å‡ºåŠ›ã•ã‚Œã‚‹ã‚ˆã‚Šã€Excelã«å‡ºåŠ›ã•ã‚Œã‚‹ã»ã†ãŒä¾¿åˆ©ã§ã—ょã†ã€‚ Sub プレゼンテーションファイルã®å…¨æ–‡å—列をExcelã«å‡ºåŠ›ã™ã‚‹() Dim xls As Object Dim i As Long Dim txt As String Dim sld As Slide Dim shp As Shape Set xls = CreateObject("Excel.Application") W
[CSS]デザインã¯ç¾Žã—ãã€ã‹ã‚ã„ã„アニメーションを備ãˆãŸãƒŠãƒ“ゲーションを実装ã™ã‚‹ãƒ‡ãƒ¢
シンプルãªãƒªã‚¹ãƒˆã‚’使ã£ã¦ã€ã‚¢ã‚¤ãƒ†ãƒ ãŒãƒ›ãƒãƒ¼æ™‚ã«å¹ã出ã—状ã«ãƒãƒƒãƒ—アップã™ã‚‹ã‹ã‚ã„らã—ã„アニメーションを備ãˆãŸãƒŠãƒ“ゲーションを実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‡ãƒ¢ã‚’紹介ã—ã¾ã™ã€‚ アニメーションもã‹ã‚ã„ãã¦ç´ 敵ã§ã™ãŒã€åŠé€æ˜Žã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã¨ã¦ã‚‚美ã—ã„ナビゲーションã§ã™ã。 デモã¯ã€æœ€æ–°ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã§ã”覧ãã ã•ã„。 Menu 実装ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ HTML シンプルãªãƒªã‚¹ãƒˆã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ <nav> <menu> <li><a href="#">☀</a></li> <li><a href="#">✈</a></li> <li><a href="#">â„</a></li> <li><a href="#">☎</a></li> </menu> </nav> <nav class="menu2"> <menu> <li><a href="#">home</a></li> <li><
ã“ã‚Œã¯ã‚«ãƒ¯ã‚¤ã‚¤ï¼ã‚·ãƒ¼ãƒ レスã«ä½¿ãˆã‚‹ç·»å¯†ã§ç¹Šç´°ãªæŸ„ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æ -Apricum.net
ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯Photoshop用ã®PATã§ã€ã‚·ãƒ¼ãƒ レスã«åˆ©ç”¨ã§ãã¾ã™ã€‚色ãŒæ˜¥ã£ã½ãã¦ã€ã„ã„ã§ã™ã。 PATã‚’Photoshopã§é–‹ãã¨ã“ã‚“ãªæ„Ÿã˜ ç´ æã®åˆ©ç”¨ã«ã‚ãŸã£ã¦ã¯å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§ã€ç´ æã®å†é…布や販売ã¯ç¦æ¢ã€ã¨ã®ã“ã¨ã§ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã¯ã€ä¸‹è¨˜ã‚ˆã‚Šã©ã†ãžã€‚
LayoutIt! - Interface Builder for CSS Grid and Bootstrap
Bootstrap Builder Drag-and-drop the same Bootstrap components to your own design. Easy to integrate with any programming language, you just download the HTML and start coding the design into it. Grid Generator Start creating your own CSS Grid Layouts simply and easily with this magic tool. Define your grid, select the areas and get the code! You can also include support for IE 10 and 11 with just
Subscription | Kodeco
Supercharge your mobile dev skills Explore the best, up-to-the-minute content for mobile development. Get started
Snufel - Sell physical and digtal products
Select Location Snufel allows you to shop from anywhere in the world.
エンジニアã®ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆæ˜ åƒæ´»ç”¨æ–¹æ³• 記事一覧 | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â 。個別ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„る記事ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
Windows対応ã®ãƒ“ジュアル開発環境「Delphiã€ãŒiOS対応クãƒã‚¹ã‚³ãƒ³ãƒ‘イラをæ載。iOSãƒã‚¤ãƒ†ã‚£ãƒ–ãªã‚¢ãƒ—リ開発を実ç¾
Windows対応ã®ãƒ“ジュアル開発環境「Delphiã€ãŒiOS対応クãƒã‚¹ã‚³ãƒ³ãƒ‘イラをæ載。iOSãƒã‚¤ãƒ†ã‚£ãƒ–ãªã‚¢ãƒ—ãƒªé–‹ç™ºã‚’å®Ÿç¾ Windowsアプリケーションã®é–‹ç™ºã§ã¯ä¸€èˆ¬çš„ã«ãªã£ãŸãƒ“ジュアル統åˆé–‹ç™ºç’°å¢ƒã‚’用ã„ã¦ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ãªiOSアプリケーションã®é–‹ç™ºã‚’実ç¾ã™ã‚‹è£½å“ãŒç™»å ´ã—ã¾ã—ãŸã€‚ 旧ボーランドã®é–‹ç™ºéƒ¨é–€ã‚’2008å¹´ã«åˆä½µã—ã€ä»¥æ¥Delphiã‚„C++Builderãªã©ã®æ—§ãƒœãƒ¼ãƒ©ãƒ³ãƒ‰ã®è£½å“ã®é–‹ç™ºè²©å£²ã‚’進ã‚ã¦ããŸã‚¨ãƒ³ãƒã‚«ãƒ‡ãƒãƒ»ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚ºã¯4月22æ—¥ã€Delphiã«iOSã®ã‚¯ãƒã‚¹ã‚³ãƒ³ãƒ‘イラをæ載ã—ã€iOSãƒã‚¤ãƒ†ã‚£ãƒ–ãªã‚¢ãƒ—リケーション開発をå¯èƒ½ã«ã—ãŸã€ŒDelphi XE4ã€ã‚’å«ã‚€æ–°è£½å“「RAD Studio XE4ã€ã‚’日本をå«ã‚€ä¸–ç•Œã§åŒæ™‚発表ã—ã¾ã—ãŸã€‚ ビジュアル開発環境ã¨Delphi言語ã§iOSプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° Delphi XE4ã§ã¯ã€Object Pascalã‚’æ‹¡å¼µã—ãŸDelphi言語ã§i
jQuery Core 1.9 アップグレードガイド 日本語訳
ã¡ã‚‡ã£ã¨è©±é¡Œã¨ã—ã¦ã¯ä¹—ã‚Šé…ã‚ŒãŸæ„ŸãŒæ¼‚ã„ã¾ã™ãŒã€å…ˆæœˆæœ«ã« jQuery 1.9 ã®æ£å¼ç‰ˆã€ãŠã‚ˆã³ jQuery 2.0 ã®ãƒ™ãƒ¼ã‚¿ç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ jQuery 1.9 final, jQuery 2.0 beta, Migrate final released ： Official jQuery Blog ã“ã‚Œã«éš›ã—ã¦å…¬é–‹ã•ã‚ŒãŸã€jQuery 1.9 ã¸ã®ç§»è¡Œã‚¬ã‚¤ãƒ‰ 「jQuery Core 1.9 Upgrade Guide〠を翻訳ã—ã¦ã¿ãŸã®ã§ä¸‹è¨˜ã«å…¬é–‹ã—ã¦ã¿ã¾ã™ã€‚ jQuery 1.9 / 2.0 ã¨ã¯ï¼Ÿ jQuery 2.0 㯠IE 6/7/8 ã¸ã®å¯¾å¿œã‚’ã‚„ã‚ã‚‹ã“ã¨ã§ã€ã‚ˆã‚Šè»½é‡ã§é«˜é€Ÿã€ãã—ã¦å®‰å®šåŒ–を目指ã—㟠jQuery ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—版ã§ã™ãŒã€jQuery 1.9 㯠2.0 㨠完全ãªäº’æ›æ€§ã‚’æŒã¡ã¤ã¤ã‚‚ã€ãƒ¬ã‚¬ã‚·ãƒ¼ãƒ–ラウザã¸ã®å¯¾å¿œãŒå¯èƒ½ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã€IE 8
タブレット端末ã«ãŠã‘ã‚‹ç›´æ„Ÿçš„ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®è½ã¨ã—ç©´ (ユーザビリティ実践メモ)
スマートフォンã¨ã¨ã‚‚ã«ã‚¿ãƒ–レット端末ã®æ™®åŠçŽ‡ã¯ã¾ã™ã¾ã™ä¸Šæ˜‡ã—ã€æœ€è¿‘ã§ã¯è¡—ä¸ã‚„電車ãªã©ã§ã‚¿ãƒ–レット端末を利用ã—ã¦ã„る人を多ã見ã‹ã‘るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 今回ã¯ã€å¼Šç¤¾ã§å®Ÿæ–½ã—ãŸé›‘誌アプリã®èª¿æŸ»ã‚’例ã«ã€ç›´æ„Ÿçš„ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã—ã¦ã‚ˆãå–り上ã’られるã€ã‚¹ãƒ¯ã‚¤ãƒ—ã®è½ã¨ã—ç©´ã«ã¤ã„ã¦ã”紹介ã—ã¾ã™ã€‚ ■調査ã§ç™ºè¦‹ã•ã‚ŒãŸã€Œã‚¹ãƒ¯ã‚¤ãƒ—ã€ã®æ„外ãªè½ã¨ã—ç©´ã¨ã¯ 弊社ã§èª¿æŸ»ã‚’è¡Œã£ãŸã‚¿ãƒ–レットå‘ã‘雑誌アプリã«ã‚‚ã€ãƒšãƒ¼ã‚¸é€ã‚Šæ™‚ã®æ“作ã¨ã—ã¦ã‚¹ãƒ¯ã‚¤ãƒ—ãŒæŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚実際ã«æœ¬ã®ãƒšãƒ¼ã‚¸ã‚’ã‚ãるよã†ãªã€ç›´æ„Ÿçš„ã§åˆ†ã‹ã‚Šã‚„ã™ã„æ“作ãªã®ã§ã€ã“ã®æ“作を使ãˆãªã„ユーザã¯ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ ã—ã‹ã—ã€ã‚ˆã行動を観察ã™ã‚‹ã¨ã€é›‘誌アプリをèªã‚€ãƒ¦ãƒ¼ã‚¶ã«ã¯ã€å…±é€šã®ç‰¹å¾´ãŒè¦‹ã‚‰ã‚Œã¾ã—ãŸã€‚ãã‚Œã¯ã€èˆˆå‘³ã®ã‚る記事ã®ãƒšãƒ¼ã‚¸ã«ã—ã‹ç›®ã‚’ç•™ã‚ãšã€å¤šãã®ãƒšãƒ¼ã‚¸ã‚’èªã¿é£›ã°ã™ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ã“ã®æ™‚ã€ãƒ¦ãƒ¼ã‚¶ã¯ä¸¡æ‰‹ã§æŒã£ã¦ã„ãŸã‚¿ãƒ–レットをã‚ã–ã‚ã–片手ã«æŒã¡æ›¿ãˆã¦ã€ç©ºã„ãŸæ‰‹
MVCã€è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ - Smalltalkã®tã¯å°æ–‡å—ã§ã™
â–¼Reenskaug (XEROX PARC) 「MVCã€/ Things - Model - View - Editor MVC / XEROX PARC 1978-79 変化ã—ã«ãã„インフォメーションã¨å¤‰åŒ–ã—ãŒã¡ãªãƒ—レゼンテーションã¨ã®åˆ†é›¢ã€‚メンタルモデルã®è¨˜è¿°ã¨ã—ã¦ã®MVCã¯å¤±æ•—（続ã㯠DCI, Data - Context - Interaction ã§ï¼‰ã€‚Smalltalk-76, 1978。 â–¼Reenskaug (XEROX PARC) 「MVCã€/ Model - View - Controller(Editor) MODELS - VIEWS - CONTROLLERS Controller ã‚’è¿½åŠ ã€‚Editor ã¯ç‰¹æ®Šãª Controller ã¨ã—ã¦ä½ç½®ä»˜ã‘。Smalltalk-80, 1979-。 â–¼VisualWorks (ParcPlace Systems) 「
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[JS]ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„jQueryã®ãƒ—ラグインã®ã¾ã¨ã‚ -2013å¹´3・4月
https://jakesdenver.com/
{{#tags}}- {{label}}
{{/tags}}