サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
[JS]フォームã®ã•ã¾ã–ã¾ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç•°ãªã‚‹ãƒ–ラウザ・スクリーンã§åŒã˜ã‚ˆã†ã«ç¾Žã—ã表示ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Formplate
デモ：Safari/OS Xã§è¡¨ç¤º フォームã®è¦‹ãŸç›®ã¯ã©ã®ãƒ–ラウザã§ã‚‚美ã—ã表示ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚スクリーンサイズを変更ã—ã¦ã‚‚åŒæ§˜ã«ç¾Žã—ã表示ã•ã‚Œã¾ã™ã€‚ Formplateã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプト・スタイルシートã¨jquery.jsã¨Modernizrを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> // Required javascript <script src="js/min/jquery-v1.10.2.min.js"></script> <script src="js/min/modernizr-custom-v2.7.1.min.js"></script> // Formplate <script src="js/min/formplate.min.js"></script> <link href="css/formplate.css" rel="st
![[JS]フォームã®ã•ã¾ã–ã¾ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç•°ãªã‚‹ãƒ–ラウザ・スクリーンã§åŒã˜ã‚ˆã†ã«ç¾Žã—ã表示ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Formplate](https://cdn-ak-scissors.b.st-hatena.com/image/square/9ed9261b41e9377fcfcb1f225aa1aa691a91afdd/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014112605.png)
美ã—ã„フォントã¯æ—¥æœ¬ã®å®ï¼ãƒ—ãƒãƒ¦ãƒ¼ã‚¹å‘ã‘ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚’扱ã£ã¦ã„るベンダーå„社ã®ã¾ã¨ã‚
Webデザイナーã€DTPデザイナーãªã©ãŒæ„›ç”¨ã™ã‚‹ãƒ—ãƒãƒ¦ãƒ¼ã‚¹ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚’扱ã£ã¦ã„るベンダーå„社を紹介ã—ã¾ã™ã€‚ ã„ã„フォントã«å‡ºä¼šãˆã‚‹ã¨ã€ãªã‚“ã ã‹å¹¸ã›ãªæ°—æŒã¡ã«ãªã‚Šã¾ã™ã‚ˆã。 モリサワ 最åˆã«è³¼å…¥ã™ã¹ãフォントã¯ä½•ï¼Ÿã€€ã¨èžã‹ã‚ŒãŸã‚‰ã“ã®ãƒ¢ãƒªã‚µãƒ¯ã®ã€Œæ–°ã‚´ã€ã§é–“é•ã„ãªã„ã§ã—ょã†ã€‚当ãŸã‚Šå‰ã™ãŽã¾ã™ãŒã€ã¯ãšã™ã“ã¨ã¯ã§ãã¾ã›ã‚“。 最近ã¯ã€ã€Œã‚·ãƒãƒžãƒ¬ã‚¿ãƒ¼ã€ã€Œã™ãšã‚€ã—ã€ã¨ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚‚充実ã—ã¦ãã¦ã„ã¾ã™ã€‚
[JS]スライダーã®ã‚¹ã‚¯ãƒªãƒ—トを探ã—ã¦ã„ã‚‹ãªã‚‰çµ¶å¯¾ãƒã‚§ãƒƒã‚¯ã—ãŸæ–¹ãŒã„ã„スクリプト -Slider Pro
デスクトップã€ã‚¹ãƒžãƒ›ã€ã‚¿ãƒ–レットã®è¡¨ç¤ºãƒ»æ“作ã«å¯¾å¿œã—ãŸã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’実装ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ 今必è¦ã¨ã•ã‚Œã‚‹ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ 「Proã€ãŒã¤ã„ã¦ã‚‹ã‹ã‚‰æœ‰æ–™ï¼Ÿã£ã¦æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€MITラインセンスã§å€‹äººã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Slider Pro Slider Pro -GitHub Slider Proã®ç‰¹å¾´ Slider Proã®ãƒ‡ãƒ¢ Slider Proã®ä½¿ã„æ–¹ Slider Proã®ç‰¹å¾´ Slider Proã¯ã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’モジュールå¼ã«å®Ÿè£…ã§ãã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã€ã‚¿ãƒƒãƒæ“作ã«ã‚‚対応ã—ãŸjQueryã®ãƒ—ラグインã§ã™ã€‚ デフォルトã®5タイプã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ 機能ã¯éžå¸¸ã«è±Šå¯Œã§ã™ã€‚ ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«å¯¾å¿œ デフォルトã§å®Œå…¨ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応（デモ全ã¦ï¼‰ タッãƒãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—æ“作ã«å¯¾å¿œï¼ˆãƒ‡ãƒ¢å…¨ã¦ï¼‰ ブレイクãƒã‚¤ãƒ³ãƒˆ
![[JS]スライダーã®ã‚¹ã‚¯ãƒªãƒ—トを探ã—ã¦ã„ã‚‹ãªã‚‰çµ¶å¯¾ãƒã‚§ãƒƒã‚¯ã—ãŸæ–¹ãŒã„ã„スクリプト -Slider Pro](https://cdn-ak-scissors.b.st-hatena.com/image/square/662c60ab62c1f546c5985eed5c70eddf66814399/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014111905.png)
スã‚ャンã—ãŸä¸‹çµµã‚„ç·šç”»ã‹ã‚‰1クリックã§ä¸»ç·šã‚’抽出ã™ã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ -Lineart Separate
個人ã§ã‚‚商用ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€ä¸‹çµµã‚„ç·šç”»ã‹ã‚‰1クリックã§ä¸»ç·šã‚’抽出ã™ã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ 数手間ã‹ã‹ã‚‹ã®ãŒã€1クリックã§ã§ãã¡ã‚ƒã†ã¨æ¥½ã¡ã‚“ã§ã™ã。 登録ã™ã‚‹ã¨ã€ã“ã‚“ãªæ„Ÿã˜ã«ã€‚ ※最後ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã€ŒLayer 0ã€ã§ã€æ—¥æœ¬èªžç’°å¢ƒã ã¨ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãŒæ¢ã¾ã£ã¦ã—ã¾ã„ã¾ã™ãŒã€å˜ã«ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’éžè¡¨ç¤ºã«ã™ã‚‹ã ã‘ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãªã®ã§ç„¡è¦–ã—ã¦ã‚‚大丈夫ã§ã™ã€‚変更ã™ã‚‹æ™‚ã¯ä¸Šã«ã¡ã‚‰ã£ã¨è¦‹ãˆã¦ã‚‹ã‚ˆã†ã«ã€Œãƒ¬ã‚¤ãƒ¤ãƒ¼0ã€ã«ã—ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§çŸ¥ã‚Šåˆã„ã®çµµå¸«ã•ã‚“ã«ä¸‹çµµã‚’ã„ãŸã ã„ãŸã®ã§ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚
イラストやデザインã®è³ªæ„Ÿã‚¢ãƒƒãƒ—ã«ä½¿ãˆã‚‹ï¼é‰›ç†ã‚„木ç‚やペンã‚ã€ãµã‚ã£ã¨ã—ãŸå¥³åæœã€ã¼ã‘・光・煙・霧ãªã©ã‚’æãPhotoshopã®ãƒ–ラシã®ã¾ã¨ã‚
ãƒãƒ£ã‚³ãƒ¼ãƒ«ã‚„インクやペンã‚やペンãªã©ã®ã‚¹ãƒˆãƒãƒ¼ã‚¯ç³»ã‚’ã¯ã˜ã‚ã€ãƒ¬ãƒ¼ã‚¹ã¨ã‹ãƒ•ã‚¡ãƒ¼ã¨ã‹å¥³åæœã®ãµã‚ã£ã¨ã—ãŸè³ªæ„Ÿã€å…‰ã‚„ã¼ã‘ã®ç¾Žã—ã„エフェクトã€ä»–ã«ã‚‚炎や煙や雪や水ãªã©ã€ãã®ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒã™ã”ã„Photoshoopã®ãƒ–ãƒ©ã‚·ç´ æを紹介ã—ã¾ã™ã€‚ ãŠçµµæãã«ã‚‚よã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚„è³ªæ„Ÿã‚’åŠ ãˆãŸã‚Šã¨Photoshopをパワーアップã™ã‚‹ã‚‚ã®ã°ã‹ã‚ŠãŒæƒã£ã¦ã„ã¾ã™ã€‚
[CSS]ç´ æ™´ã‚‰ã—ã„テクニックãŒæº€è¼‰ï¼å›²ã„や区切りãªã©ã®ãƒ©ã‚¤ãƒ³ã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
divã‚„pã€hrãªã©ã§å®Ÿè£…ã•ã‚ŒãŸå›²ã„や区切りã®ã‚¹ã‚¿ã‚¤ãƒ«ã«ã€ä¸€æ‰‹é–“åŠ ãˆãŸç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ ã‹ã‚ã„ã„デザインã‹ã‚‰ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªã‚‚ã®ã¾ã§ã€å®Ÿè£…ã®ã‚¢ã‚¤ãƒ‡ã‚¢ãŒç´ 晴らã—ã„ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚
![[CSS]ç´ æ™´ã‚‰ã—ã„テクニックãŒæº€è¼‰ï¼å›²ã„や区切りãªã©ã®ãƒ©ã‚¤ãƒ³ã‚’実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/a545d68e72312cfa64f79c7d1932afa3d3078686/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014120205-19.png)
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}