å…¨ã¦å•†ç”¨åˆ©ç”¨ç„¡æ–™ï¼ã™ãã«ä½¿ãˆã‚‹JPEGç´ æã‹ã‚‰ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚’作æˆã§ãã‚‹PSDã¾ã§ãƒ–ラーãªèƒŒæ™¯ç´ æã®ã¾ã¨ã‚
å…¨ã¦å•†ç”¨åˆ©ç”¨ç„¡æ–™ï¼ã™ãã«ä½¿ãˆã‚‹JPEGç´ æã‹ã‚‰ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚’作æˆã§ãã‚‹PSDã¾ã§ãƒ–ラーãªèƒŒæ™¯ç´ æã®ã¾ã¨ã‚
å…¨ã¦å•†ç”¨åˆ©ç”¨ç„¡æ–™ï¼ã™ãã«ä½¿ãˆã‚‹JPEGç´ æã‹ã‚‰ã‚ªãƒªã‚¸ãƒŠãƒ«ã‚’作æˆã§ãã‚‹PSDã¾ã§ãƒ–ラーãªèƒŒæ™¯ç´ æã®ã¾ã¨ã‚
オリジナルテーマã®ä½œã‚Šæ–¹ 3.0+
Wordpress オリジナルテーマã®ä½œã‚Šæ–¹ 3.0+Wordpressã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚慣れるã¨ç°¡å˜ãªã®ã§ã™ãŒã€åˆå¿ƒè€…ã«ã¯å°‘ã—難ã—ã„Wordpressã®ã‚«ã‚¹ã‚¿ãƒ デザイン。Wordpressã®ãƒ†ãƒ¼ãƒžãŒã©ã®ã‚ˆã†ã«å‹•ãã®ã‹ã€ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ã®HTMLテンプレートã«ã©ã†ã‚„ã£ã¦Wordpressã®æ©Ÿèƒ½ã‚’ã¤ã‘ã‚‹ã®ã‹ã‚’説明ã—ã¦ã„ãã¾ã™ã€‚PHPã®çŸ¥è˜ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ãŒï¼ˆã‚‚ã¡ã‚ã‚“ã‚ã£ãŸæ–¹ãŒæ¥½ã§ã™ãŒï¼‰ã€è‡ªåˆ†ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ãŸã‚ã®Photoshopã¨CSSã®çŸ¥è˜ã¯å¿…è¦ã§ã™ã€‚ Wordpress オリジナルテーマã®ä½œã‚Šæ–¹ 3.0+Wordpress ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ¼ãƒžä½œæˆ å®Œç’§ã‚¬ã‚¤ãƒ‰Wordpress ã‚’ãƒãƒ¼ã‚«ãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹Wordpress オリジナルテーマã®ä½œã‚Šæ–¹ ↠今ã“ã“Wordpress オリジナルテーマをアップãƒãƒ¼ãƒ‰ã™ã‚‹1. Wordpress ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å…¥ã‚‹
Hosting Multiple Subdomains on MODx Revolution - Belafonte Code
This write up gives you a step-by-step of how to set up and run multiple subdomains on a single instance of MODx Revolution. This process was created using the official documentation, along with some other helpful tricks that I added to make possible for anyone to do without root server access. Update: Feb 11, 2011 — If you’re interested in hosting multiple top-level domains, the new write-up is h
å‡ä¸€ã§å˜èª¿ãªã‚·ãƒ£ãƒ‰ã‚¦ã‹ã‚‰å’æ¥ã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
å‡ä¸€ã§å˜èª¿ãªã‚·ãƒ£ãƒ‰ã‚¦ã§ã¯ãªãã€å¤§ãã•ã‚„ä¸é€æ˜Žåº¦ã‚’調整ã—ã¦å¥¥è¡Œãã®ã‚るシャドウをæãPhotoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Warping Drop Shadows to Give Depth 下記ã¯ãã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’å…ƒã«æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ Photoshopã®æ¨™æº–機能ã ã‘ã§ç°¡å˜ã«ä½œæˆãŒã§ãã¾ã™ã€‚ Step 1 ã¾ãšã¯æº–備をã—ã¾ã™ã€‚ 下記ã®ä¾‹ã§ã¯ã€ç™½ã„背景ã¨ç´™ã®ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’用æ„ã—ã¾ã—ãŸã€‚ Step 2 シャドウã®å…ƒã«ãªã‚‹çŸ©å½¢ã‚’æãã¾ã™ã€‚ 背景ã¨ãƒ†ã‚¯ã‚¹ãƒãƒ£ã®é–“ã«æ–°è¦ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’作æˆï¼ˆCtrl+Shift+Alt+[N]）ã—ã¾ã™ã€‚é¸æŠžãƒ„ール[M]ã§é•·æ–¹å½¢ãƒ„ールをé¸æŠžã—ã€å®Ÿä½“ã®ä¸‹ã®æ–¹ã«ã‚„ã‚„å°ã•ã‚ã«çŸ©å½¢ã‚’é¸æŠžã—ã¾ã™ã€‚å¡—ã‚Šã¤ã¶ã—ツール[G]を使用ã—ã¦ã€é¸æŠžç¯„囲を黒（#000000）ã§å¡—ã‚Šã¤ã¶ã—ã¾ã™ã€‚ シャドウã®å½¢ã¯å¾Œã®ã‚¹ãƒ†ãƒƒãƒ—ã§æ•´å½¢ã™ã‚‹ã®ã§ã€é©å½“ã§æ§‹ã„ã¾ã›ã‚“。
[CSS]CSS3を使用ã—ãŸç´ 敵ãªãƒœã‚¿ãƒ³ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®æ±ºå®šç‰ˆ
div, span, p, a, button, inputãªã©ã•ã¾ã–ã¾ãªHTMLè¦ç´ ã«é©ç”¨ãŒå¯èƒ½ãªã€CSS3グラデーションを使用ã—ãŸãƒœã‚¿ãƒ³ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’Web Designer Wallã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 Gradient Buttons ボタンã¯ç”»åƒã‚„JavaScriptを使用ã›ãšã€CSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã¦ã€ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã«åŸºã¥ã„ã¦æ‹¡å¤§ç¸®å°ãŒå¯èƒ½ãªã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ボタンã®ã‚µã‚¤ã‚ºã¯paddinã¨font-sizeã§ç°¡å˜ã«å¤‰æ›´ãŒå¯èƒ½ã§ã™ã€‚ 下記ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ã€æ‹¡å¤§ç¸®å°ã‚’試ã—ã¦ã¿ã¦ãã ã•ã„。
カスタムフィールドã§ã‚¢ãƒƒãƒ—ã—ãŸç”»åƒã®ãƒªã‚µã‚¤ã‚ºã«é–¢ã—ã¦ï½œCSS HappyLife
コーディングコンテストãŒå…ˆã»ã©ç· ã‚切りã«ãªã‚Šã¾ã—ãŸã。 ã”å‚åŠ ã—ãŸçš†ã•ã¾ã€æœ¬å½“ã«ãŠç–²ã‚Œã•ã¾ã§ã—ãŸã€‚ ãã£ã¨ã™ã”ã„時間使ã£ãŸã‚“ã ã‚ã†ãªã・・・ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚“ãªãƒ–ãƒã‚°æ›¸ã„ã¦ã‚‹ãã›ã«ã€ãƒœã‚¯å€‹äººã¨ã—ã¦ã¯CSS3ã®ä½¿ã„æ–¹ã¨ã‹ã¯ãã‚“ãªã«é‡è¦–ã—ã¦ç„¡ãã¦ã€HTMLãŒã©ã‚“ã ã‘イケã¦ã‚‹ã‹ãŒé‡è¦ã ã¨æ€ã£ã¦ã¾ã™ã€‚ ã•ã¦ã€ãã‚“ãªä¸ãªã®ã«MT関係ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ MTã§ç”»åƒã®ãƒªã‚µã‚¤ã‚ºã‚’è‰²ã€…é ‘å¼µã‚‹ãŸã‚ã®ã‚„ã‚Šæ–¹ã§ã™ã€‚ 想定ã—ã¦ã„る状æ³ã¯ã€ã‚ã‚“ã¾ãƒªãƒ†ãƒ©ã‚·ãƒ¼ãŒé«˜ããªã„人ãŒç”»åƒã‚’アップã—ã¦ã‚‚ã€å¤§å¤‰ãªäº‹ã«ãªã‚‰ãªã„よã†ã«ã‚¢ãƒƒãƒ—ã—ãŸç”»åƒã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦é©åˆ‡ãªç”»åƒã‚µã‚¤ã‚ºã«ãªã£ãŸã‚‰ã„ã„よãã£ã¦æ„Ÿã˜ã§ã™ã€‚ リサイズ関係ã§ã¯ã€ä»¥ä¸‹ã®è¨˜äº‹ã‚„プラグインもå‚考ã«ãªã‚‹ã‹ãªã¨ã€‚ å°ç²‹ç©ºé–“: Movable Type ã®ãƒ–ãƒã‚°è¨˜äº‹ã«è¡¨ç¤ºã™ã‚‹ç”»åƒã®ã‚µã‚¤ã‚ºã‚’制御ã™ã‚‹ ResizeImage - MovableTypeプラグイン 今回ボクãŒã‚„ã‚ã†
jQuery 1.4ã®æ–°æ©Ÿèƒ½8é¸ï¼‹Tabsプラグインã§ã‚¿ãƒ–表示
本稿ã§ã¯ã¾ãšã€ãã®ã„ãã¤ã‹ã‚’紹介ã—ã¾ã—ょã†ã€‚ ã™ãã«jQuery 1.4.1ãŒãƒªãƒªãƒ¼ã‚¹ï¼ CDNも対応 ã¾ãŸã€jQuery 1.4記念ã‚ャンペーンä¸ã«ãƒã‚°ä¿®æ£ç‰ˆã®jQuery 1.4.1ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ãã®å¾Œã€jQuery 1.4.1ã®ãƒªãƒªãƒ¼ã‚¹ã«ä¼´ã„ã€ã‚°ãƒ¼ã‚°ãƒ«ã¨ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã‹ã‚‰CDN（Content Delivery Networkã€è©³ç´°ã¯é€£è¼‰ç¬¬1回「jQueryã€ãƒ—ラグインã€jQuery UIã€Web経由ã®CDNã¨ã¯ã€ã‚’å‚照）もリリースã•ã‚Œã¦ã„ã¾ã™ã€‚ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.microsoft.com/ajax/jQuery/jquer
最近ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’è¸è¥²ã—ãŸã‚¦ã‚§ãƒ–サイトを作æˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
最近ã®ã‚¦ã‚§ãƒ–デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’è¸è¥²ã—ãŸã€ã‚¦ã‚§ãƒ–サイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’作æˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚
Design a Minimal and Modern Portfolio Layout with Photoshop
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. In this Photoshop web design tutorial,
40 Excellent Illustrator Tutorials — Smashing Magazine
Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the form of tutorials, which offer tips, tricks, and artistic styles from other designers who have mastered ce
グラデーションをより滑らã‹ã«ã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Photoshopを使用ã—ã¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æã„ãŸæ™‚ã«æ¿ƒæ·¡ã®ç¸žãŒã§ããªã„よã†ã«æ»‘らã‹ã«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’slodiveã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ How To Correct Banding In Your Gradients Using Photoshop 下記ã«ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ãƒã‚¤ãƒ³ãƒˆã‚’ステップã”ã¨ã«ç´¹ä»‹ã—ã¾ã™ã€‚ Step 1 レイヤーã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作æˆã—ã€ä½œæ¥ï¼ˆç¢ºèªï¼‰ç”¨ã«ãã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’コピーã—ã¾ã™ã€‚
10 Really Helpful Traversing Functions in jQuery | Envato Tuts+
With jQuery, selecting HTML elements is laughably easy. But at times, we may wish to further refine the selection, which can be a hassle when the HTML structure is complicated. In this tutorial, we'll explore ten ways that we can refine and extend a set of wrapped elements that we wish to operate upon. The HTML First of all, let's take a look at the simple webpage shown in the figure below. We'll
ウェブデザインã®å¹…ã‚’ã²ã‚ã’ã‚‹20ã®ã‚ーワード | コリス
20 Vital Techniques & Best Practices For Effective Web Design 下記ã€å„エッセンスã®ç°¡å˜ãªèª¬æ˜Žã¨ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã¨ã‚µã‚¤ãƒˆã®ç´¹ä»‹ã§ã™ã€‚noupeã®ã‚µã‚¤ãƒˆã§ã¯ä»–ã«ã‚‚多ãã®ã‚µã‚¤ãƒˆãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 1. ビビッド カラー 2. グラデーションã¨ãƒ©ã‚¤ãƒˆã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 3. é€éŽ 4. グランジ 5. 手書ã風ã®ãƒ‡ã‚¶ã‚¤ãƒ³ 6. 押ã•ãˆãŸè‰²å‘³ 7. 水彩画ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 8. ãƒã‚¤ãƒãƒ£ãƒ¼ç³»ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ 9. 写実的ã§ãƒªã‚¢ãƒ«ãªèƒŒæ™¯ 10. 特大ã®ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ 11. デコラティブãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ 12. 大胆ãªèƒŒæ™¯ 13. レトãƒã‚„ヴィンテージã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ 14. アイã‚ャッãƒãªãƒ˜ãƒƒãƒ€ 15. コラージュã—ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ 16. テクスãƒãƒ£ã‚’使ã£ãŸèƒŒæ™¯ 17. タブ型ã®ãƒŠãƒ“ゲーション 18. ブラックã¨ãƒ›ãƒ¯ã‚¤ãƒˆ 19. 水平方å‘ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ« 20.
ASCII.jp：サンプルã§å¦ã¶jQuery：(X)HTML/CSSã‚’æ“作ã™ã‚‹ï½œWeb制作ã®ç¾å ´ã§ä½¿ãˆã‚‹jQuery　UIデザイン入門
今回ã¯ã€jQueryを利用ã—ã¦(X)HTMLã¨CSSã‚’æ“作ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚(X)HTMLã¨CSSã®æ“作ã¯ã€jQueryを利用ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã¯éžå¸¸ã«ã‚ˆãç™»å ´ã—ã¾ã™ã®ã§ã€ã—ã£ã‹ã‚ŠæŠ¼ã•ãˆã¦ãŠãã¾ã—ょã†ã€‚ å‰å›žã¾ã§ã®ãŠã•ã‚‰ã„ã¨ä»Šå›žã®å†…容 jQueryを利用ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒ ã¯ã€ ã©ã®(X)HTMLã®è¦ç´ ã‚’æ“作ã™ã‚‹ã‹ã‚’指定ã™ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ 処ç†ã®å†…容（命令） ã®2ã¤ãŒåŸºæœ¬ã§ã™ã€‚å‰å›žãƒ»å‰ã€…回ã§ã¯ã“ã®ã†ã¡ã€1．ã®ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚今回ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã§æŒ‡å®šã—ãŸè¦ç´ ã‚’æ“作ã™ã‚‹ã€2．ã®å‘½ä»¤ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚jQueryã§ã¯ã€$("...") ã®å†…å´ã«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’書ãã€ãã®å¾Œã‚ã« .(ドット) ã§jQueryã®å‘½ä»¤ã‚’記述ã™ã‚‹ã¨ã„ã†ç´„æŸã§ã—ãŸã®ã§ã€ .（ドット）ã®å¾Œã‚ã«æ¥ã‚‹éƒ¨åˆ†ã§ã™ã。 実務ã§ä½¿ã†jQueryã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã¯ã€ã“ã®ã»ã‹ã«ã€å‘½ä»¤ãŒå®Ÿè¡Œã•ã‚Œã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ï¼ˆã€Œã‚¤ãƒ™ãƒ³ãƒˆã€
22 Very Useful Adobe Illustrator Tutorials
21 Comments After spending so much time in Photoshop, it just seems like a burden for me to take time and learn how to use Illustrator. However it really is a powerful piece of software, and it was around before Photoshop was even on the market. Way better than Photoshop… Great collection of tuts. Very useful. Thanks. Very nice. Thanks! Nice roundup of Adobe Illustrator tutorials! I’m flattered a
960pxã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ を使用ã™ã‚‹éš›ã«å½¹ç«‹ã¤ã‚µã‚¤ãƒˆé›†
960pxã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ をサイトデザインã«ä½¿ç”¨ã™ã‚‹éš›ã«å½¹ç«‹ã¤ã€ã‚µãƒ³ãƒ—ルや実装例ã€ãƒ†ãƒ³ãƒ—レートã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã€ã‚°ãƒªãƒƒãƒ‰ã®è¨è¨ˆãƒ„ール・確èªãƒ„ールãªã©ã‚’紹介ã—ã¾ã™ã€‚
[JS]jQueryã®åŠ¹æžœçš„ãªä½¿ã„方を実例ã‹ã‚‰å¦ã¶ -Use jQuery
Use jQueryã¯ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ラリ「jQueryã€ã¨ãã®ãƒ—ラグインを使用ã—ãŸã‚¦ã‚§ãƒ–サイトã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã§ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
テã‚ストをã‹ã£ã“よãé…ã›ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼šPart 12 | コリス
http://www.designwalker.com/2009/02/clone-webdesign.html
光を効果的ã«ä½¿ç”¨ã—ãŸPhotoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼šPart 11
{{#tags}}- {{label}}
{{/tags}}