Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
SVGã¨jQueryã§çµµã‚’æã„ã¦ã„るよã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装ã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã©ã†ã‚‚ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã¯ã‚„ã¡ã§ã™( ˘ω˘)✌ 最近『天空ã®ã‚¯ãƒ©ãƒ•ãƒˆãƒ•ãƒªãƒ¼ãƒˆã€ã¨ã„ã†ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚²ãƒ¼ãƒ ã«ãƒãƒžã£ã¦ãŠã‚Šã¾ã™ã€‚ ã‚‚ã¨ã‚‚ã¨ã¯å¼Šç¤¾ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä½•äººã‹ã«èª˜ã‚ã‚Œã¦DLã—ãŸã®ã§ã™ãŒã€ã¿ãªã•ã‚“最近ãƒã‚°ã‚¤ãƒ³ã—ã¦ã„る様åãŒãªãã€ã‚‚ãã‚‚ãã¨ã²ã¨ã‚Šã§ãƒŸãƒƒã‚·ãƒ§ãƒ³ã‚’ã“ãªã—ã€ç·´ã‚Šä¸Šã’ã¦ãŠã‚Šã¾ã™( ∵ ) ã¾ã‘ãªã„ã²ã¨ã‚ŠãŸã®ã—ã„ã€å¼·ããªã‚‹âœŒ(´ʘ‿ʘ｀)✌ ã•ã¦ã€ä»Šå›žã¯SVGã§çµµã‚’æã„ã¦ã„るよã†ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’生æˆã—ã¦ãれるサイトã€LAZY LINE PAINTERã®ä½¿ç”¨æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ SVGã¨ã¯ Scallable Vecter Graphocs（スケーラブル・ベクター・グラフィックス）ã®ç•¥ã§ã€XMLをベースã¨ã—ãŸäºŒæ¬¡å…ƒãƒ™ã‚¯ã‚¿ãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ç”»åƒå½¢å¼ã®ã“ã¨ã§ã™( ˘ω˘)☠SVGã¯jpgã®æ§˜ã«imgè¦ç´ ã§æ‰±ã£ãŸã‚Šã€cssã§è‰²ã‚’変ãˆãŸã‚ŠèƒŒæ™¯ç”»åƒã¨ã—ã¦æ‰±ã£ãŸã‚Šã§ãã¾ã™( ˘
10分ã§ã‚ã‹ã‚‹SVG 基礎編
知ã£ã¦å¾—ã™ã‚‹ã€Webブラウザ上ã§åˆ©ç”¨ã§ãるグラフィック関連技術。HTMLã®ã‚ˆã†ãªæ„Ÿè¦šã§å›³å½¢ãŒæç”»ã§ãる「SVGã€ã‚’ãƒãƒƒã‚¯ã—よㆠSVGドã‚ュメントã®æ›¸ãæ–¹ 本連載ã§ã¯ã€Webブラウザ上ã§åˆ©ç”¨ã§ãるグラフィック技術を分ã‹ã‚Šã‚„ã™ã紹介ã—ã¦ã„ã¾ã™ã€‚第2回ã¨ãªã‚‹ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯SVGã§ã™ã€‚ ã”å˜ã˜ã®æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ãŒã€SVGã¯XMLをベースã«ã—ãŸãƒ™ã‚¯ãƒˆãƒ«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®è¨˜è¿°è¨€èªžã§ã™ã€‚PNGã®ã‚ˆã†ãªç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®1ã¤ã§ã‚‚ã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«ã¯XMLを記述ã—ãŸãƒ†ã‚ストファイルã§ã‚ã‚Šã€HTMLã¨åŒæ§˜ã«JavaScript（DOM API）ã«ã‚ˆã‚‹åˆ¶å¾¡ã‚‚è¡Œãˆã¾ã™ã€‚HTMLãŒã‚¿ã‚°ã«ã‚ˆã£ã¦æ–‡æ›¸ã®æ§‹é€ を記述ã™ã‚‹ã®ã¨åŒæ§˜ã«ã€SVGã¯ã‚¿ã‚°ã§å›³å½¢ã‚’記述ã—ã¾ã™ã€‚ ■　XMLã§ãƒ™ã‚¯ãƒˆãƒ«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’記述ã™ã‚‹SVG 実ã¯SVGã®è¦æ ¼è‡ªä½“ã¯ã‹ãªã‚Šä»¥å‰ã‹ã‚‰å˜åœ¨ã—ãŸã®ã§ã™ãŒã€é•·ã‚‰ãInternet Explorer（以é™IE）
Webデザイナーã®ãŸã‚ã®jquery入門2（å‰ç·¨ï¼‰
82 views jQueryã®ç¤¾å†…勉強会用スライドã§ã™ã€‚ã ã„ãŸã„1時間ã§çµ‚ã‚れるよã†ã«ã€å‰ç·¨ãƒ»å¾Œç·¨ã«åˆ†ã‘ã¦ã„ã¾ã™ã€‚ 後編ã¯6月以é™ã§å…¬é–‹ã‚’予定ã—ã¦ã„ã¾ã™ã€‚ More… jQueryã®ç¤¾å†…勉強会用スライドã§ã™ã€‚ã ã„ãŸã„1時間ã§çµ‚ã‚れるよã†ã«ã€å‰ç·¨ãƒ»å¾Œç·¨ã«åˆ†ã‘ã¦ã„ã¾ã™ã€‚ 後編ã¯6月以é™ã§å…¬é–‹ã‚’予定ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’作るã«ã‚ãŸã£ã¦ã€æ›¸ç±ã€ŒWebデザイナーã®ãŸã‚ã®jQuery入門ã€ã‚’ã‹ãªã‚Šå‚考ã«ã—ã¦ã„ã¾ã™ã€‚ Webデザイナーã®ãŸã‚ã®jquery入門2（å‰ç·¨ï¼‰ — Presentation Transcript Webデザイナーã®ãŸã‚ã® jQuery入門 　-覚醒編（å‰ç·¨ï¼‰ -jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’自分ã§è€ƒãˆã¦æ›¸ã‘るよã†ã«ãªã‚ã†ï¼ 目標 日々ã®æ¥å‹™ã«jQueryã‚’å–り入れã¦ã€ 自分ã§ä½•ã‹ã‚’作れるよã†ã«ãªã‚‹ã€‚ 大ã¾ã‹ãªå†…容１.　何ã‹ã‚’å–ã£ã¦ãる　２.　ãã‚Œã«ä½•ã‹ã‚’ã™ã‚‹ï¼“.　ã¾ã¨ã‚　 1
ãµã¤ã†ã®formã‚’ã¤ã‹ã„ãŸã„ - ã¯ã¾ã¡ã‚„ï¼’ - ニコニコ超会è°2012
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ ã¯ã¾ã¡ã‚„ï¼’ (@Hamachiya2) ブãƒã‚¬ãƒ¼ã€ã‚¯ãƒ©ãƒƒã‚«ãƒ¼ã€‚特技ã¯æ´—濯ã€è¶£å‘³ã¯ç ´å£Šã€è‹¦æ‰‹ãªã“ã¨ã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€‚ WEB+DB PRESS ã®ãŠä¾¿ã‚Šã‚³ãƒ¼ãƒŠãƒ¼æ‹…当。 「ã¯ã¾ã¡ã¡ã‚ƒã‚“ã€ã¨ã‹ã§é©å½“ã«ã‚°ã‚°ã£ã¦ãã ã•ã„。 無料㧠プレミアム機能を 使ã†æ–¹æ³• 見ã¤ã‘る時間ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ 何話ãã†ï¼Ÿ プãƒã‚°ãƒ©ãƒ ã¯è‹¦æ‰‹ã ã—… ã‚»ã‚ュリティã¨ã‹èˆˆå‘³ãªã„ã—… ãã‚“ãªã‚ã‘ã§æ™®é€šã®ã“ã¨ã‚’話ã—ã¾ã™ã€‚ 本日ã®ãƒ†ãƒ¼ãƒžï¼š 『ãµã¤ã†ã®formを使ã„ãŸã„〠<form> 電話番å·ã¯ãƒã‚¤ãƒ•ãƒ³æŠœãã®åŠè§’ã§â€¦ï¼ˆã¯ã„ã¯ã„） フリガナã¯ã‚«ãƒŠã§â€¦ (カナã§åå‰ã‚’å¦ç¿’ã—ã¦ã—ã¾ã†ã®ãŒå«Œã ã‘ã©â€¦) 郵便番å·ã¯å‰ã¨å¾Œã‚ã«åˆ†ã‘ã¦â€¦ (ã‚ã‚“ã©ãã•ã„ãªã…) ä½æ‰€ã¯å…¨è§’ã§â€¦ (ã‚ーã¯ã„ã¯ã„…) … (ã§ããŸï¼) (ã“ã‚Œã§é€ä¿¡ã€ã¨â€¦) ※エラー：ä½æ‰€ã‚’æ£ã—ã入力ã—ã¦ãã ã•ã„ (ãˆã€ãªã‚“ã§ï¼ï¼Ÿ) ※ä½æ‰€ã¯å…¨è§’ã§å…¥åŠ›ã—ã¦ã
cssスプライトã¨jQueryを組ã¿åˆã‚ã›ãŸãƒŠãƒ“ゲーションメニュー・AutoSprites - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ cssスプライトをjQueryã¨çµ„ã¿åˆã‚ã›ã¦ 使用ã™ã‚‹AutoSpritesã‚’ã”紹介ã—ã¾ã™ã€‚ 軽é‡åŒ–ã§ãã‚‹ã®ã§äººæ°—ã®ã‚ã‚‹cssスプ ライトã«jQueryã‚’åŠ ãˆã‚‹äº‹ã§ã‚ˆã‚Šè±Šã‹ãª 表ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã。 HTMLソースも綺麗ãªã¾ã¾ä½¿ãˆã¾ã™ã®ã§ãªã‹ãªã‹ä½¿ãˆãã†ã§ã™ã€‚å•é¡Œã®IE6ã€7ã§ã®å®Ÿè£…もクリアã—ã¦ã„ã¾ã™ã‚ˆã€‚ フェードã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‚¯ãƒ¼ãƒ«ã§ã™ã。 cssスプライトを使用ã—ã¦ãŠã‚Šã€3種ã®ç”»åƒã‚’使ã£ã¦è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ マークアップ HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ル。 <ul id="hnav"> <li id="hnavhome"><a href="#">Home</a></li> <li id="hnavlocal"><a href="#">Local I
Flashã®ã‚ˆã†ãª8種ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’é¸ã¹ã‚‹æ±Žç”¨çš„ãªjQueryギャラリー・AviaSlider - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ Flash製ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãªã©ã§ã‚ˆã 見ã‹ã‘るよã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒ8種 用æ„ã•ã‚Œã¦ã„ã‚‹jQueryを使ã£ãŸ スライドギャラリーã®AviaSlider ã‚’ã”紹介ã—ã¾ã™ã€‚ 若干怪ã—ã„ã§ã™ã‘ã©IEã§ã‚‚å‹•ãã¾ã—ãŸã€‚懲りã™ãŽã¦ãªã„ã€æ±Žç”¨çš„ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚
ãŸã£ãŸ6è¡Œã§Webサイトã®UIをガラッã¨å¤‰ãˆã‚‹
「ã“ã‚“ãªé•·ã„Webページã€ã¾ã£ãŸãèªã‚€æ°—ãŒã—ãªã„ã€ã€‚Webサイトを閲覧ã—ã¦ã„ã¦ã“ã‚“ãªçµŒé¨“ã‚’ã—ãŸã“ã¨ã¯èª°ã—ã‚‚ã‚ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚一方ã§ã€Webサイトを作るå´ã«ã¨ã£ã¦ã¯ã€ã©ã“ã¾ã§ã‚’1ページã«ã¾ã¨ã‚ã‚‹ã‹ã¯å¸¸ã«æ‚©ã‚€ã¨ã“ã‚ã ã¨æ€ã†ã€‚é•·ã„ã‹ã‚‰ã¨ã„ã£ã¦ã‚€ã‚„ã¿ã«ãƒšãƒ¼ã‚¸ãŒåˆ†å‰²ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚考ãˆã‚‚ã®ã§ã€ä»Šåº¦ã¯ã€Œæ¬¡ã®ãƒšãƒ¼ã‚¸ã¸ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã®ãŒé¢å€’ã«ãªã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ãŒãŸã¾ã‚‹ã€‚ CogniTom Academic DesignãŒä½œã£ãŸã€Œbookreader.jsã€ã¯ã€ãã‚“ãªæ‚©ã¿ã‚’解決ã—ã¦ãれるã‹ã‚‚ã—ã‚Œãªã„。bookreaderã¯ã€æœ¬ã‚„雑誌をã‚ãるよã†ãªæ„Ÿè¦šã§ã€Webページã®æœ¬æ–‡ã‚’横ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹JavaScriptライブラリã 。 「bookreader.jsã€ã®Webサイト。サイト自体ãŒbookreader.jsを使ã£ãŸãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã‚’å…¼ãã¦ã„る。ä¸å¤®ã«ã‚ã‚‹ [<] [>] をクリックã™ã‚‹ã¨1ページãšã¤ã€
二度押ã—防æ¢ã® onsubmit 㧠disable ã«ã™ã‚‹ã‚„㤠:: Drk7jp
ã‚‚ã†ï¼’å¹´ã»ã©å‰ã«è©±é¡Œã«ãªã£ãŸã‚¢ãƒ¬ãªã‚“ã§ã™ã‘ã©ã€ä»Šæ›´ãªãŒã‚‰ã‚るサービスã§ã“ã®ä»•çµ„ã¿ã®å°Žå…¥ã‚’検討ã—ã¦ã„ã¾ã™ã€‚ onsubmit 㧠submit ボタンを disable ã«ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“リティを良ãã™ã‚‹ - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ submit ボタン disable 技ã®ç½ - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ onsubmit 㧠submit ボタンを < disable ã«ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“リティを悪ãã™ã‚‹ã®ã¯ã‚„ã‚ã¦ãã ã•ã„ - ã®ãƒ®ã® ã†ã‚“ã“♥ onsubmit 㧠disable ã«ã™ã‚‹ã‚„㤠- é·¹ã®å³¶ onsubmit ã® disable 化ã§ã™ãŒæ—¢ã«è°è«–ãŒçµ‚ã‚ã£ã¦ã„るよã†ã«ã€onsubmit disable ã®å®Ÿè£…方法ã¨ã—ã¦ã€ onsubmit イベント発生時㫠submit è¦ç´ ã‚’ disable ã«ã—ã¦å€¤ã‚’サーãƒã¸æ¸¡ã™ãŸã‚ã® hidden è¦ç´ を生æˆã™ã‚‹æ–¹æ³• setTimeou
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}