[B! HTML] mocchiccã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mocchicc id:mocchicc

HTMLã«é–¢ã™ã‚‹mocchiccã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (23)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Pretty Diff - The difference tool
â˜°Application Menu â›¶Toggle Fullscreen Pretty Diff - Austin Cheney Access the old Pretty Diff tool. Written 12 August 2023 I lived in Afghanistan for nearly 2 years for two separate US Army deployments. I write this just over 14 years after first stepping foot in Afghanistan. Travel Living and Waiting On the first Afghanistan deployment I was constantly traveling, and travel in Afghanistan was rough
mocchicc 2017/12/07
[

HTML

SCSS

minify

js

JavaScript
ãƒªãƒ³ã‚¯
ã‚ãƒ£ãƒç”·ã‚³ãƒ¼ãƒ‰ãƒ¬ã‚·ãƒ”
é¦–éƒ½åœã®ã‚ãƒ£ãƒã‚¯ãƒ©ã¯åœ°åŸŸã«ã‚ˆã£ã¦è‰²ãŒå…¨ç„¶é•ã† ã“ã‚“ã«ã¡ã¯ï¼ çš†ã•ã‚“ã€ã‚ãƒ£ãƒã‚¯ãƒ©ã£ã¦è¡Œã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿw ä¿ºã¯ã—ã‚‡ã£ã¡ã‚…ã†è¡Œã£ã¦ã‚‹ã‚“ã™ã‘ã©ã€ã„ã‚„ã€œã€ã“ã‚ŒãŒæ²¼ã§é€šã„å‡ºã—ãŸã‚‰æ¢ã¾ã‚‰ãªã„ww ã ã‹ã‚‰ãŠé‡‘ãŒã§ãã‚‹ãŸã³ã«é¦–éƒ½åœã®ã‚ãƒ£ãƒã‚¯ãƒ©ã‚’å›žã£ã¦ã‚‹ã‚“ã™ã‘ã©ã€ã‚ˆãèª¿ã¹ã¦ã¿ã‚‹ã¨ã€ã‚ãƒ£ãƒã‚¯ãƒ©ã£ã¦åœ°åŸŸã«ã‚ˆã£ã¦å…¨ç„¶æ¯›è‰²ãŒé•ã†ã‚“ã§ã™ã‚ˆï¼ ãã“ã«é€šã†äººã®ãƒ‹ãƒ¼ã‚ºã ã£ãŸã‚Šã€å¥½ã¿ã ã£ãŸã‚ŠãŒãŠåº—ã«åæ˜ ã•ã‚Œã¦ã‚“ã®ã‹ãªï¼Ÿw ã ã‹ã‚‰ã‚ãƒ£ãƒã‚¯ãƒ©ã«ãƒãƒžã‚‹äººã£ã¦ã€åˆã‚ã¦è¡Œã£ãŸåº—ã®é›°å›²æ°—ã¨ã‹ã‚ãƒ£ãƒå¬¢ã®è¦‹ãŸç›®ã¨ã‹ã§ã©ãƒãƒžã‚Šã™ã‚‹äººã¨ã€ãã‚“ãªã«ãƒãƒžã‚‰ãªã„äººãŒã„ã‚‹ã‚“ã§ã™ã‚ˆãã€‚ ä¿ºã¯ãã®å‰è€…wã©ãƒãƒžã‚Šã—ã¦ä»Šã§ã¯æŠœã‘å‡ºã›ãªã„ã¨ã“ã‚ã«æ¥ã¦ã‚‹ã£ã™ww ã˜ã‚ƒã‚ã€é¦–éƒ½åœã€ç‰¹ã«æ±äº¬ã®ã‚ãƒ£ãƒã‚¯ãƒ©ã«ã¯åœ°åŸŸã«ã‚ˆã£ã¦ã©ã‚“ãªç‰¹å¾´ãŒã‚ã‚‹ã®ã‹ã€ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ï¼ æ–°å®¿æŒèˆžä¼Žç”ºã®ã‚ãƒ£ãƒã‚¯ãƒ©ã®ç‰¹å¾´ã¨å¿…è¦ãªäºˆç®— ã‚ãƒ£ãƒã‚¯ãƒ©ã£ã¦è¨€ã£ãŸã‚‰ã¾ãšæ–°å®¿æŒèˆžä¼Žç”ºã‚’æ€ã„æµ®ã‹ã¹
mocchicc 2015/01/04
ãƒ†ãƒˆãƒªã‚¹

Tetris

JS

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

HTML

HTML5
ãƒªãƒ³ã‚¯
slim/README.jp.md at main Â· slim-template/slim
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
mocchicc 2014/11/12
slim

Ruby

æ—¥æœ¬èªž

HTML

GitHub

Japanese

ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
HTMLã¨CSSã§3Dç©ºé–“ã‚’ä½œæˆã€ã‚«ãƒ¡ãƒ©ã‚’å‹•ã‹ã—ã¦ç©ºé–“å†…ã‚’å‹•ãå›žã‚‹ã“ã¨ã‚‚å¯èƒ½ã«ã—ãŸã€ŒCSS FPSã€
ã‚¦ã‚§ãƒ–é–‹ç™ºè€…ã®Keith Clarkã•ã‚“ãŒã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸è£½ä½œã«ã¯æ¬ ã‹ã›ãªã„HTMLã¨CSSã¨ã„ã†2ã¤ã®è¨€èªžã‚’ä½¿ã„ã€FPSãªã©ã§ç™»å ´ã—ãã†ãª3Dç©ºé–“ã‚’å†ç¾ã—ã¦ã„ã¾ã™ã€‚ Creating 3D worlds with HTML and CSS http://keithclark.co.uk/articles/creating-3d-worlds-with-html-and-css/ HTMLã¨CSSã§ä½œã‚‰ã‚ŒãŸ3Dç©ºé–“ã¯ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã§å®Ÿéš›ã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã€‚PCã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‹ã‚‰ã‚‚è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ A 3D engine built using HTML and CSS 3D transf orms by Keith Clark http://keithclark.co.uk/labs/css-fps/ ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã®ã€ŒMouse ï¼† Keyboardã€ã‚’ã‚¯ãƒªãƒƒ
mocchicc 2014/11/07
3D

HTML

css

html5

css3
ãƒªãƒ³ã‚¯
Appleã®å•†å“ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å†ç¾ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒKiwi-sliderã€
Posted:Â 2014.10.28Â /Â Category:Â javascriptÂ /Â Tag:Â jQuery ã€ŒKiwi-sliderã€ã¯Appleã®å•†å“ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å‹•ä½œã‚’å†ç¾ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨æº–å‚™ ãƒ‡ãƒ¢ï¼†ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã‹ã‚‰ Kiwi-slider html & css ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã€Œkiwi.cssã€ã€Œkiwi-slider.jsã€ã‚’èªã¿è¾¼ã‚“ã ã‚‰ã€å¾Œè¿°ã™ã‚‹idã‚’ã€Œnew KiwiSliderã€ã§æŒ‡å®šã—ã¾ã™ã€‚ html <link rel="stylesheet" type="text/css" href="stylesheets/kiwi.css"> <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="javascrip
mocchicc 2014/10/28
jQuery

JS

css

HTML

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
70+ Free Bootstrap HTML5 Website Templates
mocchicc 2014/09/19
Bootstrap

template

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign
ãƒªãƒ³ã‚¯
Start Bootstrap
Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.
mocchicc 2014/09/19
Bootstrap

template

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign
ãƒªãƒ³ã‚¯
Bootstrap Templates - TemplateMag
Free Bootstrap Templates by TemplateMagLooking for a good, modern and easy to use Bootstrap template for your next website? You landed to the right place! We at TemplateMage create responsive, high quality and elegant website templates using Bootstrap, the most popular frontend framework. MaxiBiz is multi page business website template built with Bootstrap. It is suitable for all agencies, busines
mocchicc 2014/09/19
Bootstrap

template

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign
ãƒªãƒ³ã‚¯
input type=â€fileâ€ ã‚’ç”»åƒãƒœã‚¿ãƒ³ã«å¤‰æ›´ã™ã‚‹æ–¹æ³•ã€€ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º | Stronghold Archive
ã©ã†ã‚‚ã“ã‚“ã°ã‚“ã¯ï¼ ä»Šæ—¥ã¯ã€input type=â€fileâ€ ã‚’ç”»åƒãƒœã‚¿ãƒ³ã«å¤‰æ›´ã™ã‚‹æ–¹æ³•ã€‘ã‚’æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚fileã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’ç”»åƒãƒœã‚¿ãƒ³ã«å·®ã—æ›¿ãˆã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å‘ä¸Šã•ã›ã‚‹ã®ãŒç›®çš„ã§ã™ã€‚ãŸã¾ã«ä½¿ã„ãŸããªã‚‹ã®ã§ã“ã“ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ãã€‚ é€šå¸¸ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚¿ã‚° <input type="file"> é€šå¸¸ã®çŠ¶æ…‹ã§ã™ã€‚CSSã§èƒŒæ™¯ã‚„ãƒœãƒ¼ãƒ€ãƒ¼ã‚’å‰Šé™¤ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã«ã¯é™ç•ŒãŒã‚ã‚Šã¾ã™ã€‚ ã§ã™ã®ã§jQueryã§è£œå®Œã—ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã®æº–å‚™ ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’ç”»åƒãƒœã‚¿ãƒ³ã«å¤‰æ›´ ãƒ»HTML <input type="file" id="file_01" class="file"> <label class="file_mask"> <span><!â€“ ç”»åƒç”¨spanã‚¿ã‚° â€“></span> <input type="text" id="mask_file_01"> </label>
mocchicc 2014/08/13
ç”»åƒ

JavaScript

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³

design

jquery

input

form
ãƒªãƒ³ã‚¯
IE8ã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€HTML5ã‚„CSS3ã€rgbaè§’ä¸¸ã«å¯¾å¿œã•ã›ã‚‹å ´åˆã®æ³¨æ„ç‚¹ã¾ã¨ã‚ - äº¬éƒ½ã®ãŠå¢¨ä»˜ãï¼
IEã§HTML5ã‚„CSS3ã‚’ä½¿ã†å ´åˆã€ã„ãã¤ã‹è£œåŠ©ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’èªã¿è¾¼ã‚“ã ã‚Šã€åˆ¶ä½œä¸Šã®æ³¨æ„ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ã€ãã¡ã‚“ã¨HTML5ã‚„CSS3ã®ä»•æ§˜ã‚’èº«ã«ã¤ã‘ã¦ã„ãªã„ã¨ã€Œå‹•ä½œã—ãªã„ã€ãªã©ã®ãƒˆãƒ©ãƒ–ãƒ«ã«è¦‹èˆžã‚ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ã€Œãªãœã€ãã†ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã‹ã€ã‚’ã‚ãƒãƒ³ã¨æ›¸ã„ã¦ã€ä»•æ§˜ãƒ»ä»•çµ„ã¿ã‚’ç†è§£ã—ãŸä¸Šã§ä½¿ã„ã“ãªã™ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹äº‹ã‚’ç›®æ¨™ã«æ›¸ãã¾ã—ãŸã€‚ IE8ã§ã€HTML5ã®Sectionsã‚¿ã‚°ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã€Œhtml5shiv.jsã€ ã€ŒSectionsã‚¿ã‚°ã€ã¨ã¯ä»¥ä¸‹ã®ã‚¿ã‚°ã§ã™ã€‚ã“ã‚Œã¯HTML5ã§å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ãŒã€IE8ã§ã¯ä½¿ãˆãªã„ã‚‚ã®(HTML5ã§è¿½åŠ ã—ãŸåˆ†)ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã®ãŒã€Œhtml5shiv.jsã€ã§ã™ã€‚ section (HTML5ã‹ã‚‰è¿½åŠ ) nav (HTML5ã‹ã‚‰è¿½åŠ ) article (HTML5ã‹ã‚‰è¿½åŠ ) aside (HTML5ã‹
mocchicc 2014/07/25
IE8

ie8

html5

HTML

css3

ieå¯¾å¿œ
ãƒªãƒ³ã‚¯
Chart.js
New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
mocchicc 2014/06/22
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

html5

HTML

canvas

UI

javascript

ã‚°ãƒ©ãƒ•
ãƒªãƒ³ã‚¯
Sassã€ãã—ã¦Sassy CSS (SCSS)
CSSã‚’æ‹¡å¼µã—ãŸãƒ¡ã‚¿è¨€èªžã§ã‚ã‚‹Sassã€ãã—ã¦ãã®åˆ¥æ–‡æ³•ã¨ã—ã¦å®šç¾©ã•ã‚ŒãŸSCSSã«ã¤ã„ã¦ã€960.gsãªã©ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨çµ¡ã‚ã¦ã€Sass (ä¸»ã«SCSS)ã®è‰¯ã•ã‚’è§£èª¬ã™ã‚‹ã€‚ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Sass Sassy CSS aka SCSS SCSSã§CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ 2ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä½œæˆ clearfixã‚„Reset CSSã®çµ„ã¿è¾¼ã¿ ã‚«ãƒ©ãƒ å¹…ã®å¤‰æ›´ ã‚«ãƒ©ãƒ ã®å…¥ã‚Œæ›¿ãˆ SCSSã§å®Œçµã™ã‚‹ã“ã¨ã®æ„ç¾© ã¾ã¨ã‚ æœ€å¾Œã« CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ 960.gsã‚„Blueprintã€BlueTripãªã©CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã¯è‰²ã€…ã‚ã‚‹ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨åä¹—ã‚‹ã ã‘ã®ã“ã¨ã¯ã‚ã£ã¦ã€ãã‚Œã‚‰ã®ç”Ÿç”£æ€§ã¯ã¨ã¦ã‚‚é«˜ã„ã€‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§é©åˆ‡ã«ã‚¯ãƒ©ã‚¹åã‚„IDã‚’åŸ‹ã‚è¾¼ã‚€ã ã‘ãªã®ã§ã€è¤‡é›‘æ€ªå¥‡ãªCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ„è˜ã™ã‚‹ã“ã¨ãªãèª°ã§ã‚‚ç°¡æ½”ã«ãã‚Œã„ãªã‚«ãƒ©ãƒ ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã§ãã‚‹ã€‚ HTML 4
mocchicc 2014/05/26
css

Ruby

Sass

SCSS

html

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Free todo list and task manager: Todoist
Organize your work and life, finally.Simplify life for both you and your team with the worldâ€™s #1 task manager and to-do list app.
mocchicc 2014/05/23
ã‚¿ã‚¹ã‚¯ç®¡ç†

webã‚µãƒ¼ãƒ“ã‚¹

iphone

HTML

html5

chrome

webservice
ãƒªãƒ³ã‚¯
Flipsblog.jp
ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ¯ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ãªã£ãŸã‚Šã€ç…®è©°ã¾ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã€Instagram ã‚’ä½¿ã‚ãªã„æ‰‹ã¯ã‚ã‚Šã¾ã›ã‚“ä¸–ç•Œä¸ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æº¢ã‚Œã‚‹ã‚¢ãƒ¼ãƒˆç³»ã®ç™ºä¿¡ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒãŸãã•ã‚“å‚ç…§ã§ãã¾ã™æœ¬è¨˜äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ã“ã¨é–“é•ã„ãªã—ã®æµ·å¤–ã®ã‚¢ãƒ¼ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã® Instagram ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
mocchicc 2014/05/16
HTML

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

HTML5

webãƒ‡ã‚¶ã‚¤ãƒ³

wordpress
ãƒªãƒ³ã‚¯
è«–ç†çš„ãªHTMLï¼ˆæ–‡æ›¸æ§‹é€ ï¼‰ã‚’æ„è˜ã—ã¦ã¤ãã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆCSSï¼‰â€¦ ã¨SEO
ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå…ˆã«ã‚ã£ã¦ XHTML ã‚’æ›¸ã“ã†ã¨ã™ã‚‹ã¨ã€è«–ç†çš„ãªæ–‡ç« æ§‹é€ æ®»ã‹ã‚‰è¦‹ãŸã¨ãã«ãŠã‹ã—ãªã“ã¨ã«ãªã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«æ…£ã‚Œãªã„ã†ã¡ã¯ã“ã†ã„ã†å¤±æ•—ã‚‚ã‚ˆãã‚ã‚Šã¾ã™ããƒ¼ã€‚ æ£ã—ã„æ–‡ç« æ§‹é€ ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ã™ã‚Œã° SEOçš„ã«ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä»Šæ›´ãªã‚“ã§ã™ã‘ã©ã€Webã‚µã‚¤ãƒˆã£ã¦ XHTML ã§æ›¸ã‹ã‚Œã¦ã„ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§è£…é£¾ã•ã‚Œã¦ã„ã¾ã™ã‚ˆãã€‚Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰è¦‹ã‚‹ã¨ã€Webã‚µã‚¤ãƒˆã£ã¦ã¨ã‹ãè¦‹ãŸç›®ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®éƒ¨åˆ†ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã°ã‹ã‚Šã«ç›®ãŒã„ããŒã¡ã§ã™ãŒã€Webã‚µã‚¤ãƒˆã§å¤§äº‹ãªéƒ¨åˆ†ã£ã¦XHTMLã®æ–‡ç« ã®è«–ç†æ§‹é€ ã ã£ãŸã‚Šã—ã¾ã™ã€‚ã¾ãšã¯ XHTML ãŒã‚ã£ã¦ã® Webã‚µã‚¤ãƒˆã ã¨æ€ã†ã‚“ã§ã™ã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«ã€å¤šãã® Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ãŒãã†ã—ã¦ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ç§ã‚‚ã¾ãš Photoshop ã‚„ Fireworks ã‚’ã¤ã‹ã£ã¦ Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚Šã¾ã™ï¼ˆã¿ã‚“ãªé•ã†ã®ã‹ãª
mocchicc 2014/05/02
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

Web

HTML

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„
ãƒªãƒ³ã‚¯
Default Select Dropdown Style Just CSS | select dropdown style just css - HTML LION - HTML Lion
Default Select Drop-Down List with just CSS Customize html select box css it's very easy to make css for default html select tag, Take a look at the following tutorial about default css for html select dropdown list. Demo The HTML Markup The css select box html as follows: <form class="demo"> <select> <option>CSS</option> <option>HTML </option> <option>HTML 5</option> </select> <select class="balc
mocchicc 2014/04/18
css

webã‚µãƒ¼ãƒ“ã‚¹

html

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
Rubyè£½ã®æ§‹æ–‡è§£æžãƒ„ãƒ¼ãƒ«ã€Nokogiriã®ä½¿ã„æ–¹ with Xpath - ãƒ—ãƒã‚°ãƒ©ãƒžã§ã‚ã‚ŠãŸã„
Rubyã§HTMLã‚„XMLã‚’ãƒ‘ãƒ¼ã‚¹ã™ã‚‹æ§‹æ–‡è§£æžãƒ„ãƒ¼ãƒ«ã®å®šç•ªã¯ã€Nokogiriã§ã™ã€‚ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã™ã‚‹éš›ã®å¿…éœ€å“ã§ã€ãªãã¦ã¯ãªã‚‰ãªã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ï¼‘ã¤ã§ã™ã€‚ãŸã è‰²ã€…ãªã“ã¨ãŒå‡ºæ¥ã‚‹åé¢ã€ã©ã“ã‹ã‚‰å–ã‚Šã‹ã‹ã‚Œã°è‰¯ã„ã®ã‹è§£ã‚Šé›£ã„éƒ¨åˆ†ã‚‚ã‚ã‚Šã¾ã™ã€‚è‡ªç¿’ã‚’å…¼ãã¦ã€Nokogiriæ¦‚è¦ã¨ä¸»è¦ãªæ©Ÿèƒ½ã‚’ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ Nokogiriã¨ã¯ä½•ã‹ï¼Ÿ Reademeã«ã‚ˆã‚‹ã¨Nokogiriã¨ã¯ã€ã€ŒHTMLã¨XMLã¨SAXã¨XSLTã¨Readerã®ãƒ‘ãƒ¼ã‚µãƒ¼ã€ã§ã€ç‰¹å¾´ã¨ã—ã¦ã¯ã€XPathã¨CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼çµŒç”±ã§æŽ¢ç´¢ã™ã‚‹æ©Ÿèƒ½ã‚’æŒã¤ã“ã¨ã®ã‚ˆã†ã§ã™ã€‚ä»–ã«ã‚‚HTMLã‚„XMLã®ãƒ“ãƒ«ãƒ€ãƒ¼ã®æ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã¾ã™ãŒã€HTMLã¨XMLã®ãƒ‘ãƒ¼ã‚µãƒ¼ï¼ˆæ§‹æ–‡è§£æžå™¨ï¼‰ã¨è¦šãˆã¦ãŠã‘ã°ã‚ˆã„ã§ã—ã‚‡ã†ã€‚ Nokogiriã®ã‚¯ãƒ©ã‚¹æ§‹é€ Nokogiriã¯ã€ãªã‹ãªã‹å·¨å¤§ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚10ä»¥ä¸Šã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨70ä»¥ä¸Šã®ã‚¯ãƒ©ã‚¹ã§æ§‹æˆã•ã‚Œã¦ã„ã¦ã€yardã§ãƒ€ã‚¤ã‚¢
mocchicc 2014/04/15
ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°

nokogiri

HTML

Ruby

scraping

æ£è¦è¡¨ç¾

rudy

xml
ãƒªãƒ³ã‚¯
"note"ãŒAngularJSã§ã©ã†ã‚„ã£ã¦SEO, Open Graphã®å¯¾å¿œã‚’ã—ã¦ã„ã‚‹ã‹ï½œå’Œç”° æ™ƒä¸€è‰¯ï½œnote
noteã¯AngularJSã‚’ä½¿ã£ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§æå†™ã—ã¦ã„ã‚‹ã“ã®"note"ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã¯AngularJSã‚’ä½¿ã£ã¦ã€JavaScriptå´ï¼ˆã¤ã¾ã‚Šãƒ–ãƒ©ã‚¦ã‚¶å´ï¼‰ã§ãƒŽãƒ¼ãƒˆã®ä¸èº«ã‚’å…¬é–‹ã—ã¦ã„ã‚‹ã¿ãŸã„ãªã®ã§ã™ã€‚ ãã‚Œã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã¦ã¿ã‚‹ã¨ã‚ã‹ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°https://note.mu/sadaaki/n/nd921f3f7c635ã®ãƒŽãƒ¼ãƒˆã®ã‚½ãƒ¼ã‚¹ã‚’Chromeã§è¦‹ã¦ã¿ã‚‹ã¨ãƒ»ãƒ»ãƒ» ã¾ãšhtmlã‚¿ã‚°ã«ng-appã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã¤ã„ã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯AngularJSã‚’ä½¿ã†ãªã‚‰ã°å¿…è¦ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã€ã“ã“ã‹ã‚‰noteã¯AngularJSã‚’ä½¿ã£ã¦ã„ã‚‹ã‚“ã ãªã‚ã¨åˆ†ã‹ã‚Šã¾ã™ã€‚ AngularJSã¯ç°¡å˜ã«è¨€ã†ã¨ã€ã‚µãƒ¼ãƒãƒ¼å´ã§ã¯ãªããƒ–ãƒ©ã‚¦ã‚¶å´ã§HTMLã‚’æå†™ã™ã‚‹ä»•çµ„ã¿ã§ã™ã€‚ã“ã‚Œã‚’åˆ©ç”¨ã™ã‚‹ã¨ã©ã‚“ãªåˆ©ç‚¹ãŒã‚ã‚‹ã®ã‹ã€‚åƒ•ã®ç†è§£ã—ã¦ã„ã‚‹ç¯„å›²å†…ã ã¨ã€ã‚µãƒ¼ãƒãƒ¼å´ã¯ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹HTMLï¼ˆä¸Šã®ã‚½ãƒ¼ã‚¹ï¼‰ã¨å„ãƒŽãƒ¼ãƒˆã®JSO
mocchicc 2014/04/11
angularjs

javascript

HTML
ãƒªãƒ³ã‚¯
clearfixã§floatã‚’è§£é™¤ | d-spica
clearfixã§floatã‚’è§£é™¤ 2007-03-07 1 0 XHTML/CSS clear, CSS æž ã‚„èƒŒæ™¯ãŒæ¶ˆãˆãŸã‚Šï¼Œé€”ä¸ã§åˆ‡ã‚ŒãŸã‚Šã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ã€‚ floatã—ãŸè¦ç´ ï¼ˆãƒœãƒƒã‚¯ã‚¹ï¼‰ã‚’å«ã‚€è¦ªè¦ç´ ï¼ˆãƒœãƒƒã‚¯ã‚¹ï¼‰ã®borderã‚„backgroundãŒé€”ä¸ã§åˆ‡ã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ å·¦ã®ä¾‹ã§ã¯ï¼Œå³å´ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒçµ‚ã‚ã£ãŸã‚ãŸã‚Šã§ï¼Œå·¦å³ã«ã‚ã‚‹ãƒ©ã‚¤ãƒ³ã‚‚åˆ‡ã‚Œã¦ã„ã¾ã™ã€‚ floatã—ãŸè¦ç´ ã®é«˜ã•ã¯è¦ªè¦ç´ ã®é«˜ã•ã«åæ˜ ã•ã‚Œãªã„ åˆ†ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«XHTMLã¨CSSã®ä¾‹ã‚’æ›¸ã„ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
mocchicc 2014/03/28
css

clearfix

webåˆ¶ä½œ

HTML

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
mocchicc 2014/03/22
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

html

iOS

ã‚¢ãƒ—ãƒª
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸