丸ã£ã“ã„デザインãŒå¯æ„›ã„アイコン48集「3D Cartoon Iconsã€:phpspot開発日誌
3D Cartoon Icons Pack by *deleket on deviantART 丸ã£ã“ã„デザインãŒå¯æ„›ã„アイコン集「3D Cartoon Iconsã€ã€‚ 次ã®ã‚ˆã†ãªRSSやアプリケーションã«ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãŒé…布ã•ã‚Œã¦ã„ã¾ã™ã€‚ 関連エントリ RSSやデスクトップ用ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒè©°ã¾ã£ãŸã‚¢ã‚¤ã‚³ãƒ³é›†ã€ŒFreshIcons〠クールãªãƒœã‚¿ãƒ³ç”»åƒã‚’ジェãƒãƒ¬ãƒ¼ãƒˆã§ãる「The Button Generatorã€
Tag Cloudã®ã‚¹ã‚¿ã‚¤ãƒ« - 3ping.org
タグクラウドã®å¿…è¦æ€§ã«ã¤ã„ã¦ã®æ˜¯éžã¯ã“ã“ã§ã¯ç½®ã„ã¦ãŠã„ã¦ã€ã“ã®ã‚¢ã‚¤ãƒ†ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦è‰²ã€…考ãˆã•ã›ã‚‰ã‚Œã¾ã™ã。 Vicuna CMSã§ã‚‚真é¢ç›®ã«å¯¾å¿œã—よã†ã¨é‡ã„ケツを上ã’ã¾ã—ãŸã®ã§ã€ã¨ã‚Šã‚ãˆãšã‚µãƒ³ãƒ—ルã¨ãªã‚‹CSSスタイルを色々ã¨æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ 表示例ã¨CSSファイルを置ã„ã¦ãŠãã¾ã—ãŸã®ã§ã€æ°—ã«å…¥ã£ãŸè¡¨ç¤ºãŒã‚ã£ãŸã‚‰ã©ã†ãžä½¿ã£ã¦ä¸‹ã•ã„。 2007.10/21 追記・編集 Tag Cloud 10,11,12ã§.level5ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒ.level4ã¨åŒã˜ã«ãªã£ã¦ãŸã®ã‚’ä¿®æ£ å¿œç”¨ç·¨ã¨ã—ã¦Tag Cloud 13ã‚’è¿½åŠ å˜ç´”ã«è©²å½“ã™ã‚‹è¨˜äº‹ãŒå¤šã„ã‚¿ã‚°ãŒä»–より目立ã¦ã°ã„ã„ã ã‘ãªã®ã§ã€å¤§æŠµã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯å¤§å°ã®åŒºåˆ¥ã§è¡¨ç¤ºã—ã¦ã„ã‚‹ã‘ã©ã€ãã‚Œã ã‘ã˜ã‚ƒã¡ã‚‡ã£ã¨å‘³æ°—ãªã„æ°—ã‚‚ã™ã‚‹ã®ã§ サイズ 色 明暗 彩度 色彩 å½¢ ã¨ã„ã†ã¨ã“ã‚ã§ã‚¿ã‚°ã®å¼·å¼±ã‚’より強調ã—ã¦ã¿ã¾ã—ãŸã€‚ HTMLã¯ä»¥ä¸‹ã®ã‚ˆã†ãªè¦ç´ ã¨ã‚¯ãƒ©ã‚¹åã§ä½œã£ã¦
ã‚‚ã®ã‚¹ã‚´ã便利ãªã‚°ãƒªãƒƒãƒ‰è¡¨ç¤ºç”¨ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆç™»å ´ | Web担当者Forum
Web担編集部ã®å®‰ç”°ã§ã™ã€‚Webæ‹…ã®ã¯ã¦ãƒ–件数1万件超ãˆï¼ˆï¼‰ã‚’記念ã—ã¦ã€ã”æ„›èªã®ã¿ãªã•ã‚“ã®ãŠå½¹ã«ãŸã¦ã‚‹ä¾¿åˆ©ãªãƒ„ールを作りã¾ã—ãŸã€‚å付ã‘ã¦ã€ã€Œä½ç½®èª¿æ•´å¯èƒ½ãªã‚°ãƒªãƒƒãƒ‰ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€ãƒ–ックマーク。ウェブデザインをã™ã‚‹äººãªã‚‰æ—¥å¸¸çš„ã«divã®å¹…や隙間ã®é•·ã•ã‚’測ã£ãŸã‚Šã—ã¦ã„ã‚‹ã“ã¨ã§ã—ょã†ã€‚ãã†ã„ã†ã¨ãã«æ‰‹æ”¾ã›ãªããªã‚‹ãƒ„ールã§ã™ã€‚ akiyanã•ã‚“ãŒä½œã£ãŸä¾¿åˆ©ãªã‚°ãƒªãƒƒãƒ‰ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®ãƒ–ックマークã«ã‚¤ãƒ³ã‚¹ãƒ‘イヤã•ã‚Œã¦ã€ã•ã‚‰ã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’盛り込んã§ã¿ã¾ã—ãŸã€‚ å付ã‘ã¦ã€ã€Œä½ç½®èª¿æ•´å¯èƒ½ãªã‚°ãƒªãƒƒãƒ‰ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€ãƒ–ックマーク。 使ã„æ–¹ãã®1普通ã®ãƒ–ックマークレットã§ã™ã€‚以下ã®ãƒªãƒ³ã‚¯ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã€ŒãŠæ°—ã«å…¥ã‚Šã«è¿½åŠ ã€ï¼ˆIEã®å ´åˆï¼‰ã¾ãŸã¯ã€Œã“ã®ãƒªãƒ³ã‚¯ã‚’ブックマークã€ï¼ˆFirefoxã®å ´åˆï¼‰ã—ã¦ãã ã•ã„。 IEã§ã¯ã€Œè¿½åŠ ã—よã†ã¨ã—ã¦ã„ã‚‹ãŠæ°—ã«å…¥ã‚Šã¯å®‰å…¨ã§ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚続行ã—ã¾ã™ã‹ï¼Ÿã€ã¨ã®ã‚»ã‚ュリティè¦å‘ŠãŒå‡ºã¾
TRANS - æºå¸¯ç”¨CSSを書ã上ã§æŠ¼ã•ãˆã¦ãŠãã¹ããƒã‚¤ãƒ³ãƒˆ
先日ã€diggã§Vitamin Features » Make your site mobile friendlyã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒä¸ŠãŒã£ã¦ãã¦ã¾ã—ãŸã€‚見ã¦ã¿ã‚‹ã¨ã€éžå¸¸ã«ã†ã¾ã„å…·åˆã«æºå¸¯å‘ã‘ã®CSSã‚„HTMLã®æ›¸ãæ–¹ãªã©ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚僕もæºå¸¯å‘ã‘CSSã®æ›¸ãæ–¹ã«ã¯èˆˆå‘³ãŒã‚ã£ãŸã®ã§ã€å‹‰å¼·ãŒã¦ã‚‰é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã‚’抜ã出ã—ã¦ã€å’Œè¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ 和訳文ã¯æ¬¡ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã§ã™ã€‚（上記サイトã®ã€Œmobileã€ã¯æºå¸¯é›»è©±ã‚„PDAã‚’å«ã‚ãŸãƒ¢ãƒã‚¤ãƒ«æ©Ÿå™¨ãŒæ£ç¢ºãªè¨³ã§ã™ãŒã€ã“ã“ã§ã¯è©±ã‚’分ã‹ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚ã«ã€Œmobileã€ã‚’å…¨ã¦ã€Œæºå¸¯ã€ã¨è¨³ã—ã¦ã„ã¾ã™ã€‚） 基本ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆã—よã†ã€‚ æ—¢ã«è«–ç†çš„ã§ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªHTMLã‚’æ§‹é€ åŒ–ã—ã¦ã„ã‚‹ã‚“ã ã£ãŸã‚‰ã€æºå¸¯ã‚’å«ã‚ãŸã©ã®ãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ãã‚Œã„ã«ã€ä½¿ã„ã‚„ã™ãã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã«ãªã£ã¦ã„ã¾ã™ã€‚æºå¸¯ã«ã‚ˆã£ã¦ã¯ã€WAPã«æº–æ‹ ã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã—ã€ã‚‚ã—ã‹ã—ãŸã‚‰WAP2ã‚‚ã„ã‘ã‚‹ã‹ã‚‚ã—
CSSを使ã£ã¦ã‚«ãƒƒã‚³ã„ã„円形メニューを作る:phpspot開発日誌
metal.ize - tutoriales Este es un peque・ experimento con CSS que muestra un men・circular con los elementos a su alrededor.CSSを使ã£ã¦ã‚«ãƒƒã‚³ã„ã„円形メニューを作るサンプル。 次ã®ã‚ˆã†ãªå††å½¢ã§ã‚¢ã‚¤ã‚³ãƒ³ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒ„ールãƒãƒƒãƒ—ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ãªå††å½¢ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã‚µãƒ³ãƒ—ルãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ å°šã€ç´¹ä»‹ã—ãŸãƒšãƒ¼ã‚¸ã®è¨€èªžã¯è‹±èªžã§ã¯ãªã„ã®ã§ã™ãŒã€è§£èª¬ãƒšãƒ¼ã‚¸ã®ã‚µãƒ³ãƒ—ルコードをèªã¿ã¤ã¤åŽŸç†ã‚’ç†è§£ã™ã‚‹ã¨ã‚ˆã„ã§ã—ょã†ã€‚ HTMLãŒãƒªã‚¹ãƒˆè¦ç´ ã«ãªã£ã¦ã„ã¦ç¶ºéº—ãªHTMLã«ãªã£ã¦ã„ã‚‹ã®ãŒç‰¹å¾´ã€‚ＣＳＳをオフã«ã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ãªãƒªã‚¹ãƒˆè¦ç´ ã®è¦‹æ „ãˆã«ãªã‚Šã¾ã™ã€‚ Flashã‚„ç”»åƒã®ã‚¯ãƒªãƒƒã‚«ãƒ–ルマップã§ã“ã†ã„ã£ãŸãƒŠãƒ“ゲーションを作るã®ã¯ç°¡å˜ãã†ã§ã™ãŒã€ãƒªã‚¹ãƒˆå½¢å¼ã®ã‚‚ã®ã¯ãªã‹ãªã‹ç„¡ã‹ã£ãŸæ°—ãŒã—ã¾ã™ã€‚
å°ç²‹ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンãŒ18種類ï¼ãŠå½¹ç«‹ã¡åº¦æº€ç‚¹ã®ã€ŽDesign Patterns〠| P O P * P O P
ã“ã‚Œã¯ç´ 敵ãªè³‡æ–™ã§ã™ã€‚ ウェブ上ã®å°ç²‹ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãŒFlickr上ã§é›†ã‚られã¦ã„ã¾ã™ã€‚「カレンダーã€ã€ã€Œãƒã‚°ã‚¤ãƒ³ç”»é¢ã€ã€ã€Œå‹é”ã‚’è¿½åŠ ã€ãªã©ãªã©ã€ã‹ãªã‚Šä½¿ãˆã‚‹äº‹ä¾‹ãŒæº€è¼‰ã§ã™ã€‚ 「ã“ã“ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¯ã©ã†ã—よã†ã‹ãªãƒ»ãƒ»ãƒ»ã€ã¨ã„ã†ã¨ãã«å‚考ã«ã•ã‚Œã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ ã©ã†ã„ã£ãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã‹ã€ä»¥ä¸‹ã«ã„ãã¤ã‹è¦‹ã¦ã„ãã¾ã—ょã†ã€‚ ↑ 「å‹é”ã‚’è¿½åŠ ã€ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã€‚SNSçš„è¦ç´ ã«ã¯å¿…è¦ã§ã™ã。 ↑ カレンダーã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã„ã‚ã„ã‚。å‚考ã«ãªã‚Šã¾ã™ã。 ↑ フッターã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã€‚ユーザーアクションを促ã™ã«ã¯å¤§äº‹ã§ã™ã€‚ ↑ アップãƒãƒ¼ãƒ‰ç³»ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã€‚CGMã«ã¯å¿…é ˆã§ã™ã。 ä»–ã«ã‚‚「404ページã€ã‚„「タグクラウドã€ãªã©ãŒã‚ã‚Šã¾ã™ã。全部ã§18種類ã‚ã‚Šã¾ã™ã€‚ ã”覧ã«ãªã‚ŠãŸã„æ–¹ã¯ä»¥ä¸‹ã‚ˆã‚Šã©ã†ã。 » Collection: Design Patterns
Webサイトã®èƒŒæ™¯ç”»åƒã«ãƒ”ッタリãªã‚¹ãƒˆãƒ©ã‚¤ãƒ—模様を作れるサービス - Stripe Generator - sta la sta
Stripe Generator - ajax diagonal stripes background designer 背景画åƒã«æ–œã‚ã®ã‚¹ãƒˆãƒ©ã‚¤ãƒ—模様を施ã—ã¦ã„るブãƒã‚°ã‚„サイトを最近よã見ã‹ã‘ã‚‹æ°—ãŒã—ã¾ã™ã€‚ ãã‚“ãªã‚ªã‚·ãƒ£ãƒ¬ã•ã‚“御用é”ã®ã‚¹ãƒˆãƒ©ã‚¤ãƒ—模様を簡å˜ã«ä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“スã®ã”紹介。 ã“ã¡ã‚‰ã®åå‰ãã®ã¾ã¾ãªã€ŽStripe Generatorã€ã§ã¯ã€ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®å¹…や色ã€èƒŒæ™¯ã®ã‚¹ã‚¿ã‚¤ãƒ«ã€ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®å‘ããªã©ã‚’指定ã™ã‚‹ã“ã¨ã§ã€ã‚¿ã‚¤ãƒ«çŠ¶ã«ä¸¦ã¹ã¦ä½¿ãˆã‚‹ã‚¹ãƒˆãƒ©ã‚¤ãƒ—模様ã®ç”»åƒã‚’作æˆã§ãã¾ã™ã€‚ 上ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚ˆã†ãªæ™®é€šã®ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã®ä»–ã«ã‚‚〠背景をグラデーションã«ã—ãŸã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã‚„ ãƒãƒƒã‚¯ã®ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã«å½±ã‚’ã¤ã‘ãŸæ¨¡æ§˜ãªã‚“ã‹ã‚‚作れã¾ã™ã€‚ ã“ã‚Œã¯æ¿€ã—ã便利ã§ã™ã。試ã—ã«ä½œã£ãŸã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã¯ã“ã¡ã‚‰ã§ã™ã€‚ ブãƒã‚°ã®èƒŒæ™¯ã«ä½¿ã£ã¦ã¿ã‚ˆã†ã‹ãªã€‚ã§ã‚‚全体ã®ãƒãƒ©ãƒ³ã‚¹ãŒé›£ã—ãã†ã€‚ã‚‚ã†ã¡ã‚‡ã£ã¨è‰²ã‚“ãªãƒ‘ターンを作æˆã—ã¦ã‹ã‚‰è€ƒãˆã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
- Photoshop Tutorial - The Tutorial Blog
{{#tags}}- {{label}}
{{/tags}}