1ランク上ã®ã‚µã‚¤ãƒˆä½œã‚Šã®å‚考ã«ãªã‚‹ã€æµ·å¤–ã®WebデザインギャラリーAwwwards: Website Awards... / The Best Designs / Best ... / CSSManiaä»–...å…¨8件
[JS]高性能ã§è¨ç½®ã‚‚ç°¡å˜ã€ãƒ–ãƒ©ã‚¦ã‚¶æž ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -bgStretcher
デモページ：Super Slider スライドã®ã‚¹ãƒ¼ãƒ‘ー版ã§ã€æ–œã‚æ–¹å‘ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç”»åƒã‚’切り替ãˆã¾ã™ã€‚ bgStretcherã®ä¸»ãªç‰¹å¾´ セットアップã¯ã‚·ãƒ³ãƒ—ル å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザをサãƒãƒ¼ãƒˆ ç”»åƒã¯ä¸€æžšã ã‘ã§ãªãã€è¤‡æ•°æžšã«ã‚‚対応 対応ブラウザ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherã®ä½¿ã„æ–¹ Step 1: ファイルã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ サイトã®ã€ŒDownloadã€ã‚ˆã‚Šãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ 一å¼ã«ã¯å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«å…¨ã¦ï¼ˆjqeury.jsも）ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ Step 2: 外部ファイル 外部ファイルを下記ã®ã‚ˆã†ã«<head>～</head>ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="../jquery-1.5.2.mi
袋１ã¤ã§ç°¡å˜10分ザクザクココアクッã‚ー by ★るã†ã¾ã¾â˜…
袋１ã¤ã§ç°¡å˜10分ã•ãã»ã‚クッã‚ーã®ã‚¢ãƒ¬ãƒ³ã‚¸ã€‚厚ã‚ã«ç„¼ãã¨ã‚¶ã‚¯ã‚¶ã‚¯ãƒ›ãƒã‚¦ãƒžã€‚家ã«ã‚ã‚‹ææ–™ã§ã¨ã£ã¦ã‚‚ç°¡å˜ã§ã™ã€‚è©±é¡Œå…¥æ„Ÿè¬ ã“ã®ãƒ¬ã‚·ãƒ”ã®ç”Ÿã„立㡠袋１ã¤ã§ç°¡å˜10分　ã•ãã»ã‚クッã‚ーã®ã‚¢ãƒ¬ãƒ³ã‚¸ã§ã™ã€‚ 家ã«ã¯ç´”ココアã¯å¸¸å‚™ã—ã¦ã„ãªã„ã®ã§æ™®é€šã®èª¿æ•´ã‚³ã‚³ã‚¢ã‚’使用ã—ã¦ã¿ã¾ã—ãŸã€‚ 袋１ã¤ã§ç°¡å˜10分ã•ãã»ã‚クッã‚ーã®ã‚¢ãƒ¬ãƒ³ã‚¸ã€‚厚ã‚ã«ç„¼ãã¨ã‚¶ã‚¯ã‚¶ã‚¯ãƒ›ãƒã‚¦ãƒžã€‚家ã«ã‚ã‚‹ææ–™ã§ã¨ã£ã¦ã‚‚ç°¡å˜ã§ã™ã€‚è©±é¡Œå…¥æ„Ÿè¬ ã“ã®ãƒ¬ã‚·ãƒ”ã®ç”Ÿã„立㡠袋１ã¤ã§ç°¡å˜10分　ã•ãã»ã‚クッã‚ーã®ã‚¢ãƒ¬ãƒ³ã‚¸ã§ã™ã€‚ 家ã«ã¯ç´”ココアã¯å¸¸å‚™ã—ã¦ã„ãªã„ã®ã§æ™®é€šã®èª¿æ•´ã‚³ã‚³ã‚¢ã‚’使用ã—ã¦ã¿ã¾ã—ãŸã€‚
ã“ã‚Œã‹ã‚‰ã®30年を考ãˆã‚‹7ã¤ã®ãƒ¡ã‚¬ãƒˆãƒ¬ãƒ³ãƒ‰ | Learn by doing
2012å¹´ã¯è‡ªåˆ†ã®ä¸ã§ã€ã“ã‚Œã‹ã‚‰ã®30年を生ãる最åˆã®å¹´ã¨ã—ã¦ã„ã¾ã™ã€‚ 尊敬ã™ã‚‹ä¸å³¶æ˜Žã•ã‚“ã‚‚æ–°å¹´ã®ãƒ–ãƒã‚°ã§ãã®ã‚ˆã†ãªã“ã¨ã‚’書ã‹ã‚Œã¦ã„ãŸã®ã§ã€ã“ã“ã§ä¸€åº¦30年後ã®ä¸–ç•ŒãŒã©ã®ã‚ˆã†ã«ãªã‚‹ã®ã‹ã¾ã¨ã‚ã¦ã¿ãŸã„。 ã“ã‚Œã‹ã‚‰30å¹´ã®7ã¤ã®ãƒ¡ã‚¬ãƒˆãƒ¬ãƒ³ãƒ‰ 1.åŠ é€Ÿã™ã‚‹äººå£å¢—åŠ -2050å¹´ã«äººå£90億人ã«- 2.枯渇ã™ã‚‹è‡ªç„¶è³‡æº -ç¾åœ¨ã®ç”Ÿæ´»ã‚¹ã‚¿ã‚¤ãƒ«ã‚’続ã‘ã‚‹ã«ã¯åœ°çƒ2個分ã®è³‡æºãŒå¿…è¦- 3.高齢化ã™ã‚‹ç¤¾ä¼š 4.リアルã¨ãƒãƒƒãƒˆã®èžåˆã€€-ä¸å¯æ¬ ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆ- 5.個人ã€å¸‚æ°‘ã€NPOã®å°é 　–Power to the people, power of the crowd- 6.変ã‚る組織　ピラミッドã‹ã‚‰ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯åž‹ã¸ 7.HappyãŒä¸å¿ƒã®ç”£æ¥ã®é€²åŒ–　–マーケットã®æˆç†Ÿã¨ã‚µãƒ¼ãƒ“スã®é€²åŒ–- 7ã¤ã®ãƒ¡ã‚¬ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ã—ã¦ã€æœ€åˆã®3ã¤ã¯ä¿¡é ¼ã§ãるソースã®äºˆæ¸¬ã‚’å…ƒã«ã€å¾Œã®4ã¤ã¯æ›¸ç±ã‚„自分ã®çµŒé¨“ã‹ã‚‰ã¾ã¨ã‚ã¦ã„ãã¾ã™ã€‚最åˆã®
0 ã‹ã‚‰å§‹ã‚ã‚‹HTMLã¨CSSã®åŸºæœ¬ãƒ»åŸºç¤Ž-webデザイン入門-
ç§ã®å‘¨ã‚Šã§webデザインãŒå‡ºæ¥ã‚‹äººã£ã¦ã‚ã‚“ã¾ã‚Šã„ã¾ã›ã‚“。ã§ã‚‚「webデザインã£ã¦ã©ã†ã‚„ã‚‹ã®ãƒ¼ï¼Ÿã€ã¨ã‹ã€Œç§ã‚‚ã‚„ã£ã¦ã¿ãŸã„ã‚“ã ã‘ã©â€¦ã€ã¨ã‹ã®å£°ã¯ã‚ˆãèžãã¾ã™ã€‚皆興味ã¯ã‚ã‚‹ã®ã«â€webデザインã¯é›£ã—ã„â€ã¨æ€ã£ã¦å§‹ã‚られãªã„ã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚ãã‚“ãªã“ã‚Œã‹ã‚‰webデザインを始ã‚ãŸã„ビギナーã•ã‚“ã«å‘ã‘ã¦HTMLã®åŸºæœ¬ãƒ»åŸºç¤Žã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚真新ã—ã„ã“ã¨ã¯ç‰¹ã«ãªã„ã»ã‚“ã¨ã«åŸºç¤Žã§ã™ã€œï¼žï¼œ by：fweez ã¾ãšã¯ã˜ã‚ã« ã¨ã‚Šã‚ãˆãšç”¨æ„ã™ã‚‹ã‚‚ã®2㤠HTMLã®åŸºæœ¬ HTMLã¨ã¯ï¼Ÿ 1.DOCTYPEã®å®£è¨€ 2.基本的ãªã‚¿ã‚° 3.<body>ã®æ–‡æ›¸æ§‹é€ CSSã®åŸºæœ¬ CSSã¨ã¯ï¼Ÿ 1.CSSã®èªã¿è¾¼ã¿æ–¹æ³• 2.指定パターン 3.marginã¨paddingã®é•ã„ 4.ブãƒãƒƒã‚¯è¦ç´ ã¨ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ 応用ã—ã¦webページを作ã£ã¦ã¿ã‚‹ ã¾ãšã¯ã˜ã‚㫠一å£ã«webデザインã¨ã„ã£ã¦ã‚‚色々ãªã“ã¨ãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã™ãŒå¤§
ç„¡æ–™ã§è´ã‘ã¦ã€ã‚‚ã†ä½œæ¥ç”¨BGMã«å›°ã‚‰ãªã„。ミュージックビデオを次々ã«æµã—ã¦ãƒ«ãƒ¼ãƒ—ã—ã¦ãれる個人的ã«è¶…オススメサイト / Maka-Veli .com
色々ã‚るツールã®ä¸ã§ã€åƒ•ãŒã‚ˆã使ã†ã‚µã‚¤ãƒˆã‚’ã”紹介。 洋楽ãŒãƒ¡ã‚¤ãƒ³ãªã®ã§ã€åƒ•ã®è¶£å‘³ã¨åˆã†æ–¹å‘ã‘ã§ã™ãŒãƒ»ãƒ»ãƒ» Musictonic アルゴリズムã¯ã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ アーティストåãªã©ã‚’入力ã™ã‚‹ã¨ã€ãƒŸãƒ¥ãƒ¼ã‚¸ãƒƒã‚¯ãƒ“デオをã²ãŸã™ã‚‰æµã—ã¦ãã‚Œã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç´ æ•µã§ã€ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã‚‚ã‚ã‚‹ã®ã§ シェアã—ãŸã„時ã«ã‚‚サクã£ã¨ç´¹ä»‹ã§ãã‚‹ã®ãŒå¬‰ã—ã„。 使ã„ã‚„ã™ã„ã®ã§ã€ä¸€ç•ªä½¿ã£ã¦ã¾ã™ã€‚ 例ãˆã°ã€ŒCapsuleã€ã¨ã‹ã£ã¦å…¥åŠ›ã™ã‚‹ã¨ãƒ»ãƒ»ãƒ» å·¦ã«å†ç”Ÿãƒªã‚¹ãƒˆã€‚ å³ã«é–¢é€£ã™ã‚‹ã‚ーワード（例ãˆã°ã€Œãゃりーã±ã¿ã‚…ã±ã¿ã‚…ã€ã¨ã‹ã€Œä¸ç”°ãƒ¤ã‚¹ã‚¿ã‚«ã€ã¨ã‹ï¼‰ãŒä¸¦ã³ã¾ã™ã€‚ ã‘ã£ã“ã†ã€Œã‚ã‚Œã€æ¬¡ä½•è´ã“ã†ã‹ãªãƒ¼ã€ã¨ã‹æ‚©ã‚€ã‚“ã§ã™ã‚ˆã。ã“ã†ã„ã†ã®ã£ã¦ã€‚ ãªã®ã§å‡„ã助ã‹ã‚Šã¾ã™ã€‚ YesYesY’all ã“ã‚Œã‚‚æœ¬å½“ã‚ªã‚¹ã‚¹ãƒ¡ï¼ éŸ³æ¥½è´ã“ã†ã‹ãªã£ã¦æ€ã£ãŸæ™‚ã€ã€Œã‚ã‚Œè´ã“ã†ï¼ã€ã¨å‡ºã‚Œã°è‰¯ã„ã§ã™ã‘ã©ã€å¤§ä½“è´ããŸã„曲ã£ã¦å‡ºã¦æ¥ãªã„ã‚“ã§ã™ã‚ˆã€‚
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}