ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
CSSã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’デザイン
ã‚‚ã®ã™ã”ã大雑把ã«è¨€ã†ã¨ä»Šã¾ã§ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã§ã‚„ã£ã¦ã„ãŸã€è§’を丸ãã™ã‚‹ã¨ã‹èƒŒæ™¯ã‚’グラデーションã«ã™ã‚‹ãªã©ã¨ã„ã†ä½œæ¥ã‚’CSSã§ã‚„ã£ã¦ã—ã¾ãŠã†ã¨ã„ã†ãŠè©±ã€‚ã‚‚ã¡ã‚ã‚“CSSã§ã§ããªã„ã“ã¨ã¯å¤šãã‚ã‚‹ã®ã§ä¸‡èƒ½ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ãŒã€ã§ãã‚‹ã“ã¨ã«é™ã£ã¦è¨€ãˆã°æ•°è¡Œã®CSSコードã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®ã‚ˆã†ãªåŠ¹æžœã‚’柔軟ã«é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } å„アイコンã«ãªã‚‹aè¦ç´ ã¸ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ä»¥ä¸Šã®ã‚ˆã†ãªå˜ç´”ãªã‚‚ã®ãŒãƒ™ãƒ¼ã‚¹ã«ãªã‚‹ã€‚icons-w.pngãŒã‚¢ã‚¤ã‚³ãƒ³ã®å‰æ™¯ã‚’ã¤ãªã’ãŸã‚¹ãƒ—ライ
iPhoneã®ãƒãƒƒã‚¯è§£é™¤é¢¨UIã§CAPTCHAã™ã‚‹jQueryプラグイン「QapTchaã€:phpspot開発日誌
MyjQueryPlugins : QapTcha : jQuery draggable captcha system with jQuery UI - MyjQueryPlugins iPhoneã®ãƒãƒƒã‚¯è§£é™¤é¢¨UIã§CAPTCHAã™ã‚‹jQueryプラグイン「QapTchaã€ã€‚ iPhoneã®ãƒãƒƒã‚¯ç”»é¢ã¯æŒ‡ã§æŠ¼ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã“ã¨ã§è§£é™¤ã§ãるよã†ãªUIã«ã«ãªã£ã¦ã„ã¾ã™ãŒã€ãれをフォームã®é€ä¿¡ã«ã‚‚使ã£ã¦ã—ã¾ãŠã†ã¨ã„ã†ã®ãŒã“ã®ãƒ—ラグイン。 CAPTCHAã¯ãªã‚“ã ã‹èªã‚ãªã„ã£ã¦ã“ã¨ã‚‚よãã‚ã‚‹ã®ã§ã™ãŒã€ã“ã®ä»•çµ„ã¿ã‚’使ãˆã°CAPTCHA程ã®å¼·å›ºã•ã¯ãªã„ã«ã›ã‚ˆã€ã‚¹ãƒ‘ムã®å¯¾ç–ã«ã¯ãªã‚Šãã†ã§ã™ã€‚ å³ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã¨é€ä¿¡å¯èƒ½ã«ã€‚ 色々ãªCAPTCHAãŒã‚ã‚‹ã‚‚ã®ã§ã™ã。数年後ã®CAPTCHAã¯ä»Šã§ã¯è€ƒãˆã‚‰ã‚Œãªã„よã†ãªä»•çµ„ã¿ã«ãªã£ã¦ã„ãã†ã€‚ 関連エントリ PHPã¨GDを使ã£ã¦Captchaを自作ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆ
Livlis is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
[CSS]ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã«ãƒ•ã‚§ãƒ¼ãƒ‰åŠ¹æžœã‚’与ãˆã‚‹æ–¹æ³•ã®ç†æƒ³ã¨ç¾å®Ÿ
CSSスプライトを使用ã—ãŸç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒ•ã‚§ãƒ¼ãƒ‰åŠ¹æžœã‚’与ãˆã‚‹éš›ã®ã€å¦¥å½“ãªå®Ÿè£…方法ã€ç†æƒ³ã®å®Ÿè£…方法ã€ç¾å®Ÿã®å®Ÿè£…方法を紹介ã—ã¾ã™ã€‚ Fade Image Into Another (within a Sprite) デモページ [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 最åˆã®æ–¹æ³•ï¼šå¦¥å½“ 二番目ã®æ–¹æ³•ï¼šç†æƒ³ 三番目ã®æ–¹æ³•ï¼šç¾å®Ÿ デモã§ã¯ã€ä¸Šã‹ã‚‰é †ç•ªã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ 最åˆã®æ–¹æ³•ï¼šå¦¥å½“ HTML å…ƒã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆå†…ã«spanを一ã¤é…ç½®ã—ã¾ã™ã€‚確ã‹ã«ã“ã‚Œã¯ä½™åˆ†ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¨æ„Ÿã˜ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€spanを使用ã›ãšã«ç–‘ä¼¼è¦ç´ を使用ã™ã‚‹ã¨å¯¾å¿œãƒ–ラウザãŒé™ã‚‰ã‚Œã¦ã—ã¾ã†ã®ãŒç¾çŠ¶ã§ã™ã€‚ <a href="#" class="arrow">Arrow<span></span></a> 矢å°ç”»åƒã¯ãƒ†ã‚ストを画åƒã«ç½®æ›ã—ã¦é…ç½®ã—ã¾ã™ã€‚ .arrow { display:
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
designerterminal.com
{{#tags}}- {{label}}
{{/tags}}