ç´ äººãŠæ–り？ä¸èª¿ã®iPhone4ã®ãƒ›ãƒ¼ãƒ ボタンを自分ã§ä¿®ç†ï¼ - doLee（ドリー）
iPhone4ã®ãƒ›ãƒ¼ãƒ ボタンã®åŠ¹ããŒæ‚ªããªã£ã¦ãã¾ã—ãŸã€‚ 何度ã‹ãã˜è¾¼ã‚€ã‚ˆã†ã«æŠ¼ã•ãªã„ã¨ãƒœã‚¿ãƒ³ãŒåŠ¹ã‹ãªã„状態ã«ãªã‚Šã¾ã—ãŸã€‚ 数々ã®çœ‰å”¾ã®æ–¹æ³•ï¼ˆãƒ‡ã‚³ãƒ”ンã—ãŸã‚Šã€ä½•ã‹ã‚’垂らã—ãŸã‚Šï¼‰ã‚‚å…¨ã効果ãŒã‚ã‚Šã¾ã›ã‚“。 我慢ã—ã¦ä½¿ã£ã¦ã„ã¾ã—ãŸãŒã€ã‚¤ãƒ©ã‚¤ãƒ©ã—ã¦ã©ã†ã«ã‚‚ä¸å¿«ã§ã™ã€‚ 購入ã‹ã‚‰1年経éŽã—ã¦ã€ã‹ã¤ã‚¢ãƒƒãƒ—ãƒ«ã‚±ã‚¢ã‚µãƒ¼ãƒ“ã‚¹æœªåŠ å…¥ã®ãŸã‚ã€ä¿®ç†ã«å‡ºã™ã¨2万円以上ã¨ã‚‰ã‚Œã¾ã™ã€‚ è¿‘ãã«iPhoneã®ä¿®ç†å±‹ã‚‚ã‚ã‚Šã¾ã›ã‚“。（ド田舎ãªã‚“ã§ã™ãƒ»ãƒ»ãƒ»ï¼‰ ã¨ã„ã†ã“ã¨ã§ã€ä¸€å¿µç™ºèµ·ã—ã¦è‡ªåˆ†ã§ä¿®ç†ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã¨è¨€ã£ã¦ã‚‚ã€éƒ¨å“交æ›ã ã‘ãªã‚“ã§ã™ã‘ã©ã。 çµè«–ã‹ã‚‰è¨€ã†ã¨ãã‚Œã§ã‚‚ã‹ãªã‚Šå¤§å¤‰ã§ã—ãŸã€‚ å…¨ãã®ãšã¶ã®ç´ 人ãŒã©ã“ã¾ã§ã‚„れるã‹ã€å£Šã™ã“ã¨ã‚’覚悟ã§åˆ†è§£ã—ã¾ã—ãŸã€‚ ã“ã“ã«å…¨æ‰‹é †ã‚’ã”紹介ã—ã¾ã™ã€‚ ãƒãƒƒãƒ†ãƒªãƒ¼äº¤æ›ã‚‚åŒã˜æ‰‹é †ã§å¯èƒ½ã§ã™ã€‚ ã—ã‹ã‚‚ã€ãƒ›ãƒ¼ãƒ ボタンã®ã‚ˆã†ã«å¥¥ã«éš ã‚Œã¦ã„ãªã„ã®ã§ã€æ¯”較的簡å˜ã§ã™ã€‚ ホームボタン交æ›ã¯ä¸‡äººã«ãŠå‹§ã‚ã§
Facebookã‚’éžåŒæœŸé€šä¿¡ã§èªã¿è¾¼ã‚€ï½œWebクリエイターãƒãƒƒãƒˆ
ジャンルã¯å•ã‚ãšã€å€‹äººçš„ã«å¥½ããªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»é¢¨æ™¯ãƒ»ç‰©ã€ãã—ã¦ï½¢ä½•ã‹ã„ã„ãªãƒ¼ï¼ï½£ã¨æ€ã£ãŸã‚‚ã®ã‚’写真ã«æ’®ã£ã¦Flickrã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã„ãã¤ã‚‚ã‚Šã§ã™ã€‚ Facebookã®LikeボタンやLikeボックスをサイトã«è¨ç½®ã—ã¦ã„ã‚‹æ–¹ã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚ ãã®éš›ã€bodyã‚¿ã‚°ã®ã™ã後ã«Facebookã®JavaScript SDKã‚’é…ç½®ã—ã¾ã™ãŒã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯éžåŒæœŸé€šä¿¡ã§èªã¿è¾¼ã‚€ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã›ã‚“。éžåŒæœŸé€šä¿¡ã§èªã¿è¾¼ã‚€ã“ã¨ã§ã€LikeボタンやLikeボックスã®è¡¨ç¤ºã‚¹ãƒ”ードを早ãã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Facebookã®LikeボタンやLikeボックスをéžåŒæœŸé€šä¿¡ã§èªã¿è¾¼ã‚€ã®ã¯ã¨ã¦ã‚‚ç°¡å˜ï¼ JavaScript SDKã‚’é…置時ã«â€js.async = true;â€ã‚’追記ã™ã‚‹ã ã‘ã§ã™ã€‚ Likeボタンã®å ´åˆã¯ä»¥ä¸‹ãƒšãƒ¼ã‚¸ã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’å–å¾—ã—ã¦ãã ã•ã„。 ⇒ Like Button -Facebook
PCサイトã®å¸¸è˜ãŒé€šç”¨ã—ãªã„ï¼æºå¸¯ã‚µã‚¤ãƒˆã§ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚らãˆã‚‹ãƒœã‚¿ãƒ³ã®ä½œã‚Šæ–¹ | KAYAC DESIGNER'S BLOG - カヤックã®æ„åŒ éƒ¨ã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„マークアップã®è©±
ã“ã‚“ã«ã¡ã¯ï¼ 今日もæºå¸¯ã‚’クリックã—ã™ãŽã¦æ‰‹ãŒç‹è‚‰ç—›ã®ãƒ¦ãƒªã£ãºã§ã™âœ¿ 今回ã¯ã€æºå¸¯ã®ã€Œã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚らãˆã‚‹ãƒœã‚¿ãƒ³ã€ã‚’作ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æºå¸¯ã§éŠã‚“ã§ã„ã‚‹ã¨ã€ç”»åƒã§ã¤ãられãŸãƒœã‚¿ãƒ³ãŒé¸æŠžã•ã‚Œã¦ã‚‹ã‹ã‚ã‹ã‚‰ãªã„ã€èªè˜ã—ã¥ã‚‰ã„ã€ã¨ã„ã£ãŸçµŒé¨“ã‚’ã—ãŸã“ã¨ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã¾ãŸã€æºå¸¯ã‚µã‚¤ãƒˆã‚’é‹å–¶ã—ã¦ã„ã‚‹ã‹ãŸã®ä¸ã«ã¯ã€Œã“ã‚“ãªã«ç›®ç«‹ã¤ãƒœã‚¿ãƒ³ãªã®ã«å…¨ç„¶ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œãªã„ï¼ã€ã¨ã„ã£ãŸæ‚©ã¿ã‚’ã‚‚ã£ãŸäººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ãã“ã§æ–‡å—ã®éƒ¨åˆ†ã¯ãƒ†ã‚ストを使ã£ãŸãƒœã‚¿ãƒ³ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã¯ã˜ã‚ã«ã€tableã®å·¦å³ã®éš™é–“ã‚’ã™ã“ã—多ã‚ã«ã¨ã£ã¦ã¿ã¾ã™ã€‚ (au) <div align="center" style="text-align: center;"> <table align="center"> <tr><td bgcolor="#ffd70b"> <a href="#"><span style="colo
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
fladdict » スマホã®UI考 〜 ボタンã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“系的ãªè³‡æ–™æ¬²ã—ã„ãªãーã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚。 色々ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚世ã®ä¸ã®ã‚¢ãƒ—リã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—分をUIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„アプリã«ãªã‚‹ã¨æ€ã†ã€‚ 書ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ 指ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ・Webã¨ã‚¹ãƒžãƒ›ã‚’比較ã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„。 ・ピクセルå˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’制御ã§ãるマウスãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘把ã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’指定ã§ããªã„。 ・ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„る。 ・視覚的ã«44px以下ã®ãƒœã‚¿ãƒ³ã‚‚実際ã®ãƒ’ットエリアã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ・ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘られるã ã‘空ã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ・ã¤ã¾ã‚‹ã¨ã“ã‚「カッãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
ã€æ›´æ–°ã€‘ソーシャルメディアã«å…±æœ‰ã™ã‚‹ãƒœã‚¿ãƒ³ã®è¨ç½®æ–¹æ³•ï¼ˆTwitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, ã¯ã¦ãƒ–） [C!]
MovableType å°æŠ€é›† ã€æ›´æ–°ã€‘ソーシャルメディアã«å…±æœ‰ã™ã‚‹ãƒœã‚¿ãƒ³ã®è¨ç½®æ–¹æ³•ï¼ˆTwitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, ã¯ã¦ãƒ–） ソーシャルメディアã®å„サービスãŒã“ãžã£ã¦ã€Œã„ã„ãï¼ã€ãªã©ã®å…±æœ‰ãƒœã‚¿ãƒ³ã‚’リリースã—ã¦ã„ã¾ã™ã€‚ブãƒã‚°ã‚„ニュースメディアã§ã‚‚é »ç¹ã«ç›®ã«ã™ã‚‹æ˜¨ä»Šã§ã™ãŒã€è‰²ã€…ãªã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒœã‚¿ãƒ³ã®è¨ç½®æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 目次（兼ショートカット） Twitter「Twitterボタン〠Facebook「Shareã€ã€ŒLike（ã„ã„ãï¼ï¼‰ã€ mixi「mixiãƒã‚§ãƒƒã‚¯ã€ GREE「Social Feedback（ã„ã„ãï¼ï¼‰ã€ Evernote「Site Memory（Clip）〠Google+「＋１〠Tumblr「Share on Tumblr〠Pinterest「
![ã€æ›´æ–°ã€‘ソーシャルメディアã«å…±æœ‰ã™ã‚‹ãƒœã‚¿ãƒ³ã®è¨ç½®æ–¹æ³•ï¼ˆTwitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, ã¯ã¦ãƒ–） [C!]](https://cdn-ak-scissors.b.st-hatena.com/image/square/81e0b24df3879e2c544ed147f55618364bfffef0/height=288;version=1;width=512/https%3A%2F%2Fcreazy.net%2Fwp%2Fwp-content%2Fuploads%2F2017%2F12%2F6943392493_78691ae59d.jpg)
CSS3ã§å®Ÿè£…ã•ã‚ŒãŸãƒœã‚¿ãƒ³ã®ã‚µãƒ³ãƒ—ルやãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç·ã¾ã¨ã‚:phpspot開発日誌
CSS3ã§å®Ÿè£…ã•ã‚ŒãŸãƒœã‚¿ãƒ³ã®ã‚µãƒ³ãƒ—ルやãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç·ã¾ã¨ã‚。 当サイトã§ã¯è‰²ã€…ã¨CSS3ボタンã®ã‚¨ãƒ³ãƒˆãƒªã‚’紹介ã—ã¦ãã¦ã„ã¾ã™ãŒã€ã“ã“ら辺ã§ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ç”»åƒã¤ãã‚‹ã®ã¯ã‚ã‚“ã©ã†ã ã—CSS3ã§ã‚„ã£ã¡ã‚ƒãŠã†ã¨ã„ã†å ´åˆã«å‚考ã«ã—ã¦ã¿ã¦ä¸‹ã•ã„。 立体感ãŒã„ã„æ„Ÿã˜ã®iPhoneã«ã‚‚採用ã•ã‚Œã¦ã„るボタン実装CSS3サンプル iPhone風ã®ãƒœã‚¿ãƒ³å®Ÿè£… ステップã§å¦ã¹ã‚‹CSS3ボタンã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CSS3ボタンã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 綺麗ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸCSS3ボタンã®ã¾ã¨ã‚ カラフルã§ç¾Žã—ã„CSS3ボタン ã“ã‚Œã¯ã‚¯ãƒ¼ãƒ«ï¼ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨èƒŒæ™¯ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹CSS3ボタン実装例 デザインã¯å¾®å¦™ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨èƒŒæ™¯ãŒå‹•ãã‚ãŸã‚Šãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦è¦šãˆã¦ãŠãã¨ã‚ˆã•ãㆠCSS3ã ã‘ã§å®Ÿç¾ã™ã‚‹ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨è‰²ã®å¤‰ã‚るボタン実装 クリックã§è‰²ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.muukii.me/blog/daily/384
{{#tags}}- {{label}}
{{/tags}}