ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
プãƒã§ã‚‚ã‚ã‚„ã—ã„？æ„外ã¨çŸ¥ã‚‰ãªã„HTMLã‚¿ã‚°ã®èªã¿æ–¹ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚ディレクターã®ã‚¨ãƒªã‚«ã§ã™ã€‚ HTMLã¯å£°ã«å‡ºã—ã¦èªã‚ãªãã¦ã‚‚ã€æ›¸ã‘ã‚Œã°è‰¯ã„ã€ã¨æ€ã„ã¾ã™ã€‚ 英å˜èªžãŒèªã‚ã‚‹ã“ã¨ã¨ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°èƒ½åŠ›ãƒ»ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°èƒ½åŠ›ã«ç›¸é–¢ã¯ã‚ã‚Šã¾ã›ã‚“ï¼ ã—ã‹ã—作æ¥ã®ä¸ã§ã€å½“該箇所をå£é ã§ä¼ãˆã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã‚ˆã。 ãã‚“ãªæ™‚ã«åˆã‚ã¦ã€HTMLã®èªã¿æ–¹ã®é•ã„ã«æ°—付ãã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ä¼ã‚ã‚Šã•ãˆã™ã‚Œã°è‰¯ã„ã¨æ€ã†ã®ã§ã™ãŒã€ã›ã£ã‹ããªã®ã§ã€Œæ£ã—ã„èªã¿æ–¹ã€ã¨ã€Œã‚ˆãã‚ã‚‹é–“é•ã„ã€ã‚’ã„ãã¤ã‹ãƒ”ックアップã—ã¦ã¿ã¾ã—ãŸã€‚ HTMLã‚’èªã‚€ã¨ãã®å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ èªã¿ã¥ã‚‰ã„ç³» widthã®èªã¿æ–¹ widthã®èªã¿æ–¹ã¯ã‚¦ã‚£ã‚ºã§ã™ã€‚（発音記å·ã¯wÃdθ, wÃtθ/） よã使ã†ã®ã«é«˜é›£æ˜“åº¦ï¼ ã€Œãƒ¯ã‚¤ãƒ‰ã€ã¨æ„味ã ã‘ä¼ãˆã‚‹ã“ã¨ãŒå¤šã„ã§ã—ょã†ã‹ï¼Ÿ heightã®èªã¿æ–¹ heightã®èªã¿æ–¹ã¯ãƒã‚¤ãƒˆã§ã™ã€‚（発音記å·ã¯hάɪt） 「ヘイトã€ã¨é–“é•ãˆã‚„ã™ã„ã§ã™ã€‚æ°—æŒã¡ã¯åˆ†ã‹ã‚Šã¾ã™ã€‚ align
HTML5を使ã£ãŸã‚¯ãƒ¼ãƒ«ãªã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›†ï¼’１:phpspot開発日誌
21 Fresh Examples of Websites Using HTML5 | Inspiration HTML5を使ã£ãŸã‚¯ãƒ¼ãƒ«ãªã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³é›†ï¼’１ 今風ã®WEBサイトデザインãŒï¼’１種ã¾ã¨ã¾ã£ã¦ãŠã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚考ã«å‡ºæ¥ãã†ã§ã™ã€‚ ä¹…ã—ã¶ã‚Šã«ã“ã†ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ã¿ã¦ã¿ã‚‹ã¨ã€ã©ã‚“ã©ã‚“進化ã—ã¦ã„ã‚‹ãªãã¨ã„ã†éƒ¨åˆ†ã‚’æ„Ÿã˜ã¾ã™ã€‚ 年々レベルãŒä¸ŠãŒã£ã¦ãã¦æ˜”クールã ã¨æ€ã£ã¦ã„ãŸã‚µã‚¤ãƒˆã‚‚時代é…ã‚Œã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã。 関連エントリ HTML5ã®ã‚²ãƒ¼ãƒ エンジン「Quintus〠WebCamã§æ’®å½±ã‚’HTML5ã§å®Ÿç¾ã™ã‚‹ãƒ‡ãƒ¢ HTML5ã§ãƒã‚¤ãƒ†ã‚£ãƒ–風アプリを作るFEフレームワーク「Junior〠フリーã§HTML5ベースã®ãƒªãƒƒãƒãªç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—レート
ブラウザ上ã§ã¾ã‚‹ã§ç¾Žè¡“館。3Dイメージギャラリーデモ:phpspot開発日誌
3D Image Gallery Room | Codrops ブラウザ上ã§ã¾ã‚‹ã§ç¾Žè¡“館。3Dイメージギャラリーデモ。 å˜ãªã‚‹ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã¯ãªãã€å‘¨ã‚Šã®ç©ºé–“ã‚‚å†ç¾ã—ãŸã‚ˆã†ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒå®Ÿç¾ã§ãã¦ã„ã¾ã™ã€‚ 対応ブラウザã§ãªã„ã¨å‹•ä½œã—ã¾ã›ã‚“ãŒã€å°†æ¥çš„ã«ã¯ã“ã†ã—ãŸã‚µã‚¤ãƒˆã‚‚当ãŸã‚Šå‰ã®ç‰©ã¨ãªã£ã¦ã„ã‚‹ã®ã‹ã‚‚。 Safariç‰ã§è¦‹ã¦ã¿ã¾ã—ょㆠ関連エントリ サムãƒã‚¤ãƒ«ãŒã‚·ãƒ£ãƒƒãƒ•ãƒ«ã•ã‚Œã¦ã‚¯ãƒ¼ãƒ«ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…「Photofy〠å“上ã«å†™çœŸã‚’ç½®ã„ãŸã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆç”¨ã®jQueryプラグイン 動画ギャラリー用WordPressプラグイン10個
ウェブサイトã®åˆ¶ä½œã«å¿…ãšå½¹ç«‹ã¤ãƒ–ックマークレットã®ã¾ã¨ã‚
ウェブサイトã®åˆ¶ä½œã«å½¹ç«‹ã¤ä¾¿åˆ©ãªãƒ–ックマークレットを紹介ã—ã¾ã™ã€‚ ブラウザã®æ©Ÿèƒ½æ‹¡å¼µã‚‚便利ã§ã™ãŒã€å…¥ã‚Œã™ãŽã‚‹ã¨é‡ããªã‚‹ã®ãŒã‚¤ãƒ¤ãªäººã«ã´ã£ãŸã‚Šã§ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–ã®ç¢ºèªã¯ã“ã‚ŒãŒä¸€ç•ªä¾¿åˆ© コードã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティをãƒã‚§ãƒƒã‚¯ ページã«æŸ”軟ãªã‚°ãƒªãƒƒãƒ‰ã‚’表示 デザインã®ç¢ºèªãŒãƒ”クセルå˜ä½ã§ã§ãã‚‹ CSSã®å¤‰æ›´ã‚’リフレッシュ無ã—ã§ç¢ºèª è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç¢ºèª CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç¢ºèª ãƒšãƒ¼ã‚¸ã§ä½¿ç”¨ã—ã¦ã„るカラーを抽出 CSS3をサãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ブラウザã§ã®è¦‹ãˆæ–¹ ページã®è¦‹å‡ºã—を抽出 ページã®æ§‹é€ ãŒæ£ã—ã„ã‹ç¢ºèª ページをワイヤーフレーム化 コードをシンタックス化ã—ã¦èªã¿ã‚„ã™ã スマフォやタブレットã§ã‚‚コードãŒè¦‹ãŸã„ レスãƒãƒ³ã‚·ãƒ–ã®ç¢ºèªã¯ã“ã‚ŒãŒä¸€ç•ªä¾¿åˆ©
クリエイティブãªä»•äº‹ã‚’ã—ã¦ã„る人ã«æ™‚々æ€ã„出ã—ã¦ã»ã—ã„10ã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹
ウェブ関係ãªã©ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªä»•äº‹ã‚’ã—ã¦ã„る人ã«ã€æ™‚々æ€ã„出ã—ã¦ã»ã—ã„10ã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚’紹介ã—ã¾ã™ã€‚ Top Ten Rules For Creative People 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚㫠失敗ã—ãªã„人ã¯ã„ãªã„ 指示ã•ã‚ŒãŸã‚‚ã®ã‚ˆã‚Šä¸Šã¸ æ–°ã—ã„ã‚‚ã®ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ æƒ…å ±ã‚’ã‚·ã‚§ã‚¢ã™ã‚‹ 仕事を楽ã—ã‚€ 時ã«ã¯ä¼‘憩を 周りã®å½±éŸ¿ã‚’å—ã‘ãšã«ä»•äº‹ã‚’楽ã—ã‚€ クリエイティブã¯æ—¥å¸¸ã«ã‚‚ 自分をインスパイアã™ã‚‹ 自分をå½ã‚‰ãªã„ ã¯ã˜ã‚ã« ç§ãŸã¡ã¯æ™‚々ã€ä½•ã®ãŸã‚ã«åƒã„ã¦ã„ã‚‹ã‹åˆ†ã‹ã‚‰ãªããªã‚‹ã»ã©ã®ã¤ã‚‰ã„仕事ã«å·»ãè¾¼ã¾ã‚Œã¾ã™ã€‚ãã†ã„ã£ãŸæ™‚ã¯åŽŸç‚¹ã«æˆ»ã£ã¦ãã ã•ã„ã€ãã—ã¦ã‚ãªãŸã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªä»•äº‹ã«å¯¾ã™ã‚‹ã‚ãªãŸã®æƒ…熱をå–り戻ã—ã¦ãã ã•ã„。 ã‚‚ã†ãã®ä»•äº‹ãŒå¥½ãã§ã¯ãªã„ãªã‚‰ä½•ã‚’ã™ã‚‹ã‹ã‚’見ã¤ã‘ã¦ãã ã•ã„。ã¾ã ãã®ä»•äº‹ãŒå¥½ããªã‚‰ã€ãã†ã§ã‚るよã†ã«æŒ¯ã‚‹èˆžã£ã¦ãã ã•ã„。 ã‚ãªãŸã®å¹¸ã›ã‚’決定ã™ã‚‹ã®ã¯ã‚ãªãŸè‡ª
[JS]多彩ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å‚™ãˆãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãŒã‚¹ã‚¯ãƒªãƒ—トを一行も書ã‹ãšã«å®Ÿè£…ã§ãるスクリプト -Cycle.js
スクリプトもスタイルシートも書ã‹ãšã«ã€å¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç”»åƒãŒã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実装ã§ãるスクリプトを紹介ã—ã¾ã™ã€‚ ã“ã†ã„ã†å®Ÿè£…方法ãŒã“ã‚Œã‹ã‚‰å¢—ãˆã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 Cycle.js Cycle.js -GitHub 対応ブラウザã¯ä¸‹è¨˜ã®é€šã‚Šã€‚ IE8+ Chrome Firefox Safari Opera TODOã¨ã—ã¦ã€ARIAã®ã‚µãƒãƒ¼ãƒˆã€ã‚ーボードæ“作ã€IE7対応ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®è¿½åŠ を予定ã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚ ã„ã¤ã‚‚ã¯ã€ãƒ‡ãƒ¢ã€ä½¿ã„æ–¹ã€ã®é †ç•ªã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ãŒä»Šå›žã¯ãƒ‡ãƒ¢ã¨ä½¿ã„方を併ã›ã¦ã”紹介。 Cycle.jsã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— Cycle.jsã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ Cycle.jsã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— ベースã¨ãªã‚‹HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ スタイルシートをhead内ã«ã€ã‚¹ã‚¯ãƒªãƒ—トを</body>ã®ä¸Šã«å¤–部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <title>Cycle.js</titl
åŠæ©å…ˆã„ãã‹ã£ã“ã„ã„エフェクトã ã‘ã§ãªã実装ã«ã‚‚ã“ã ã‚ã£ãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Maxmertkit
å˜ç‹¬ã§ã‚‚ç´ æ•µãªã‹ã£ã“ã„ã„エフェクトã§å分ãªã®ã«ã€ãれらãŒå…¨éƒ¨ã¾ã¨ã¾ã£ã¦ã€æ›´ã«å®Ÿè£…方法ã«ã‚‚ã“ã ã‚ã£ãŸã‚ªãƒ¼ãƒ—ンソースã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ ドラッグ&ドãƒãƒƒãƒ—ã§ã•ã¾ã–ã¾ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’表示ã—ã¾ã™ã€‚ Maxmertkitã®ç‰¹å¾´ Maxmertkitã®ãƒ‡ãƒ¢ï¼šã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ Maxmertkitã®ãƒ‡ãƒ¢ï¼šCSS3アニメーション Maxmertkitã®ãƒ‡ãƒ¢ï¼šã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ ã¦ã£ã¨ã‚Šæ—©ãワクワクã—ãŸã„人ã¯ã€3ã¤ç›®ã®ã€ŒMaxmertkitã®ãƒ‡ãƒ¢ï¼šCSS3アニメーションã€ã‚’ã”覧ãã ã•ã„。 Maxmertkitã®ç‰¹å¾´ SASSベースã®ã‚ªãƒ¼ãƒ—ンソースã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク CSS3アニメーションを使ã£ãŸæ¼”出効果 ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã‹ã¶ã‚‰ãªã„ãƒãƒ¼ãƒ スペース デザイン（カラー・サイズ）変更ã¯ãƒ†ãƒ¼ãƒžã§ç°¡å˜ Creed Creed（主義）ã®ãƒšãƒ¼ã‚¸ã§ã¯Maxmertã®ä¸»ãªç‰¹å¾´ãŒè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚例ãˆã°ã‚³ãƒ¼ãƒ‰ã®ç°¡
最近ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’å–り入れãŸç¾Žã—ã„デザインã®ãƒ•ã‚©ãƒ¼ãƒ ã®PSDç´ æã®ã¾ã¨ã‚
最近ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã€ãƒ•ãƒ©ãƒƒãƒˆã€ã‚µãƒ¼ã‚¯ãƒ«ã€ãƒŸãƒ‹ãƒžãƒ«ã€ãƒ–ラーãªã©ã‚’å–り入れã€ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã«ã“ã ã‚ã£ãŸç¾Žã—ã„デザインã®ãƒ•ã‚©ãƒ¼ãƒ ã®PSDç´ æã‚’PixelsDailyã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}