waifu2x2024-02-29: website domain changed from waifu2x.udp.jp to www.waifu2x.net
グーグルã€ãƒ•ãƒ©ã‚¯ã‚¿ãƒ«å›³å½¢ã‚’æç”»ã™ã‚‹ã‚¦ã‚§ãƒ–アプリケーションを公開
ã‹ã¤ã¦ã¯ã€ä»£è¡¨çš„ãªãƒ•ãƒ©ã‚¯ã‚¿ãƒ«ã§ã‚るマンデルブãƒé›†åˆã®æŽ¢æ±‚ã«ã‚¹ãƒ¼ãƒ‘ーコンピュータãŒå¿…è¦ã ã£ãŸã€‚ã ãŒä»Šã‚„Googleã¯ã€ã“ã®ã‚·ãƒ¥ãƒ¼ãƒ«ãªæ•°å¦çš„図形を最高ã®ãƒ‘フォーマンスや極ã‚ã¦ç¹Šç´°ãªé™°å½±ã§æç”»ã§ãã‚‹ã‚ã‘ã§ã¯ãªã„ãŒã€ãƒ–ラウザãŒæ˜”ã®ã‚¹ãƒ¼ãƒ‘ーコンピュータを凌ãŽå¾—ã‚‹ã“ã¨ã‚’示ã™ã‚¦ã‚§ãƒ–アプリケーションを作り出ã—ãŸã€‚ ã“ã‚Œã¯ã€ŒJulia Mapã€ã¨å‘¼ã°ã‚Œã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€æ¯”較的新ã—ã„ウェブ標準ã§ã‚る「Web Workersã€ã‚’採用ã—ã¦ã„る。Web Workersã«ã‚ˆã‚Šãƒ–ラウザã¯ã€ã„ã‚ã°ãƒ–ラウザã®æ€è€ƒã®å‰é¢ã«ãŠã„ã¦æ¯”較的平凡ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ä½œæ¥ã‚’ã“ãªã—ã€ãã‚Œã¨ä¸¦è¡Œã—ã¦ã€ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§å‡¦ç†ã‚¿ã‚¹ã‚¯ã‚’実行ã§ãる。 マンデルブãƒé›†åˆã¯ã€ã‚¸ãƒ¥ãƒªã‚¢é›†åˆã¨å‘¼ã°ã‚Œã‚‹åˆ¥ã®ãƒ•ãƒ©ã‚¯ã‚¿ãƒ«ã¨è¿‘ã„関係ã«ã‚る。Googleã®ã‚¢ãƒ—リケーションã§ã¯ã€ãã‚Œãžã‚Œã®é›†åˆã‚’多様ãªå½¢çŠ¶ã§è¡¨ç¤ºã™ã‚‹ã€‚ã“ã®ã‚¢ãƒ—リケーションã§ã¯ã€ã‚¦ã‚§ãƒ–プãƒã‚°ãƒ©ãƒŸãƒ³
デザインã¨ã‹åŠ å·¥ã¨ã‹å‡ºæ¥ãªã„ã‹ã‚‰ãªã‚“ã‹ã„ã„ã®æ•™ãˆã¦ã€ã¨è¨€ã‚ã‚Œã¦æ•™ãˆãŸãƒ„ールã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
å‹äººãŒãƒ–ãƒã‚°ã‚’始ã‚ãŸã®ã§ã™ãŒã€ Web制作もデザインも全ã経験㌠無ã„ã‘ã©ã€æ™®é€šãªæ„Ÿã˜ãŒã™ã”ãå«Œ らã—ãã€çŸ¥è˜ãŒç„¡ãã¦ã‚‚åŠ å·¥å‡ºæ¥ã‚‹ã€ ã¨ã‹è‰¯ã„サイトã¨ã‹ã‚½ãƒ•ãƒˆã¯ç„¡ã„ã®ã‹ã€ ã¨èžã‹ã‚Œã¦æ•™ãˆãŸWebサービスや ソフトãŒã€åŒã˜å¢ƒé‡ã®æ–¹ã«å½¹ç«‹ã¤ã‹ã‚‚ ã¨æ€ã£ã¦è¨˜äº‹ã«ã—ã¾ã™ã€‚ 普通ã«å†™çœŸã‚„ç”»åƒã‚’掲載ã™ã‚‹ã®ã§ã¯ãªãã€ã¡ã‚‡ã£ã¨å€‹æ€§çš„ãªæ„Ÿã˜ã«ã—ãŸã„ã€å‡ºæ¥ã‚Œã°ç„¡æ–™ãŒã„ã„ã€ã§ã‚‚自分ã§ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã¯å‡ºæ¥ãªã„ã‹ã‚‰è‰¯ã„サイトã¨ã‹ç„¡ã„？ã¨ã®ã“ã¨ã§ã—ãŸã€‚ ã©ã†ã—ãŸã„ã®ã‹è‰¯ã分ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€ã‚ã‚“ã¾ã‚Šä¸€è²«æ€§ã¯ç„¡ã„ã‚“ã§ã™ãŒã€æ•™ãˆãŸã®ã¯ç”»åƒåŠ 工ジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨ã‹ãã†ã„ã†ã®ã§ã™ã€‚ã„ãã¤ã‹æ案ã—ãŸä¸ã§ã€å‹äººãŒå–œã‚“ã§ãŸã‚µã‚¤ãƒˆã ã‘ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ BeFunky ç”»åƒã‚’åŠ å·¥ã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€‚レトãƒã£ã½ãã—ãŸã‚Šæ²¹çµµã£ã½ãã—ãŸã‚Šã€‚エフェクトも豊富ã§ã™ã€‚ BeFunky flauntR ã“ã‚Œã‚‚åŠ å·¥ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€‚エフェクト以外ã«ãƒ•ãƒ¬ãƒ¼ãƒ
SnapCrab for Windows - マウスã²ã¨ã¤ã§ã€å³ã‚ャプãƒãƒ£ã€‚
用途ã«åˆã‚ã›ã¦é¸ã¹ã‚‹ 撮影方法 SnapCrabã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—上ã®ã‚ã‚‰ã‚†ã‚‹å ´æ‰€ã‚’æ’®å½±ã—ã€PNGã‚„JPEGã€ãã—ã¦GIFファイルã¨ã—ã¦ä¿å˜ã§ãã‚‹ã‚ャプãƒãƒ£ã‚½ãƒ•ãƒˆã§ã™ã€‚ç”»é¢å…¨ä½“ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚„指定範囲ã®ç”»åƒã‚’自在ã«æ’®å½±ã§ãã¾ã™ã€‚ ç”»é¢å…¨ä½“ã‚‚ æŒ‡å®šé ˜åŸŸã‚‚è‡ªåœ¨ã«æ’®å½± 撮影ã¯ã€ãƒ„ールãƒãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ルæ“作。 Sleipnirã¨é€£æºã™ã‚‹ã“ã¨ã§ã‚¦ã‚§ãƒ–ページも撮影ã§ãã¾ã™ã€‚ è¨å®šãƒ€ã‚¤ã‚¢ãƒã‚°ã§ã€å¤šå½©ãªè¨å®šé …目を自由ã«çµ„ã¿åˆã‚ã›ã‚‰ã‚Œã‚‹ã®ã§ã€ 目的通りã®ã‚ャプãƒãƒ£ãŒå®Ÿç¾ã—ã¾ã™ã€‚ åŠé€æ˜Žã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ 美ã—ãã‚ャプãƒãƒ£ Aero Glassã®åŠé€æ˜Žã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚‚ã€å½±ä»˜ãã§ã‚ャプãƒãƒ£ãŒå¯èƒ½ã§ã™ã€‚ 背景ãŒæ˜ ã‚Šè¾¼ã¾ãªã„よã†è¨å®šã‚’ã™ã‚‹ã“ã¨ã§ã€ ã‚ã–ã‚ã–撮影ã®ãŸã‚ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—を片付ã‘ãªãã¦ã‚‚ã€ç¾Žã—ãã‚ャプãƒãƒ£ã§ãã¾ã™ã€‚ 撮影ã¯ã€ãƒ„ールãƒãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ルæ“作。 Slei
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
写真を一瞬ã§ã‚¯ãƒ¼ãƒ«ã«å‡ºæ¥ã‚‹PhotoshopアクションãŒè‰²ã€…:phpspot開発日誌
写真を一瞬ã§ã‚¯ãƒ¼ãƒ«ã«å‡ºæ¥ã‚‹PhotoshopアクションãŒè‰²ã€…ãªã‚¨ãƒ³ãƒˆãƒªãŒå…¬é–‹ã•ã‚Œã¦ã„ãŸã®ã§ã”紹介。 次ã®ã‚ˆã†ã«ã€å†™çœŸã‚’クリック数回ã§ç´ 晴らã—ãåŠ å·¥ã§ãã¦ã—ã¾ã†ã‚¢ã‚¯ã‚·ãƒ§ãƒ³é…布サイトãŒã¾ã¨ã¾ã£ã¦ã¾ã™ã€‚ リンク先ã¯ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‹ã‚‰å‚ç…§ã—ã¦ãã ã•ã„。 The Big Collection Of Amazing Photoshop Actions | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net 関連エントリ １クリックã§å†™çœŸã®å°è±¡ã‚’ç°¡å˜ã«å¤‰ãˆã¦ã—ã¾ã†Photoshopアクション集 デザインを高速ã«è¡Œãˆã‚‹æŠ€å·§çš„ãªPhotoShopアクション集 PhotoShopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚„シェイプãªã©ãƒªã‚½ãƒ¼ã‚¹ä¸€æ¯ã€ŒLadyoak.comã€
オンラインã§ä½¿ãˆã‚‹10ã®ç”»åƒæœ€é©åŒ–ツール:phpspot開発日誌
オンラインã§ä½¿ãˆã‚‹10ã®ç”»åƒæœ€é©åŒ–ツールãŒè‰²ã€…ã¨ã¾ã¨ã¾ã£ã¦ã„ã¾ã—ãŸã€‚ リンク先を以下ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚考ã«ã—ã¦ãã ã•ã„。 10 Useful Tools To Optimize Images For The Web | LimeExchange Blog 関連エントリ 複雑ãªCSSレイアウトをウェブ上ã§ç°¡å˜ã«ä½œæˆã§ãる「The 1Kb CSS Grid〠リフレクション画åƒã‚’ç°¡å˜ã«ã‚¦ã‚§ãƒ–上ã§ä½œã‚Œã‚‹ã€ŒPicreflect〠ウェブ上ã§å‹•ä½œã™ã‚‹web2.0ãªé–¢æ•°é›»å“「web2.0calc.comã€
続：PNGç”»åƒã‚’より美ã—ãã€ã‚ˆã‚Šè»½é‡ã«æœ€é©åŒ–ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | コリス
上記ã®ã‚ˆã†ã«åŠé€æ˜Žãªç®‡æ‰€ãŒã‚ã‚‹ç”»åƒã®å ´åˆã€PNGã§ä¿å˜ã™ã‚‹å‰ã«ãƒ¢ãƒ¼ãƒ‰ã‚’グレースケールã«ã™ã‚‹ã“ã¨ã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚ グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数ã¯ã‚ˆã‚Šå°‘ãªã ç”»åƒã®ã‚«ãƒ©ãƒ¼ã‚’減らã™æ–¹æ³•ã¨ã—ã¦ã€å‰å›žç´¹ä»‹ã—ãŸãƒã‚¹ã‚¿ãƒªã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã«ä»£ã‚る方法を紹介ã—ã¾ã™ã€‚ ã“ã®æ–¹æ³•ã¯256色é™å®šã§ã€ã‚«ãƒ©ãƒ¼ã‚’最é©åŒ–ã§ãã¾ã™ã€‚ åŠé€æ˜Žã®ç”»åƒã‹ã‚‰ã‚¤ãƒ¡ãƒ¼ã‚¸ç®‡æ‰€ã®ã¿ã‚’抽出ã—（åŠé€æ˜Žã¯å‰Šé™¤ï¼‰ã€ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚«ãƒ©ãƒ¼ã«å¤‰æ›ã—マスクをé©ç”¨ã—ã¾ã™ã€‚ 詳ã—ã„æ‰‹é †ã¯ä¸‹è¨˜ã®é€šã‚Šã€‚ ç”»åƒã‚’é–‹ãã€[イメージ]-[複製]ã§ç”»åƒã‚’複製ã—ã¾ã™ã€‚ 複製ã—ãŸç”»åƒã«ã€[フィルタ]-[PhotoWiz]-[Remove Transparency]ã§é€æ˜Žç®‡æ‰€ã‚’å–り除ãã¾ã™ã€‚ ※「PhotoWizã€ã¯Remove Transparencyã‚’å‚ç…§ãã ã•ã„。 [イメージ]-[モード]-[インデックスカラー]ã‚’é¸æŠžã—ã€ã‚¤ãƒ³
jQueryã§è¤‡æ•°ç”»åƒã‚µã‚¤ã‚ºã‚’スライドãƒãƒ¼ã‚’使ã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è‡ªç”±ã«å¤‰æ›´ã—ã¦ã‚‚らã†
タイトルã ã‘ã§ã¯ä½•è¨€ã£ã¦ã‚“ã ã“ã®é‡ŽéƒŽã¨ã„ã†æ„Ÿã˜ã‹ã‚‚ã—ã‚Œãªã„・・・。 上ã«ã‚ã‚‹ç”»åƒã®ä¸Šéƒ¨ã«ã‚¹ãƒ©ã‚¤ãƒ‰ãƒãƒ¼ãŒä»˜ã„ã¦ã„ã¦ã€ãƒãƒ¼ã‚’å‹•ã‹ã™ã¨ã€å…¨ä½“çš„ã«ç”»åƒã®ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã‚‹ã¨è¨€ã†ä»£ç‰©ã€‚ ãªã‹ãªã‹é¢ç™½ãã†ãªã®ã§ãƒ¡ãƒ¢ã—ã¦ãŠããŸã„。 ã¨ã‚Šã‚ãˆãšå‹•ã‹ã—ã¦è¦‹ã‚‹ã¨ã‚ã‹ã‚Šã¾ã™ 動作サンプルã¯ã“ã¡ã‚‰ 超訳ã—ã¦ã„ãã¨ã“ã‚“ãªæ„Ÿã˜ Create a Resizable Image Grid with jQuery First lets begin by setting up a static image grid. I have prepared 6 photographs than have been cropped to a maximum height and width of 500 pixels. We will create a ul and place our images inside li tags 6ã¤ã®
12 Excellent Thumb Image Styles for Web Designers | TutorialFeed
In this post I would like to share some ready to use modern thumb image styles that you always looking for. These images created in Photoshop by me and free to use for all my readers. I am here sharing a downloadable psd file to help you. Web Designers who use Photoshop can easily use this file according to their needs. If you have any query please leave a comment. I'll try my best to help you. En
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ç”»åƒãŒæµ®ã上ãŒã‚‹jQueryを使ã£ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼:phpspot開発日誌
jQuery Image Effects - Hover Effect w/ jQuery & CSS - jQuery Tutorial ç”»åƒãŒæµ®ã上ãŒã‚‹jQueryを使ã£ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ デモページã®ã‚ˆã†ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’作æˆã§ãã¾ã™ã€‚ jQueryã§å°æ°—味よãアニメーションã™ã‚‹ã¨ã“ã‚ãŒãªã‹ãªã‹ã‚ˆã„ã§ã™ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸã¨ã“ã‚ã§ä½¿ãˆãã†ã§ã™ã。 関連エントリ jQueryを使ã£ãŸFlashã°ã‚Šã«ã‚¯ãƒ¼ãƒ«ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ŒGalleryView〠訪å•è€…é©šãã®æ‰‹ã‚ãり風ã€ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆã‚µãƒ³ãƒ—ル 滑らã‹ã«ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚る超絶クールFlash写真ギャラリー「imaginã€
写真画åƒã‚’é•å’Œæ„Ÿãªãã€ã‚¹ãƒªãƒ ã«ç¸®å°ã§ãã‚‹ -SEAMonster
ç”»åƒã®å¤§äº‹ãªãƒã‚¤ãƒ³ãƒˆã‚’ã‚ープã—ã¤ã¤ã€é•å’Œæ„Ÿãªã縮å°ã§ãるシームカービングを用ã„ãŸWindows用ã®ã‚¢ãƒ—リケーション「SEAMonsterã€ã‚’紹介ã—ã¾ã™ã€‚ SEAMonster 上ã®ã‚ャプãƒãƒ£ã¯å·¦ã‹ã‚‰ã€å…ƒã®ç”»åƒã€ã‚·ãƒ¼ãƒ カービングã§ç¸®å°ã—ãŸç”»åƒã€Photoshopã§ç¸®å°ï¼ˆãƒã‚¤ã‚ュービック）ã—ãŸç”»åƒã§ã™ã€‚ ãƒã‚¤ã‚ュービックã§ç¸®å°ã—ãŸå ´åˆã¯å¤§äº‹ãªãƒã‚¤ãƒ³ãƒˆãŒå¦™ã«ç´°é•·ããªã£ã¦ã—ã¾ã£ã¦ã¾ã™ãŒã€ã‚·ãƒ¼ãƒ カービングã¯å¤§äº‹ãªãƒã‚¤ãƒ³ãƒˆã®å½¢çŠ¶ã«é•å’Œæ„Ÿãªã縮å°ã•ã‚Œã¦ã„ã¾ã™ã€‚ シームカービングã®ã‚¢ãƒ—リケーションã¯ã„ãã¤ã‹å½“サイトã§ã‚‚紹介ã—ã¾ã—ãŸãŒã€ã“ã®SEAMonsterã§ã¯ã•ã‚‰ã«é•å’Œæ„Ÿãªãç”»åƒã®ç¸®å°ãŒè¡Œãˆã¾ã™ã€‚ SEAMonsterã®ä½¿ã„æ–¹ SEAMonsterã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã§ã™ã€‚ ã™ãã«ä½¿ã„ãŸã„å ´åˆã¯ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®[File]ã‹ã‚‰ç”»åƒã‚’é–‹ãã€ã€ŒCarveã€ãƒœã‚¿ãƒ³ã‚’クリックã—ã¦ãã ã•ã„。1pxãšã¤ç”»åƒãŒç¸®å°ã•ã‚Œã¾ã™
[CSS]マウスã®ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã§ã€ç”»åƒã®ä¸Šã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ç”»åƒã«ãƒžã‚¦ã‚¹ã‚’フォーカスã™ã‚‹ã¨ã€ç”»åƒã®ä¸Šã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’Janko At Warp Speedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Add zoom icon to images using CSS (and jQuery, of course) demo アイコンを表示ã™ã‚‹ä»•çµ„ã¿ã¯ã€ç”»åƒã®ä¸Šã«ç©ºspanã‚’é…ç½®ã—ã€hover時ã«ã€Œdisplay:block;ã€ã‚’é©ç”¨ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ã¾ãŸã€ç©ºspanを最åˆã‹ã‚‰é…ç½®ã—ãªã„代ã‚ã‚Šã«ã€ã‚¹ã‚¯ãƒªãƒ—ト（jQuery）を使用ã—ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã™ã‚‹ã‚µãƒ³ãƒ—ルも紹介ã•ã‚Œã¦ã„ã¾ã™ã€‚ demo（下段）
ä»»æ„ã®ç”»åƒã‚’アスã‚ーアートã«å¤‰æ›ã—ã¦ãれる『picascii〠| 100SHIKI
よãã‚るツールã§ã¯ã‚ã‚‹ãŒã€ã‚·ãƒ³ãƒ—ルã§ä½¿ã„ã‚„ã™ã‹ã£ãŸã®ã§ã”紹介。 picasciiã¯ä»»æ„ã®å†™çœŸã‚’アスã‚ーアートã«å¤‰æ›ã—ã¦ãれるツールã 。URLを指定ã—ã¦ã‚‚ã„ã„ã—ã€ãƒãƒ¼ã‚«ãƒ«PCã‹ã‚‰ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã 。 ç”»åƒã‚’ã¡ã‚‡ã£ã¨é•ã£ãŸæ„Ÿã˜ã§è¦‹ã›ãŸã„ã€ç”»åƒã¯ä½¿ãˆãªã„ã‘ã‚Œã©ãƒ†ã‚ストã¯OKã¨ã„ã†ã¨ãã«ä¾¿åˆ©ã ã‚ã†ã€‚ ã¾ãŸãŠã‚‚ã—ã‚ã„ã®ã¯ã‚«ãƒ©ãƒ¼ã§ã‚¢ã‚¹ã‚ーアートをã¤ãã‚‹ã“ã¨ã‚‚ã§ãる点。ãã®å ´åˆã€ç”Ÿæˆã•ã‚Œã‚‹ã®ã¯ãŸã ã®ãƒ†ã‚ストã§ã¯ãªãã¦HTMLã«ãªã‚‹ã€‚ 一ã¤ä¸€ã¤ã®æ–‡å—ã«è‰²æŒ‡å®šã‚’ã™ã‚‹ã“ã¨ã§ã‚«ãƒ©ãƒ¼ç”»åƒï¼ˆï¼Ÿï¼‰ã‚’実ç¾ã—ã¦ã„るよã†ã 。ãªã‹ãªã‹ã®å‡ºæ¥æ˜ ãˆãªã®ã§æ˜¯éžè©¦ã—ã¦ã¿ã¦ã‚‚らã„ãŸã„。
クールã«è¡¨ç¤ºã‚’切り替ãˆã‚‰ã‚Œã‚‹CSSã¨jQueryサンプル:phpspot開発日誌
Easy Display Switch with CSS and jQuery クールã«è¡¨ç¤ºã‚’切り替ãˆã‚‰ã‚Œã‚‹CSSã¨jQueryサンプルãŒå…¬é–‹ã€‚ デモページ ã§ãã®ã‹ã£ã“よã•ãŒç¢ºèªã§ãã¾ã™ã€‚ ã‹ã£ã“よãã¦ã¤ã„切り替ãˆã¦ã—ã¾ã†ã€ãã‚“ãªã‚¹ã‚¤ãƒƒãƒã«ãªã£ã¦ã¾ã™ã。 関連エントリ ナビゲーションã®UIã¯ã“ã‚Œã§å®Œç’§ã‹ã‚‚ãªjQueryプラグイン集 グラフæ画用ã®jQueryプラグイン集 15分ã§ç†è§£ã™ã‚‹jQueryã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€ŒjQuery in 15 minutesã€
[CSS]サムãƒã‚¤ãƒ«ç”»åƒã‚’表示ã™ã‚‹ãƒ‰ãƒãƒƒãƒ—ダウン型ナビゲーション
タブ形å¼ã®ãƒ‰ãƒãƒƒãƒ—ダウンã®åè¦ç´ ã«ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’表示ã™ã‚‹ãƒŠãƒ“ゲーションã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’CSSplayã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
é¸æŠžç¯„囲をドラッグ＆拡大ã—ã¦å†™çœŸã®éƒ¨åˆ†çš„ãªæ‹¡å¤§ãŒã§ãã‚‹JSウィジェット「Dojo Zoomerã€:phpspot開発日誌
DojoCampus Blog Archive Dojo Zoomer? é¸æŠžç¯„囲をドラッグ＆拡大ã—ã¦å†™çœŸã®éƒ¨åˆ†çš„ãªæ‹¡å¤§ãŒã§ãã‚‹JSウィジェット「Dojo Zoomer〠次ã®å›³ã§ã€å·¦ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ç”»åƒã®é¸æŠžç¯„囲を指定ã™ã‚‹ã¨å³ã«æ‹¡å¤§ã•ã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ デモ ãªã‹ãªã‹é¢ç™½ã„ã§ã™ã。部分的ã«ã“ã“ã‚’ã‚‚ã†ã¡ã‚‡ã£ã¨è¦‹ãŸã„ã¨ã„ã†ã‚ˆã†ãªï¼µï¼©ã®ãƒ‹ãƒ¼ã‚ºã«å¿œãˆã¦ãã‚Œãã†ã§ã™ã€‚ 関連エントリ ã¨ã¦ã‚‚大ãã„ç”»åƒã‚’地図アプリ風ã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¦è¦‹ã‚‹ 虫眼é¡ã‚’使ã£ã¦ç”»åƒã‚’ズームã™ã‚‹æ„Ÿã˜ã®UIライブラリ「TJPzoomã€
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Image Spark
http://youmos.com/news/postcardviewer
{{#tags}}- {{label}}
{{/tags}}