Progressive enhancement: pure CSS speech bubbles – Nicolas Gallagher — Blog & Ephemera
Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. This tutorial contains various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML. The CSS file used in the demo page is heavily commented so that you can see which lines of code are responsible for ea
Twitter @Anywhereをブãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚·ã‚¹ãƒ†ãƒ ã«ã™ã‚‹æ–¹æ³• | Creazy!
Welcome to @Anywhere | dev.twitter.com ã‚‚ã¯ã‚„ã€WEB界隈ã§ã¯ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ラットフォームã¨ã—ã¦å®šç€ã—ã¤ã¤ã‚ã‚‹Twitterã§ã™ãŒã€å…ˆé€±ã€è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã«JavaScriptを使ã£ã¦ç°¡å˜ã«Twitter機能を導入ã§ãã‚‹@Anywhereã¨ã„ã†ã‚µãƒ¼ãƒ“スãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ã“ã¡ã‚‰ã«ãƒ‰ã‚ュメントãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ã‚µãƒ³ãƒ—ルコードãŒã¾ã¨ã‚‚ã«å‹•ã‹ãªã‹ã£ãŸã‚Šã€APIã®èª¬æ˜ŽãŒä¸å分ã ã£ãŸã‚Šã€ä»Šã™ãã«å°Žå…¥ã™ã‚‹ã®ã¯ã‹ãªã‚Šãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ã„ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§å®Ÿéš›ã«ã‚µãƒ³ãƒ—ルを紹介ã™ã‚‹å‰ã«ã€æ—¥æœ¬äººã«éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ã„エントリーを２ã¤ã»ã©ç´¹ä»‹ã—ã¾ã™ã®ã§ã€ãã¡ã‚‰ã§åŸºæœ¬çš„ãªä½¿ã„方を覚ãˆã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ・Twitter æ–° API ã®ãƒ‰ã‚ュメント「Getting Started with @Anywhereã€æ—¥æœ¬èªžè¨³ – WebOS Goodies ドã‚ュメントを日
Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ‰‹è»½ãªåŠ©è¨€ãŒã§ãるサービスBounce | 秋元@サイボウズラボ・プãƒã‚°ãƒ©ãƒžãƒ¼ãƒ»ãƒ–ãƒã‚°
Bounce ã¯ã€ã‚µã‚¤ãƒˆã®ã‚ャプãƒãƒ£ã‚’å–ã£ã¦ã€ãƒšãƒ¼ã‚¸ä¸Šã®ç”»åƒã‚„æ–‡å—やフォントãªã©ã«ã¤ã„ã¦ãƒ¯ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§åŠ©è¨€ã‚„çªã£è¾¼ã¿ã‚’入れã¦å…±æœ‰ã§ãã‚‹ã¨ã„ã†ã‚·ãƒ³ã‚°ãƒ«ã‚¿ã‚¹ã‚¯ã«ç‰¹åŒ–ã—ãŸWebサービスã§ã™ã€‚ 好ããªã‚µã‚¤ãƒˆã®ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’入力ã™ã‚‹ã¨ã€æ•°ç§’ã§ãã®ã‚¢ãƒ‰ãƒ¬ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’å–ã£ã¦ãã¦ãã‚Œã¾ã™ã€‚ ãã†ã—ãŸã‚‰ã€ã‚³ãƒ¡ãƒ³ãƒˆã—ãŸã„ã¨ã“ã‚をマウスã§ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦é ˜åŸŸã‚’指定ã—ã€ãã“ã«å‡ºã¦ããŸãƒœãƒƒã‚¯ã‚¹ã«æ„Ÿæƒ³ç‰ã‚’書ãã“ã‚€ã ã‘。 ページ最上部ã®ãƒãƒ¼ã§ã€ã“ã®ã‚³ãƒ¡ãƒ³ãƒˆãƒšãƒ¼ã‚¸è‡ªä½“ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’ã¤ã‘ãŸã‚Šã€ã‚³ãƒ¡ãƒ³ãƒˆè€…ã¨ã—ã¦ãƒãƒ³ãƒ‰ãƒ«ãƒãƒ¼ãƒ ã‚’è¨å®šã—ãŸã‚Šã‚‚ã§ãã¾ã™ã€‚ å³ä¸Šã®Saveを押ã™ã¨ã€ã“ã®ã‚³ãƒ¡ãƒ³ãƒˆã™ã‚‹ãŸã‚ã®ãƒšãƒ¼ã‚¸ã®URLãŒå¾—られるã®ã§ã€ã“れをツイッターãªã‚Šãƒ¡ãƒ¼ãƒ«ãªã‚Šã§ã‚³ãƒ¡ãƒ³ãƒˆã—ã¦æ¬²ã—ã„人ã«é€ã‚Œã°ã€ä»–ã®äººã«ã‚³ãƒ¡ãƒ³ãƒˆã—ã¦ã‚‚らã†ã“ã¨ã‚‚ã§ãã¾ã™ã€‚デザインãŒã„ã„ã‹ã’ã‚“ãªã“ã¨ã§å®šè©•ã®ã‚るアジアジンã®ãƒˆãƒƒãƒ—ページã§ã‚‚ã‚„ã£ã¦ã¿ãŸã®ã§ã€çªã£è¾¼ã¿ãŒã‚ã‚Œã°
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}