[JS]美ã—ã„曲線を使ã£ãŸãƒãƒ£ãƒ¼ãƒˆãƒ»ã‚°ãƒ©ãƒ•ãŒæã‘ã‚‹HTML5 Canvasを使ã£ãŸã‚¹ã‚¯ãƒªãƒ—ト -Flotr2
デモ：basic Flotr2ã®ç‰¹å¾´ Flotr2ã¯HTML5 Canvasを使ã£ãŸãƒãƒ£ãƒ¼ãƒˆã‚„グラフをæãライブラリã§ã€ã€ŒPrototypeã€ä¾å˜ã®ã€Œflotrã€ã¨ã¯ç•°ãªã‚Šå˜ç‹¬ã§å‹•ä½œã—ã€ãã—ã¦å¤šãã®æ”¹è‰¯ã‚’ã—ãŸã‚‚ã®ã§ã™ã€‚ モãƒã‚¤ãƒ«ã®ã‚µãƒãƒ¼ãƒˆ フレームワーク プラグインã§æ‹¡å¼µå¯èƒ½ 対応ブラウザ IE6+ Firefox Chrome iOS Android ※IEãªã©HTML5 Canvaséžå¯¾å¿œãƒ–ラウザã§ã¯ã€ã€Œflashcanvasã€ã§æç”»ã•ã‚Œã¾ã™ã€‚
All my artworks - Matteo Bicocchi
Per fornire le migliori esperienze, utilizziamo tecnologie come i cookie per memorizzare e/o accedere alle informazioni del dispositivo. Il consenso a queste tecnologie ci permetterà di elaborare dati come il comportamento di navigazione o ID unici su questo sito. Non acconsentire o ritirare il consenso può influire negativamente su alcune caratteristiche e funzioni. L'archiviazione tecnica o l'ac
HTMLベースã§ä½œæˆã§ãるプレゼン用スライドã®ã¾ã¨ã‚
ブラウザã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’表示ã—ã€HTMLベースã§ä½œæˆã§ãるプレゼンテーション用ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ç°¡å˜ãªæ“作方法ã¨åˆã‚ã›ã¦ç´¹ä»‹ã—ã¾ã™ã€‚
画一的ãªãƒ—レゼンテーションã«ã•ã‚ˆãªã‚‰ã‚’。HTML5/JavaScript/CSS3ã«ã‚ˆã‚‹ãƒ—レゼン·CSSS MOONGIFT
CSSSã¯HTML5/JavaScript/CSS3ã§ä½œã‚‰ã‚ŒãŸWebベースã®ãƒ—レゼンテーションテンプレート。 CSSSã¯HTML5/JavaScript/CSS3ã«ã‚ˆã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。最近ã¯HTMLã‚„JavaScriptを使ã£ã¦ä½œã‚‰ã‚ŒãŸãƒ—レゼンテーションãŒå¢—ãˆã¦ã„る。JavaScriptã§ã‚ーã®å‹•ãã«åˆã‚ã›ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’å‹•ã‹ã™é¡žã®ã‚‚ã®ã 。 奇麗ãªHTMLプレゼン コンテンツãŒHTMLベースã€ã¤ã¾ã‚Šãƒ†ã‚ストã§ä½œã‚Œã‚‹ã®ãŒå¤§ããªé…力ã ã‚ã†ã€‚ãã—ã¦æœ€æ–°ã®Web技術を盛り込んã§ä½œã‚‰ã‚ŒãŸã®ãŒCSSSã 。 CSSSã¯çŸ¢å°ã‚ーã«ã‚ˆã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã¨åˆ‡ã‚Šæ›¿ãˆã¨ã€Ctrlã‚ーã¨çµ„ã¿åˆã‚ã›ãŸã‚ーボードショートカットをサãƒãƒ¼ãƒˆã—ã¦ã„る。Ctrl+Hã§ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚µãƒ ãƒã‚¤ãƒ«ä¸€è¦§ã‚’作るã“ã¨ã‚‚ã§ãる。矢å°ã‚’押ã™ãŸã³ã«æ–‡å—ãŒè¿½åŠ 表示ã•ã‚Œã¦ã„ãã¨è¨€ã£ãŸã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚‚実装ã§ãる。 スライド一覧 良ã„ã¨æ€ã£ãŸã®ã¯ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®
[JS]グリッドã«æ²¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒé¢ç™½ã„ã€HTML5ベースã®ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ト -Mosaiqy
サムãƒã‚¤ãƒ«ç”»åƒãŒã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ç¸¦æ¨ªã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’実装ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ç”»åƒã¯Flickr, Instagramãªã©ã‚’利用ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ サムãƒã‚¤ãƒ«è¡¨ç¤ºã‚’4x3ã«ã—ãŸãƒ‡ãƒ¢ Mosaiqyã®åˆ©ç”¨å¯èƒ½ãªã‚µãƒ¼ãƒ“ス ç”»åƒã¯å…±æœ‰ã‚µãƒ¼ãƒ“スã®ã‚‚ã®ã‚’利用ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Flickr Flickrã®ãƒ‡ãƒ¢ Instagram Instagramã®ãƒ‡ãƒ¢ Panoramio Panoramioã®ãƒ‡ãƒ¢ Mosaiqyã®å®Ÿè£… 実装ã®æº–å‚™ IEã®HTML5用ã¨å¿…è¦ãªå¤–部ファイルを準備ã—ã¾ã™ã€‚ HTML5を使用ã™ã‚‹ã«ã‚ãŸã£ã¦ã¯ã€ã€ŒHTML5 boilerplateã€ã‚’å‚考ã«ã—ã¦ãã ã•ã„。 <!doctype html> <!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <
最近よã使ã£ã¦ã‚‹ã€Web制作ã«å½¹ç«‹ã¤Webサービス的ãªã‚„ã¤
å°‘ã—å‰ã«èžã„ã¦ãã‚ŒãŸæ–¹ãŒã„ãŸã®ã§ã¤ã„㧠ã«ã‚·ã‚§ã‚¢ã—ã¦ã¿ã¾ã™ã€‚個人的ã«æœ€è¿‘よã好ん ã§ä½¿ã£ã¦ã„ã‚‹ã€Web制作ã«å½¹ç«‹ã¤Webサー ビスã¿ãŸã„ãªã‚‚ã®ã‚’ã”紹介。全部既出㧠çã—ã„ã‚‚ã®ã¯ç„¡ã„ã‚“ã§ã™ã‘ã©ã€ä¸€è¦§ã«ã™ã‚‹ ã®ã‚‚ãŸã¾ã«ã¯ã„ã„ã‹ã‚‚ã§ã™ã。 ã¨ã„ã†ã‚ã‘ã§ã€å ´åˆã«ã‚ˆã£ã¦ã¯èª°å¾—ãªè¨˜äº‹ã§ã™ã‘ã©ã”了承下ã•ã„。僕ãŒã“ã“最近ã§ã‚ˆã使ã£ã¦ã‚‹Webツールをå¤ã„ã®ã‹ã‚‰æ–°ã—ã„ã®ã¾ã§ã€é †ä¸åŒã§ã”紹介ã—ã¦ã„ãã¾ã™ã€‚ web計。 →　黄金比・白銀比をサクサク計算 計算ãŒé¢å€’ãªé»„金比や白銀比をã€æ•°å€¤ã‚’入力ã™ã‚‹ã ã‘ã§ã‚µã‚¯ã‚µã‚¯å‡ºã—ã¦ãã‚Œã¾ã™ã€‚動作も軽ãã¦ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§ã™ã€‚ web計。 simplelib →　よã使ã†jQueryコードをパッケージã§é…布 ã‚ã£ã¡ã‚ƒæ¥½ã§ã™ã€‚jQueryã§ä½œã‚ŠãŸã„機能ã ã‘ã‚’é¸æŠžã—ã¦ã€1ã¤ã®jsファイルã«ãƒ‘ッケージã«ã—ã¦ãã‚Œã¾ã™ã‚ˆã€‚ページスクãƒãƒ¼ãƒ«ã¨ã‹ã‚¿ãƒ–ã¨ã‹éœ€è¦ã®é«˜ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ã¡ã‚‡ã£ã¨æ©Ÿèƒ½ã‚’
HTML5ã®å¯èƒ½æ€§ã‚’体験ã§ãã‚‹ã€ã™ã”ã„サイトã®ã¾ã¨ã‚
当サイトã§ã¯Cookieを使用ã—ã¦ã„ã¾ã™ã€‚引ã続ã当サイトを閲覧ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘入れãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚今後表示ã—ãªã„詳ã—ã見る
実用的ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒãŸãã•ã‚“æƒã£ã¦ã‚‹ã€HTML5+CSS3ベースã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Perkins
レイアウトã®ã‚°ãƒªãƒƒãƒ‰ã‚’ã¯ã˜ã‚ã€ãƒŠãƒ“ゲーションã€ãƒ‘ラグラフã€ãƒªã‚¹ãƒˆã€ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒ†ãƒ¼ãƒ–ルãªã©ãƒšãƒ¼ã‚¸ã§ã‚ˆã使用ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€è§’丸ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ‰ãƒãƒƒãƒ—シャドウã€å›žè»¢ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã€ã‚¦ã‚§ãƒ–ページを構æˆã™ã‚‹ã•ã¾ã–ã¾ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒç”¨æ„ã•ã‚ŒãŸHTML5+CSS3ベースã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ Perkins [ad#ad-2] Perkinsã¯ã‚¦ã‚§ãƒ–デザイナー・開発者ã®å¤§åˆ‡ãªæ™‚間を節約ã™ã‚‹ãŸã‚ã«é–‹ç™ºã•ã‚ŒãŸã‚‚ã®ã§ã€HTML5+CSS3ã§å®Ÿè£…ã•ã‚ŒãŸå®Ÿç”¨çš„ãªã•ã¾ã–ã¾ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒæƒã£ã¦ã„ã¾ã™ã€‚ 下記ã«ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã«å«ã¾ã‚Œã¦ã„るサンプルã‹ã‚‰ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
å‰µé€ åŠ›ã¨éŠã³å¿ƒãŒãã™ãられるHTML5ã§ã¤ãられãŸã‚¦ã‚§ãƒ–サイトã®ã¾ã¨ã‚
HTML5ã§åˆ¶ä½œã•ã‚ŒãŸã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®ã¾ã¨ã‚
HTML5ã¨CSS3を使ã„ã“ãªã—ãŸããªã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク15é¸
{{#tags}}- {{label}}
{{/tags}}