アラサーエンジニアã®ç”Ÿå˜æˆ¦ç•¥ / career strategy for around thirty engineer
「リードエンジニアã‹ã‚‰å¦ã¶MedPeerã®ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã€ï¼ˆ https://medpeer.connpass.com/event/181835/ ）ã®ç™»å£‡è³‡æ–™ã§ã™ã€‚ ã€ç™ºè¡¨æ¦‚è¦ã€‘ ã‚‚ã¯ã‚„若手ã§ã¯ãªããªã£ãŸã‚¢ãƒ©ã‚µãƒ¼ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«é ã‚’æ“¡ã’ã‚‹å•é¡Œã¯ã•ã¾ã–ã¾ã‚ã‚Šã¾ã™ã€‚ 技術者ã¨ã—ã¦ã®æˆé•·é™ç•Œï¼ˆ35æ³å®šå¹´â€¦
今必è¦ãªCSSアーã‚テクãƒãƒ£
下記勉強会ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ --------------------------------------------------------- 使ã„ãŸããªã‚‹ UI ã‚’ã¤ãã‚‹ï¼ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ 勉強会 : ATND http://atnd.org/events/42371 ---------------------------------------------------------
retaW
lip balm 乾燥ã—ãŒã¡ãªãƒªãƒƒãƒ—ã®ãŸã‚ã®ã‚¹ãƒšã‚·ãƒ£ãƒ«ã‚±ã‚¢ãŒã§ãるフレグランス・リップãƒãƒ¼ãƒ 。唇ã«ã—ã£ã¨ã‚Šã¨æ½¤ã„を与ãˆã€ã¿ãšã¿ãšã—ã•ã‚’ä¿ã¡ã¾ã™ã€‚
横幅ã„ã£ã±ã„ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーã¤ãã‚Šã¾ã—ãŸã€‚ - Toro_Unit
jQueryã§æ¨ªå¹…ã„ã£ã±ã„ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーã€jQuery Full-width Sliderã¨ã„ã†ãƒ—ラグインをã¤ãã‚Šã¾ã—ãŸã€‚ トップページã®ãƒ¡ã‚¤ãƒ³ãƒ“ジュアルã¨ã‹ã§ä½¿ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ã¨ã„ã†ã‹æ˜”ã®æ¡ˆä»¶ã§ä½¿ã£ãŸã‚‚ã®ã‚’ブラッシュアップã—ãŸã‚‚ã®ã§ã™ã€‚ç”»åƒä»¥å¤–も使ãˆã¾ã™ã€‚ jquery.fullwidthslider.1.0 デモ:http://demo.torounit.com/fullwidthslider/ 2012-02-09:デモã®CSSã‚’ä¿®æ£ã€‚IE対応。 デモã®å†™çœŸã¯Free.Stockerã®ã‚’使ã‚ã›ã¦é ‚ã„ã¦ã„ã¾ã™ã€‚良ã„写真ã„ã£ã±ã„ã‚ã‚Šã¾ã™ã‚ˆãã“ã“。 使ã„æ–¹ js [js] $(function(){ $(".slide").fullWidthSlider({ width:640, height:480 }); }) [/js] html [html] <div class="sli
jQueryã§ãƒ–ラウザウィンドウ幅ã‚ã„ã£ã±ã„ã«è¦ç´ を並ã¹ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーをè¨ç½®ã™ã‚‹å®Ÿé¨“｜BLACKFLAG
ã“れらã®è¨å®šå€¤ã‚’変更ã™ã‚‹ã“ã¨ã§ã‚‚ã‚ã‚‚ã‚調整ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ スクリプト全体ã¯ã‚ã¾ã‚Šã‚·ãƒ³ãƒ—ルã¨è¨€ãˆã‚‹æ§‹æˆã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å°‘ã—ã®è¨å®šå€¤ã‚’調整ã™ã‚‹ã ã‘ã§ç°¡å˜ã«è¨ç½®ã™ã‚‹ã“ã¨ã¯å¯èƒ½ã«ãªã£ã¦ã„ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ è¨ç½®ã®éš›ã®ç°¡å˜ãªæ³¨æ„点ã¨ã—ã¦ã¯ã€HTML構æˆä¸Šã“ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーè¦ç´ 全体を囲ã†ãƒ–ãƒãƒƒã‚¯è¦ç´ ãŒã‚ã£ãŸå ´åˆã¯ã€ ãã®è¦ç´ ã®å¹…ã¯100%ã«ãªã£ã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ä½µã›ã¦ã€ã“ã®å½¢çŠ¶ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーを１ページ内ã«è¤‡æ•°è¨ç½®ã™ã‚‹ã“ã¨ã¯ã‚ã¾ã‚Šãªã„ã‹ã¨æ€ã„ã¾ã™ãŒã€è¤‡æ•°è¨ç½®ã—ãŸéš›ã«ã¯è‡ªå‹•ã‚¹ãƒ©ã‚¤ãƒ‰æ©Ÿèƒ½ã¯ä¸€ã¤ç›®ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã¿ã«ã—ã‹å‹•ä½œã—ã¾ã›ã‚“。 ※2016/01/09 改定 カスタマイズã«é–¢ã—ã¦ã¯ã€jQueryイージングプラグインを使ã£ã¦ç°¡å˜ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‹•ä½œã«æŠ‘æšã‚’ã¤ã‘ãŸã‚Šã€CSSã‚’å°‘ã—調整ã™ã‚‹ã“ã¨ã§ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’スライダーエリアã‹ã‚‰å¤–ã¸å‡ºã™ã“ã¨ãªã©ã‚‚å¯èƒ½ã§ã™ã€‚ ページãƒãƒ¼ã‚·ãƒ§
Swiperã¨ã„ã†è»½é‡ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã§ã‚¹ãƒ¯ã‚¤ãƒ—切り替ãˆã‚‚ã§ãã¡ã‚ƒã†ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ | NeGiMeMo.net
bell賞味期é™åˆ‡ã‚Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ã“ã®è¨˜äº‹ã¯å…¬é–‹ã¾ãŸã¯æœ€çµ‚æ›´æ–°ã‹ã‚‰1703æ—¥ãらã„経éŽã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã¦ã„る記事（特ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç³»ï¼‰ã¯æƒ…å ±ãŒå¤ããªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã®ã§æ³¨æ„ã—ã¦ä¸‹ã•ã„。 レスãƒãƒ³ã‚·ãƒ–ã«ã‚‚対応ã—ã¦ã„ã¦ã€ã‚¹ãƒžãƒ›ãªã©ã®ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚ˆã‚‹ã‚¹ãƒ¯ã‚¤ãƒ—æ“作ã«ã‚‚対応ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーã§ã™ã€‚ 触ã£ã¦ã¿ãŸã‚‰ãªã‹ãªã‹è‰¯ã„æ„Ÿã˜ã ã£ãŸã®ã§ã™ãŒã€æ—¥æœ¬èªžã®æƒ…å ±ãŒå°‘ãªã‹ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ Swiperã®ä¸»ãªç‰¹å¾´ レスãƒãƒ³ã‚·ãƒ– 横スライドã ã‘ã˜ã‚ƒãªãã¦ç¸¦ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã‚‚対応 フリーモード（自分ã§å‹•ã‹ã—ãŸåˆ†ã ã‘ã—ã‹ã‚¹ãƒ©ã‚¤ãƒ‰ã—ãªããªã‚‹ï¼‰ カルーセルモード jQueryãªã—ã§å˜ä½“動作ã•ã›ã‚‹ã“ã¨ã‚‚ã§ãる（jQueryã§ç™ºç«ã•ã›ã‚‹ã“ã¨ã‚‚出æ¥ã‚‹ï¼‰ コンテンツスライダーãªã®ã§ç”»åƒã ã‘ã˜ã‚ƒãªãã¦ãªã‚“ã§ã‚‚è©°ã‚è¾¼ã‚ã‚‹ ãªã©ã§ã—ょã†ã‹ï¼Ÿ ä»–ã«ã‚‚ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã®ã§ã€å…¬å¼ã‚µã‚¤ãƒˆã®Featuresã‚’èªã‚“ã§ã¿
flipsnap.jsã¨ã„ã†ã®ã‚’書ã„㟠- Webtech Walker
最近タッãƒãƒ‡ãƒã‚¤ã‚¹ã§ã‚¹ãƒ¯ã‚¤ãƒ—ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚ˆã†ãªUIを書ã機会ãŒå¤šã„ã®ã§æ±Žç”¨çš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸã€‚ DEMO pxgrid/js-flipsnap - GitHub iScrollã§ã‚‚snapã£ã¦ã„ã†æ©Ÿèƒ½ä½¿ã†ã¨åŒã˜ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã‚“ã ã‘ã©ã€iScrollã§ã“れをやã‚ã†ã¨ã™ã‚‹ã¨ã“ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã„ã¦ã‚‹ã¨ã“ã‚ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã‹ãªããªã‚‹ã¨ã„ã†å•é¡ŒãŒã‚ã£ã¦ã€ãれを解決ã—よã†ã¨æ€ã£ã¦æœ€åˆã¯iScrollã®å†…部をã„ã˜ã£ã¦ãŸã‚“ã ã‘ã©ã€ã¡ã‚‡ã£ã¨iScrollベースã ã¨ã©ã†ã—ã¦ã‚‚ç„¡ç†ãªã¨ã“ã‚ãŒã‚ã£ãŸã®ã§ã“ã®æ©Ÿèƒ½ã ã‘切り出ã—ã¦ã¿ãŸã¨ã„ã†ã‚ã‘。 一応Androidã§ã‚‚å‹•ã„ã¦ã‚‹ã£ã½ã„。 iScrollã¿ãŸã„ã«å¤šæ©Ÿèƒ½ã˜ã‚ƒãªã„ã‘ã©ã¾ã‚ã“ã‚Œã ã‘使ã„ãŸã„ã£ã¦ã„ã†ã“ã¨çµæ§‹ã‚ã‚‹ã®ã§å‰²ã¨ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã€‚TODOã¯ã¨ã‚Šã‚ãˆãšãƒ‰ã‚ュメント。 追記（2012/02/04）：クãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã—ã¾ã—ãŸã€‚
Googleã‹ã‚‰å¦ã¶ ヌルヌルサクサクãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - Qiita
スマフォwebページã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ アプリã§ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„るスライドメニューã§ã™ãŒã€webページã§ã¯ãªã‹ãªã‹ä½¿ã„心地ã®ã‚ˆã„スライドメニューãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯è¦‹ã‹ã‘ã¾ã›ã‚“。 スマートフォンã®ãƒ–ラウザã§ã¯javascriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã©ã†ã—ã¦ã‚‚ガタガタã«ãªã£ã¦ã—ã¾ã†ã—ã€ã¡ã‚‰ã¤ãやスクãƒãƒ¼ãƒ«åˆ¶å¾¡ã®ã‚ã‚“ã©ãã•ã•ã‹ã‚‰ã‚‚ã†webページã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリ並ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã™ã‚‹ãªã‚“ã¦ç„¡ç†ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ Facebookã®webページã§ã™ã‚‰ãƒœã‚¿ãƒ³ã®åå¿œã¯æ‚ªã„ã—アニメーションも動ã‹ãªã„ã—最悪ã§ã™ã€‚ 一方Google先生ã¯ãƒ‘ーフェクトãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã—ã¦ã„㟠ã•ã™ãŒGoogleå…ˆç”Ÿï¼ ä¿ºé”ã«å‡ºæ¥ãªã„ã“ã¨ã‚’( Googleã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥ä¸‹ã®ç‚¹ã§ãƒ‘ーフェクトã§ã™ã€‚ スライドã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã¨ã¦ã‚‚滑らã‹ãƒ»ã¡ã‚‰ã¤ã‹ãªã„ ボタンã®åå¿œã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãªã„ メイ
世界ã®JavaScriptã‚’èªã‚‚ㆠ@ 2012
調ã¹ã‚‹æ–¹æ³•ã‚’知る JavaScriptã¯èª¿ã¹ã‚‹ã¨ã‚„ã‚Šæ–¹ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ãŒå¤šã„ å¤ã„ã‚‚ã®ã¨æœ€è¿‘ã®ã‚‚ã®ãŒã¾ã–ã£ã¦ã‚‹ ã”ã最近〜未æ¥ã®ã‚‚ã®ã¯è¦‹ã¤ã‘ã«ãㄠ以下ã®ç·é›†ç·¨çš„ãªå†…容 海外ã®JavaScriptæƒ…å ±ã‚’è¦‹ã¤ã‘よㆠ世界ã®JavaScriptæƒ…å ±ã‚’èªã‚‚ㆠ今ã‹ã‚‰RSSè³¼èªã™ã¹ãã‚¿ã‚°ã¨æ¤œç´¢çµæžœ ブラウザã®æœ€æ–°æƒ…å ±ã‚’çŸ¥ã‚‹ãŸã‚ã«ã€Web開発者ãŒèªã‚“ã§ãŠãã¹ãブãƒã‚° Webã®å‹•ãã¯ã¨ã¦ã‚‚æ—©ã„ã®ã§ã€èª¿ã¹æ–¹ã‚’知る
[JS]背景画åƒã‚„スライドショーをブラウザã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Vegas
写真画åƒã‚’ブラウザã„ã£ã±ã„ã«è¡¨ç¤ºã—ã€ã‚¦ã‚§ãƒ–ページã«ãƒ•ãƒ«è¡¨ç¤ºã®èƒŒæ™¯ç”»åƒã‚„スライドショーをè¨ç½®ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ドットベースã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ç”¨ã®ç”»åƒãŒæ•°å¤šã用æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ç”»åƒã«ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹ã“ã¨ã‚‚ç°¡å˜ã«ã§ãã¾ã™ã€‚ デモページ サムãƒã‚¤ãƒ«ã‚’クリックã™ã‚‹ã¨ã€å†™çœŸç”»åƒãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ Vegasã®å®Ÿè£… 外部スクリプト 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもã‚らã‹ã˜ã‚用æ„ã•ã‚Œã¦ãŠã‚Šã€å¤–部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <link rel="st
Slippy Slides Repository
This is a Slippy Repository You can find the sources for this application on github, and browse the available slide decks in the list below. 5/31ã®æŽˆæ¥å†…課題回ç”例 Download 2010-05-30 @ The Internets WEBデザインå¦ç§‘ WEBプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° ã¾ã¨ã‚1 Download 2010-05-30 @ The Internets WEBデザインå¦ç§‘ WEBプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° Vol.013 Download 2010-05-30 @ The Internets WEBデザインå¦ç§‘ WEBプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° Vol.012 Download 2010-05-30 @ The Internets WEBデザインå¦ç§‘ WEBプãƒã‚°ãƒ©
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
食ã¹ãƒã‚°ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã£ã¦ã‚ã£ã¡ã‚ƒå¤§å¤‰ã‚„ãん･･･
失敗ã—ã«ãã„サービスã®ã¤ãã‚Šæ–¹ 20151006
esa.io - 趣味ã‹ã‚‰è‚²ã¦ãŸWebサービスã§ç”Ÿãã¦ã„ã
ãªã‚“ã§CSSã™ãæ»ã‚“ã§ã—ã¾ã†ã‚“
WiFi ã®é›»æ³¢ã®è©±
Private Presentation
iDangero.us
jQuery Slider | Responsive jQuery Slider | bxSlider
モテる JavaScript
{{#tags}}- {{label}}
{{/tags}}