実用的ãªã‚‚ã®ã‹ã‚‰å®Ÿé¨“çš„ãªã‚‚ã®ã¾ã§ã€æœ€è¿‘リリースã•ã‚ŒãŸã‚‚ã®ã‚’ä¸å¿ƒã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚
[CSS]ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | コリス
実用的ãªã‚‚ã®ã‹ã‚‰å®Ÿé¨“çš„ãªã‚‚ã®ã¾ã§ã€æœ€è¿‘リリースã•ã‚ŒãŸã‚‚ã®ã‚’ä¸å¿ƒã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚
todya-only.net
Bing Mapsã®åŸºç¤Žã€œå¿œç”¨ æŸGã®mapã®APIを利用ã™ã‚‹ã®ã«ã‚¯ãƒ¬ã‚«ç™»éŒ²ãŒå¿…é ˆã¨ãªã£ãŸã®ã§ã€Bing Mapsã§ã©ã®ãらã„ã¾ã§ã„ã‘ã‚‹ã®ã‹è©¦ã—ã¦ã¿ãŸã€‚ 主ãªä½¿ç”¨æŠ€è¡“ Bing Maps APIã€JavaScriptã€CSSã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– 詳ã—ã見る Youtube APIを使用ã—ãŸã‚µãƒ³ãƒ—ル YouTube Data API (v3)を使用ã—ã€JavaScriptã«ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒãƒ£ãƒ³ãƒãƒ«ã®å‹•ç”»ã‚’å–å¾—ã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ を作æˆã€‚ 主ãªä½¿ç”¨æŠ€è¡“ YouTube Data APIã€JavaScript(jQuery)ã€CSSã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– 詳ã—ã見る ãƒã‚±ãƒ¢ãƒ³GO図鑑 Githubã«å…¬é–‹ã•ã‚Œã¦ã„る「Pokemon-DBã€ã‚’å…ƒã«ãƒšãƒ¼ã‚¸ã‚’ç”Ÿæˆ ä¸»ãªä½¿ç”¨æŠ€è¡“ JavaScript(jQuery)ã€CSSã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€Photoshop（タイプã®ãƒ‰ãƒƒãƒˆçµµã‚’作æˆï¼‰ 詳ã—ã見る
Photoshopã§ã‚ªãƒ¼ãƒãƒ©ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ç”»åƒã‚’作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ｜https://wp.yat-net.com/name
webサイトã®èƒŒæ™¯ãªã‚“ã‹ã§è¦‹ã‹ã‘るグラデーションãƒãƒƒã‚¯ã«å…‰ã‚’ã‚’ä¹—ã›ãŸã‚ªãƒ¼ãƒãƒ©ã®ã‚ˆã†ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚今回ã¯ã“ã‚Œã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ãƒã‚¹ãƒˆã—ã¾ã™ã€‚ãã‚“ãªã«é›£ã—ããªã„ã—ã€ã‚„り方を工夫ã™ã‚Œã°ã‚‚ã£ã¨ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒã‚ã’られるã®ã§æ˜¯éžã”活用ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 解説ã—ã¦ã„るソフトã¯PhotoshopCS4ã§ã™ãŒã€ä»–ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚‚当然作れã¾ã™ã€‚ã¾ãŸã€åƒ•ã¯æ™®æ®µwindowsを使用ã—ã¦ã„ã‚‹ã®ã§windowsã®ã‚ーé…列ã«ã¦èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚
ã€Fireworks】ã¡ãŽã£ãŸç´™ã£ã½ã„パーツをサクッã¨ä½œã‚‹ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
Adobe ã® Creative Suite 5.5 ãŒç™ºè¡¨ã«ãªã‚Šã¾ã—ãŸã。 Dreamweaver ã®é€²åŒ–ã£ã·ã‚ŠãŒå‡„ã¾ã˜ã„ã§ã™ãŒã€å½±ã«éš れ㦠Fireworks も実㯠5.1 ã«ãƒžã‚¤ãƒŠãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚ å‚考：Fireworks CS5.1 in Creative Suite CS5.5 ãƒã‚° FIX ãŒãƒ¡ã‚¤ãƒ³ï¼ˆãã‚Œã ã‘ã§ã‚‚有難ã„ï¼ï¼‰ã§ã™ãŒã€æ›¸ã出ã—時ã®è‰²ã®æœ€é©åŒ–ãŒæ”¹å–„ã•ã‚Œã¦ã„ãŸã‚Šã€ãƒ•ã‚¡ã‚¤ãƒ«ä¿å˜æ™‚ã«æœ€å¾Œã«ä¿å˜ã—ãŸå ´æ‰€ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§é–‹ãよã†ã«ãªã£ã¦ã„ãŸã‚Šã™ã‚‹ã‚ˆã†ã§ã™ï¼ 嬉ã—ã„â€¦ï¼ ä»Šå›žã¯ã€Fireworks ã§ã¡ãŽã£ãŸç´™ã£ã½ã„パーツを簡å˜ã«ä½œã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ Step1 ã¨ã‚Šã‚ãˆãšã€ã‚«ãƒ³ãƒã‚¹ã«èƒŒæ™¯ã‚’æ•·ãã¾ã™ã€‚（サンプル㯠Fireworks ã®å¡—ã‚Šã®ã€Œãƒ‘ターンã€ã«ã‚る「é’ã„布ã€ã‚’ãã®ã¾ã‚“ã¾ï¼‰ Step2 白ã„矩形を置ãã¾ã™ã€‚ Step3 ストãƒãƒ¼ã‚¯ï¼ˆç ´ç·šãƒ€ãƒ–ルã€å¤–å´ã€1
ã‚ãã‚ŒãŸç´™ã®Photoshopãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« — WEB-PARK.ORG | サイト制作ã«ä½¿ç”¨ã—ãŸè‡ªä½œjQueryコードã®ã”紹介
紙を使用ã—ãŸã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹éš›ã«æ°—を付ã‘ãŸã„ã®ã¯å®‰ã£ã½ããªã‚‰ãªã„ã“ã¨ã§ã™ã€‚ ワンãƒã‚¤ãƒ³ãƒˆè¡¨ç¾ã¨ã—ã¦ã€ç´™ã‚’ã‚ãã‚Œã‚ãŒã£ãŸæ„Ÿã˜ã«ã™ã‚‹ã¨é›°å›²æ°—ãŒå‡ºã¾ã™ã€‚ ç´™ã®è³ªæ„Ÿã‚’ã ã™ ã¾ãšåˆã‚ã«å››è§’ã®æ–°è¦ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’作æˆã—ã¾ã™ã€‚ レイヤースタイル[光彩（外å´ï¼‰]ã«[æ画モード：通常][ä¸é€æ˜Žåº¦ï¼š20%][色：#000000]を指定ã—ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯[サイズ：5%]ã«ã—ã¾ã™ã€‚ 次ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’上ã®æ–¹ã ã‘ã«ã‚°ãƒ¬ãƒ¼ã‚’æ•·ãã€è³ªæ„Ÿã‚’表ç¾ã—ã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ ã‚ãã‚ŒãŸæ„Ÿã˜ã‚’è¡¨ç¾ å‡ºæ¥ä¸ŠãŒã£ãŸãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ç«¯ã‚’三角形ã«ã‚«ãƒƒãƒˆã—ã€æ–°è¦ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ã‚³ãƒ”ーã—ã¾ã™ã€‚ ã“ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒã‚ãã‚ŒãŸéƒ¨åˆ†ã«ãªã‚Šã¾ã™ã€‚ 三角形を自由変形ã§å転ã•ã›ã€ç´™ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®å†…å´ã«é…ç½®ã—ã¾ã™ã€‚ ã“ã®ã¾ã¾ã ã¨ç›´ç·šã™ãŽã‚‹ã®ã§ã€å·¦ç«¯ã‚’楕円形ã«å‰Šé™¤ã—ã¾ã™ã€‚ ペンツールを使用ã™ã‚Œã°å¾®å¦™ãªãƒ©ã‚¤ãƒ³ã‚’æã‘ã¾ã™ã€‚ レイヤースタイル[光彩（外å´ï¼‰]ã«[æ画モード：通常]
CSS3ボタンã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
This is part of a series of guest posts covering tips and tricks for working with fonts on the web. Today’s post was written by Dan Cederholm of SimpleBits. A few years ago I gave a talk about why a button made a great place to bring in type from a branding element (such as a logo). My point was that if the type in your logo was an image, and stylish buttons were also often images, then why not al
IEã§CSS3ã®åŠ¹æžœã‚’出ã›ã‚‹ã€‚クãƒã‚¹ãƒ–ラウザ対応 CSSスニペット｜Web Design KOJIKA17
IEã§CSS3ã®åŠ¹æžœã‚’出ã›ã‚‹ã€‚ クãƒã‚¹ãƒ–ラウザ対応 CSSスニペット 2011-02-01 影をã¤ã‘ãŸã‚Šã€è§’丸ã«ã—ãŸã‚Šã€ä¾¿åˆ©ãªCSS3。モダンブラウザã¯ç¶šã€…ã¨å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ä¾ç„¶ã¨ã—ã¦IEã®ã‚·ã‚§ã‚¢çŽ‡ãŒå¤šã„ç¾åœ¨ã§ã¯ã€ã€ŒCSS3を使ã†ã®ã¯ã€ã¡ã‚‡ã£ã¨ãƒ»ãƒ»ãƒ»ã€ã¨æ€ã£ã¦ã„る方も多ã„ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§IEã®filterを利用ã—ã€JavaScriptã‚„ç”»åƒã‚’使ã‚ãšã«ã€CSS3ã«è¿‘ã„効果を表ç¾ã§ãる〠実用的ãªCSSã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’紹介致ã—ã¾ã™ã€‚ Opacity 指定ã—ãŸãƒœãƒƒã‚¯ã‚¹è‡ªä½“ã®ä¸é€æ˜Žåº¦ã‚’変ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸæŒ‡å®šã—ãŸè¦ç´ ã®ä¸‹ä½ã®è¦ç´ ã«å¯¾ã—ã¦ã‚‚ã€åŠ¹æžœãŒç¶™æ‰¿ã•ã‚Œã¾ã™ã€‚ imgã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãªã©ã®ä½¿ã„é“ãŒã‚ã‚Šã¾ã™ã€‚ Opacity Sample .opacity { opacity: .5; /* FireFox, Webkit, Opera */ -ms-filter: "progi
IE6用é€éŽpng対応ç–ã€DD_belatedPNGã®ä½¿ç”¨æ³•ã¨æ³¨æ„点
以å‰ã‚‚ã“ã®ã€ŒDD_belatedPNG.jsã€ã«é–¢ã—ã¦ã¯ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¾ã—ãŸãŒ 『IE6ã§é€éŽpngを表示ã•ã›ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡scriptã€ã€ŒDD_belatedPNG.jsã€ã€ã€ã‚ã¾ã‚Šã®ç´ 晴らã—ã•ã«ã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ã ã‘ã—ã¦ä½¿ç”¨æ³•ã¨ã‹æ³¨æ„äº‹é …ãªã©å¤§äº‹ãªéƒ¨åˆ†ã«è§¦ã‚Œãšã˜ã¾ã„ã§ã—ãŸã€‚ ã“ã®ç´ 敵ãªé€éŽpng対応ç–ã§ã‚ã‚‹DD_belatedPNGã¡ã‚ƒã‚“ã§ã™ãŒã€imgè¦ç´ ã«ä½¿ç”¨ã™ã‚‹éš›ã«ã‚‚ã€divè¦ç´ ã‚„pè¦ç´ ç‰ã®èƒŒæ™¯ç”»åƒã«å¯¾ã—ã¦ä½¿ç”¨ã™ã‚‹éš›ã‚‚ã€ã»ã‚“ã®ã¡ã‚‡ã£ã¨ã—ãŸã‚¯ã‚»ãŒã‚ã‚Šã¾ã™ã€‚ ãªã®ã§ã€ä»Šå›žã¯ã“ã®å‰å¤§ãªã‚‹ã€ŒDD_belatedPNG.jsã€ã®ä½¿ç”¨æ–¹æ³•ã¨ã€ä½¿ç”¨ã«é–¢ã™ã‚‹ã¡ã‚‡ã£ã¨ã—ãŸæ³¨æ„点ãªã©ã‚’エントリーã—よã†ã¨æ€ã„ã¾ã™ã€‚ DD_belatedPNGã®ä½¿ç”¨æ³•ã¨æ³¨æ„点 1.使用ã™ã‚‹ãŸã‚ã®æº–å‚™ ã¾ãšã¯ã“ã®ã€ŒDD_belatedPNG.jsã€è‡ªä½“をダウンãƒãƒ¼ãƒ‰ã—ãªã„コトã«ã¯å§‹ã¾ã‚Šã¾ã›ã‚“。 é…布元ã®Drew Diller’s bl
éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€€ãã®ï¼‘ | 07design.blog
デザイナーã§ã¯ãªã„方も趣味ã§ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’作ã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚デザイナーã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ãƒ»ãƒ»ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ãªã„方も趣味ã§ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã„ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«é ¼ã‚€ã»ã©ã§ã‚‚ãªã„ç”»åƒã‚’作ã£ãŸã‚Šã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ デザイナーã¯ã‚»ãƒ³ã‚¹ã§ã‚µã‚¯ã‚µã‚¯ã¨åˆ¶ä½œã™ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ 実ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚‚ã®ã¯æ•°ã€…ã®ãƒ«ãƒ¼ãƒ«ã«ã‚ˆã£ã¦æˆç«‹ã—ã¦ã„ã¾ã™ã€‚ ãã®ãƒ«ãƒ¼ãƒ«ã®çŸ¥è˜ãŒã‚ã‚Œã°ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ¬ãƒ™ãƒ«ã¨ã¯ã„ã‹ãªã„ã‚‚ã®ã®ã€è¦‹ãŸç›®ãŒãã‚Œã„ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ä½œã‚Œã‚‹ã¯ãšã§ã™ã€‚ デザインã¨ã„ã†è¨€è‘‰ã®å®šç¾©ã‚„ソフトã®ä½¿ã„æ–¹ã‹ã‚‰å§‹ã‚ã¦ã—ã¾ã†ã¨ã‚„ã‚„ã“ã—ããªã‚‹ã®ã§ã€ 今回ã¯ã‚ãã¾ã§ã‚‚「ã¨ã‚Šã‚ãˆãšè¦‹ãŸç›®ã‚’ã‚レイã«ã™ã‚‹ã€ã¨ã„ã†ã“ã¨ã«é‡ç‚¹ã‚’ç½®ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ 記事内ã§
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}