Webデザインã®å‹‰å¼·ã«ãªã‚‹ï¼æœ‰åブランドサイトã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®ã¾ã¨ã‚ -Brand Style Guide Example
最近ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’公開ã—ã¦ã„るサイトも増ãˆã¦ãã¾ã—ãŸã€‚有åブランドã®Webサイトã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚„ガイドラインを数多ãã¾ã¨ã‚ã¦ã„るサイトを紹介ã—ã¾ã™ã€‚ ãªã‚“ã¨ãªã眺ã‚ã‚‹ã ã‘ã§ã‚‚よã—ã€ã‚‚ã¡ã‚ん実装方法やレイアウトã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã€å‚考ã«ãªã‚‹ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚
ã‚ã®ã‚µã‚¤ãƒˆã¨ã¯ã²ã¨å‘³é•ã†ï¼ã“ã ã‚りマウスオーãƒãƒ¼20連発 (1/2)
サイトを彩る多彩ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ フラットデザインをベースã«ã€éšæ‰€ã«æ°—æŒã¡ã„ã„アニメーションをå–り入れã¦ã„る「Omnisenseã€ã€‚コンテンツã”ã¨ã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ã©ã‚Œã‚‚æ´—ç·´ã•ã‚ŒãŸå‹•ãã§ã€ã‚µã‚¤ãƒˆã®é…力をãã£ã¨é«˜ã‚ã¦ã„る。 ページトップã«ã‚るシンプルãªãƒœã‚¿ãƒ³ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨ã€ä¸Šã‹ã‚‰çŸ¢å°ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ä¸‹ã‚Šã¦ãる。注目ã—ãŸã„ã®ã¯ã€ãƒžã‚¦ã‚¹ãŒãƒœã‚¿ãƒ³ã‹ã‚‰é›¢ã‚ŒãŸã¨ã（マウスアウト時）ã®å‹•ãã 。 よãã‚ã‚‹:hoverã§å®Ÿè£…ã—ãŸãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã¨ã‚¢ã‚¦ãƒˆæ™‚ã®å‹•ãを別々ã«è¨å®šã§ããªã„ãŸã‚ã€å¿…ãšé€†ã®å‹•ãã«ãªã‚‹ã€‚マウスオーãƒãƒ¼æ™‚ã«ä¸Šã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ããŸã‚‰ã€ãƒžã‚¦ã‚¹ã‚¢ã‚¦ãƒˆæ™‚ã«ã¯ä¸Šã¸æˆ»ã‚‹ã€ã¨ã„ã£ãŸå…·åˆã 。 ã¨ã“ã‚ãŒã€Omisenseã®ãƒœã‚¿ãƒ³ã¯ã€ãƒžã‚¦ã‚¹ã‚¢ã‚¦ãƒˆæ™‚ã«ãã®ã¾ã¾ä¸‹ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’続ã‘る。細ã‹ãªé•ã„ã ãŒã€æœ€è¿‘ã§ã¯ã“ã†ã„ã£ãŸãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼
プãƒã‚¢ãƒžå•ã‚ãšä½¿ãˆã‚‹10個ã®æœ€æ–°ç„¡æ–™CSSツール / ウェブデザインライブラリー
投稿日：2014å¹´8月8日　　　ソフトウェア：- ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ—ãƒã‚¢ãƒžå•ã‚ãšä½¿ãˆã‚‹10個ã®æœ€æ–°ç„¡æ–™CSSツールを紹介ã—ã¾ã™ã€‚ Step1 ： ã¯ã˜ã‚ã« Step2 ： CSSã®ä¸»ãªãƒ¡ãƒªãƒƒãƒˆ Step3 ： 無料ã®CSSツール10個 Step4 ： 関連記事 CSSã¯ãšã„ã¶ã‚“å‰ã‹ã‚‰ã‚¦ã‚§ãƒ–デザインã«å¿…è¦ä¸å¯æ¬ ãªå˜åœ¨ã«ãªã£ã¦ã„ã¾ã™ã€‚ CSSãŒã“ã“最近ã™ã£ã‹ã‚Šã‚¦ã‚§ãƒ–ã®æ¨™æº–技術ã«ãªã£ã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã¯ã€ã©ã®ã‚¦ã‚§ãƒ–デザイナーもèªã‚ã‚‹ã“ã¨ã§ã—ょã†ã€‚ ウェブデザイナーã§ãªã„人ãªã‚‰ã€CSSã¨ã¯ä½•ã‹ã€ãªãœãã‚“ãªã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã€ã¨ç–‘å•ã«æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ウィã‚ペディアã«ã‚ˆã‚‹ã¨ã€CSSã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語（HTMLãªã©ï¼‰ã§æ›¸ã‹ã‚ŒãŸæ–‡æ›¸ã®è¡¨ç¤ºã‚’指定ã™ã‚‹ãŸã‚ã«ä½¿ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè¨€èªžã§ã™ã€‚ ã“ã®ã‚¦ã‚§ãƒ–デザインツールã«ã‚ˆã‚Šã€æ™‚é–“ã‚„ãŠé‡‘ã‚’ã‹ã‘ã‚‹ã“ã¨ãªãã€ã‚µã‚¤ãƒˆã¸ã®è¨ªå•è€…ã®ä½“験をå‘上ã•ã›ã‚‹ã“ã¨ãŒã§ãるよã†ã«
ブãƒã‚°ã§ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼å†™çœŸç´ æサイトã¾ã¨ã‚ï¼Flickrã®APIãŒã¾ãŸè½ã¡ã¦ã„ã‚‹ã®ã§ã€ä»£ã‚ã‚Šã«ãªã‚‹ç„¡æ–™å†™çœŸã‚µã‚¤ãƒˆã‚’探ã—ã¦ã¿ã¾ã—ãŸã€‚ - クレジットカードã®èªã¿ã‚‚ã®
Flickrã®APIãŒã¾ãŸã‚‚ã‚„è½ã¡ã¦ã„る（æ£ç¢ºã«ã¯ä»•æ§˜å¤‰æ›´ãŒã‚ã£ãŸï¼‰ã‚ˆã†ãªã®ã§ã€ä»£ã‚ã‚Šã«åˆ©ç”¨ã§ãる無料写真サイトを探ã—ã¦ã¿ã¾ã—ãŸã€‚ã¤ã„ã§ãªã®ã§è¦‹ã¤ã‘ãŸå†™çœŸã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ 実際ã«ã“れらã®å†™çœŸç´ æサイトã«ãŠä¸–話ã«ãªã‚‹å ´åˆã«ã¯ã€ãã‚Œãžã‚Œã®ã‚µã‚¤ãƒˆã«ãŠã„ã¦åˆ©ç”¨è¦ç´„を確èªã—ãŸä¸Šã§ãŠä½¿ã„ãã ã•ã„（著作権を放棄ã—ã¦ã„ãªã„ã¨ã“ã‚ã‚„ã€å•†ç”¨åˆ©ç”¨ã«ã¯æ¡ä»¶ãŒã‚るケースãªã©ã‚‚ã‚ã‚Šã¾ã™ï¼‰ã€‚ ç„¡æ–™ã§åˆ©ç”¨å¯èƒ½ãªå†™çœŸç´ æサイト一覧： ã¾ãšã¯ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–・コモンズをç†è§£ï¼š tadapic： å†™çœŸç´ æ 足æˆï¼š ã±ããŸã： morgue File： freeimages igosso： ブãƒã‚°ç”¨ã®å†™çœŸæ¤œç´¢ã•ã‚“： skyseeker： フリーフォトボックス： sothei： FreeStocker： 街画ガイド： ã¡ã‚‡ã£ã¨å¤ã„無料写真æ供サイト： ãƒãƒ©ãƒªã‚¹ï¼š å†™çœŸç´ æã®ãƒšãƒ¼ã‚¸ï¼š ä»–ã€è¦‹ã¤ã‘ãŸç„¡æ–™å†™çœŸç´ æサイト？ ブãƒã‚°
CSS3アニメーションをブラウザ上ã§ç°¡å˜ã«ä½œæˆãƒ»ç·¨é›†ã§ãる『bounce.js〠| 100SHIKI
ã¡ã¨ãƒžãƒ‹ã‚¢ãƒƒã‚¯ã ãŒã€ãƒ¡ãƒ¢çš„ã«ã”紹介。 Bounce.jsã¯ã€CSS3アニメーションをブラウザ上ã§ç°¡å˜ã«è¨å®šã§ãるツールã 。 回転ã€ç§»å‹•ã€æ‹¡å¤§ãƒ»ç¸®å°ãªã©ã€ç´°ã‹ã„è¨å®šã‚’ã—ã¦ã„ãã“ã¨ã‚‚ã§ãã‚Œã°ã€ãƒ—リセットã®ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã„ã˜ã‚‹ã“ã¨ã‚‚ã§ãる。 実行çµæžœã¯å¸¸ã«ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã®ã§ç¢ºèªã‚‚ç°¡å˜ã 。 ã¾ãŸä½œã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãã®å ´ã§CSSã«æ›¸ã出ã™ã“ã¨ã‚‚ã§ãる。覚ãˆã¦ãŠãã¨ä¾¿åˆ©ãã†ã§ã™ãªã€‚
クリエイティブãªå‹•ããŒãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®Ÿè£…ã§ãã‚‹ フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014ã€
TOP  >  plugin  >  クリエイティブãªå‹•ããŒãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®Ÿè£…ã§ãã‚‹ フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014〠é…力的ãªwebサイトを実ç¾ã•ã›ã‚‹ãŸã‚ã«ã¯ã€ä»–ã«ã¯ãªã„デザインや動ãã‚’å–り入れるã“ã¨ã§ã€ã‚ˆã‚Šç†æƒ³ã«è¿‘ã¥ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚今回ã¯ãã‚“ãªé…力的ãªå‹•ãを実装ã§ãるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014ã€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ （Drop） ãã®ã¾ã¾åˆ©ç”¨ã—ã¦ã‚‚ã€è‡ªåˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ã£ã¦ã‚‚ã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªwebサイトを作り出ã›ã‚‹ãƒ—ラグインãŒã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ scrollReveal.js スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒãƒ¼ã®å‹•ãを楽ã—ã‚€ã“ã¨ãŒã§ãるプラグイン。個性的ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã«ä»•ä¸Šã’ãŸã„時ã«ãŠã™ã™ã‚。 leas
モãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æœ¬å½“ã®æ„味ã¨ã€å®Ÿè·µæ–¹æ³•
Web製作ã®ç¾å ´ã§ã€ã¾ãšå…ˆã«ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã‹ã‚‰ç€æ‰‹ã—ã€ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå›ºã¾ã£ãŸå¾Œã«PCサイトをデザインã™ã‚‹ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã€ã€‚日本マクドナルドã€ANAã€é£²é£Ÿåº—ã®äº‹ä¾‹ã‚‚交ãˆã¦å®Ÿè·µæ–¹æ³•ã‚’分ã‹ã‚Šã‚„ã™ã紹介ã™ã‚‹ã€‚ 「モãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã€ã¨ã„ã†è¨€è‘‰ã¯2009å¹´ã«ãƒ«ãƒ¼ã‚¯ãƒ»ã‚¦ãƒãƒ–ルスã‚ーæ°ï¼ˆLuke Wroblewskiã€ä»¥ä¸‹ãƒ«ãƒ¼ã‚¯æ°ï¼‰ã«ã‚ˆã£ã¦æå”±ã•ã‚Œã€ãã®å¾Œ グーグルやアドビシステムズã€ãƒ•ã‚§ã‚¤ã‚¹ãƒ–ックãªã©ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§è¨€åŠã•ã‚Œã€åŒ—ç±³ã§èªçŸ¥ãŒåºƒãŒã‚Šã¾ã—ãŸã€‚2012å¹´ã«WebDirectionsEastã§ãƒ«ãƒ¼ã‚¯æ°ãŒæ¥æ—¥ã—ã¦è¬›æ¼”ã—ãŸã“ã¨ã‚‚ã‚ã‚Šã€æ—¥æœ¬å›½å†…ã§ã‚‚ã•ã¾ã–ã¾ãªãƒ¡ãƒ‡ã‚£ã‚¢ã§ã“ã®ã‚ーワードを目ã«ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æœ¬æ¥ã®æ„味ã¨å®Ÿè·µæ™‚ã®æ³¨æ„点をãŠä¼ãˆã—ã¾ã™ã€‚ 1分ï¼ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã¯ã€ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚‚ãŸã‚‰ã™ スマートフォンã®å¸‚å ´ã¯ã“ã®2ã€3å¹´ã®ã†ã¡ã«æ€¥é€Ÿã«æ™®åŠã—ã€
サイト訪å•è€…ã®ãƒšãƒ«ã‚½ãƒŠã‚’基ã«æ¤œç´¢ã‚ーワードを考ãˆã¦ã¿ã‚‹ï¼ˆå‰ç·¨ï¼šã‚»ã‚°ãƒ¡ãƒ³ãƒˆåˆ†ã‘） | Moz - SEOã¨ã‚¤ãƒ³ãƒã‚¦ãƒ³ãƒ‰ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã®å®Ÿè·µæƒ…å ±
インãƒã‚¦ãƒ³ãƒ‰ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãŒæ³¨ç›®ã‚’集ã‚ã‚‹ãªã‹ã€ã•ã¾ã–ã¾ãªã‚¤ãƒ³ãƒã‚¦ãƒ³ãƒ‰ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚’試行ã—ã¦ã„るマーケターãŸã¡ã¯ã€ã‚ˆã‚ŠåŒ…括的ãªã‚¢ãƒ—ãƒãƒ¼ãƒã§ã‚ーワードã«å–り組むã“ã¨ã®é‡è¦æ€§ã«æ°—ã¥ã始ã‚ã¦ã„る。 検索ã‚ーワードã¯ã€ã‚µã‚¤ãƒˆã®æ§‹ç¯‰ã‚’完全ã«çµ‚ãˆãŸå¾Œã«è¿½åŠ ã™ã‚‹ã®ã§ã¯ãªãã€ã‚µã‚¤ãƒˆã®æ ¹å¹¹ã«çµ„ã¿è¾¼ã‚“ã§ã„ãã‚‚ã®ã«ãªã‚Šã¤ã¤ã‚る。 ã“ã®è¨˜äº‹ã§ã¯ã€ã‚ーワードを利用ã™ã‚‹ã“ã¨ã§ã€ãƒšãƒ«ã‚½ãƒŠã‚’活用ã—ã€æœ€çµ‚çš„ã«ã¯ã‚µã‚¤ãƒˆæ§‹ç¯‰ãƒ—ãƒã‚»ã‚¹ã®å‘上ã«ã¤ãªãŒã‚‹ã‚ˆã†ãªå½±éŸ¿ã‚’与ãˆã‚‹æ‰‹æ³•ã«ã¤ã„ã¦ã€ãƒ«ãƒ¼ã‚¹ãƒ»ãƒãƒ¼ãŒè§£èª¬ã™ã‚‹ã€‚ SEOmozファンã®ã¿ã‚“ãªã€ã“ã‚“ã«ã¡ã¯ã€‚ホワイトボードフライデーã«ã‚ˆã†ã“ã。ç§ã¯ãƒ«ãƒ¼ã‚¹ãƒ»ãƒãƒ¼ã€SEOmozã§SEOリーダーを務ã‚ã¦ã„る。 今回ã¯ã€ãƒšãƒ«ã‚½ãƒŠã‚’活用ã—ã¦ã€æœ€çµ‚çš„ã«ã‚µã‚¤ãƒˆãƒžãƒƒãƒ”ングプãƒã‚»ã‚¹ã‚’å‘上ã•ã›ã‚‹ãŸã‚ã®ã‚ーワードã®ä½¿ã„æ–¹ã«ã¤ã„ã¦è©±ã—ã¦ã„ããŸã„。 検索ã‚ーワードã«ã¯ã€ã‚µã‚¤ãƒˆæ§‹ç¯‰åˆæœŸã®IAã‚„UXã®æ™‚点ã‹ã‚‰å–り組むã¹ã
ã‚»ã‚ュリティ対ç–ã¾ã¨ã‚（2013年秋）
JOJOã®ã‚¢ãƒ‹ãƒ¡ç¬¬ä¸‰éƒ¨ãŒæ£å¼ã«æ±ºã¾ã£ãŸãã†ã§ã™ãï¼ æ¥½ã—ã¿ï½žãªã€ã«ã‚ã‹ãƒ•ã‚¡ãƒ³ Latin ã§ã™ã€‚ 最近ã®WordPress界隈ã§ã¯Amazon Web ServiceãŒä¿„然盛り上ãŒã£ã¦ãŠã‚Šã¾ã™ãŒã€å¤§å¥½ããªWordPressを守るãŸã‚ã€ã‚»ã‚ュリティ対ç–ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ åˆæœŸã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—・è¨å®šç³»ã®å¯¾ç– データベースã®ãƒ—レフィクス（接é 辞）を変更ã™ã‚‹ wp-config.php 内ã®ã€Œwp_ã€ã®æŽ¥é 辞を任æ„ã®ã‚‚ã®ã¸å¤‰æ›´ã—ã¾ã™ã€‚ ãã®å ´åˆã€è¿½åŠ ã§ä»¥ä¸‹ã®ä½œæ¥ãŒç™ºç”Ÿã—ã¾ã™ã€‚ phpMyAdmin ãªã©ã‚’使ã„ã€ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®ãƒ†ãƒ¼ãƒ–ルãƒãƒ¼ãƒ を変更ã—ãŸã‚«ã‚¹ã‚¿ãƒ プレフィクスã«å¤‰æ›´ã™ã‚‹ã€‚ options ã‚„ usermeta テーブルãªã©ã®ä»–ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã§ã‚‚「wp_ã€ãƒ—レフィクスãŒä½¿ã‚ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚る為ã€ä»¥ä¸‹ã®ã‚¯ã‚¨ãƒªãƒ¼ã‚’走らã›ã¦ãƒ—レフィックスを変更ã™ã‚‹ã€‚ SELECT * FROM `myprefix_
[CSS]スマフォã§ã‚‚å°åˆ·ã—ã¦ã‚‚レイアウトãŒç´™ã®ã‚ˆã†ã«ç¾Žã—ã„フォームを実装ã§ãã‚‹ -Grid forms
デスクトップã§ã®è¡¨ç¤ºã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¹ãƒžãƒ•ã‚©ã‚„タブレットã§ã‚‚ã€ãã—ã¦å°åˆ·ã—ã¦ã‚‚ã‹ã£ã“ã„ã„レイアウトã®ãƒ•ã‚©ãƒ¼ãƒ を実装ã§ãるスタイルシートã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ å°†æ¥çš„ã«ã¯ã‚¹ã‚¯ãƒªãƒ—トを使ã£ã¦ã€æ©Ÿèƒ½ã‚’強化ã—ã¦ã„ãよã†ã§ã™ã‚ˆã€‚ Grid Forms Grid Formsã®ãƒ‡ãƒ¢ Grid Formsã®ä½¿ã„æ–¹ Grid Formsã®ãƒ‡ãƒ¢ æœ¬æ ¼çš„ãªãƒ‡ãƒ¢ã®å‰ã«ã€ã¾ãšã¯ç°¡å˜ãªãƒ‡ãƒ¢ã‹ã‚‰ã€‚ デモã¯Chrome, Safari, Firefoxãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã€ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–レットã®ãƒ–ラウザã§ã”覧ãã ã•ã„。IEã¯9+ã§ã€IE8以下ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–éžå¯¾å¿œã§ã™ãŒåˆ¥ã‚¹ã‚¯ãƒªãƒ—トを併用ã™ã‚‹ã“ã¨ã§å¯¾å¿œå¯ã§ã™ã€‚ Grid Formsã¯ãã®åã®é€šã‚Šã‚°ãƒªãƒƒãƒ‰ã‚’ベースã«ã—ãŸãƒ•ã‚©ãƒ¼ãƒ ã§ã€ç´™ã®ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ç¾Žã—ã„フォームを簡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ デモページã§ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã•ã¾ã–ã¾ãªè¦ç´ ãŒç¾Žã—ã„グリッドã§ãã£ã¡ã‚Šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã•ã‚Œã¦ã„
Webコンテンツ完æˆ! ã§ã‚‚公開å‰ã«ã“ã‚“ãªè‡ªå‹•ãƒã‚§ãƒƒã‚¯ã‚’ã‹ã‘ã¾ã›ã‚“ã‹ï¼Ÿ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
今日ã¯ã€Webコンテンツã®å…¬é–‹å‰ã«è¡Œã£ã¦ãŠãã¨Web担当者ãŒæ¥½ã«ãªã‚‹è‡ªå‹•ãƒã‚§ãƒƒã‚¯æ©Ÿèƒ½ã¨ã—ã¦ã€Webæ‹…ã®CMSã§å®Ÿè£…ã—ã¦ã„ã‚‹6ã¤ã®æ©Ÿèƒ½ã‚’紹介ã—ã¾ã™ã€‚ ※2013-09-25　「ã„ã„ã¨æ€ã†ã‘ã©ã€ã“ã‚Œã©ã†ã‚„ã£ãŸã‚‰ã‚¦ãƒã®ã‚µã‚¤ãƒˆã§ã‚‚使ãˆã‚‹ã®ï¼Ÿã€ã¨ã„ã†ç–‘å•ã«å¯¾ã™ã‚‹å›žç”を追記ã—ã¾ã—ãŸã€‚ Webコンテンツ完æˆ! ã‚‚ã†ä»Šã™ãã«ã§ã‚‚公開ã—ãŸã„ã§ã™ã‚ˆã。 ã§ã‚‚ã¡ã‚‡ã£ã¨å¾…ã£ã¦ãã ã•ã„。自社サイトã«æŽ²è¼‰ã™ã‚‹å‰ã«ã€ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå•é¡Œãªã„ã‹ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã¹ãã§ã™ã‚ˆã。HTML文法やリンク切れãªã©ãªã©ã€‚ デザインæ¥ç•Œã§ã€ŒFlightCheckã€ã‚„「プリフライトã€ã¨å‘¼ã°ã‚Œã‚‹é¡žã®ãƒã‚§ãƒƒã‚¯ã§ã™ã。ãã†ã„ã†ã€Œæ¯Žå›žã‚„ã‚‹ãƒã‚§ãƒƒã‚¯ã€ã¯ã€ã‚·ã‚¹ãƒ†ãƒ ã§è‡ªå‹•çš„ã«ã§ãã‚‹ã¨ã„ã„ã¨æ€ã„ã¾ã›ã‚“ã‹ï¼Ÿ ãã†ã„ã£ãŸä¾‹ã®1ã¤ã¨ã—ã¦ã€Webæ‹…ã®ã‚µã‚¤ãƒˆã§å‹•ã‹ã—ã¦ã„る自動ãƒã‚§ãƒƒã‚¯æ©Ÿèƒ½ã‚’紹介ã—ã¾ã™ã€‚Webæ‹…ã§ã¯ã€æ¬¡ã®ã‚ˆã†ãªè‡ªå‹•ãƒã‚§ãƒƒã‚¯æ©Ÿèƒ½ã‚’入れã¦ã„ã¾ã™ã€‚ HTMLæ–‡
プレゼンã§ã€ã‚¹ãƒžãƒ•ã‚©ã‚¢ãƒ—リã®è¤‡æ•°ç”»é¢ã‚’ã‹ã£ã“よã見ã›ã‚‹ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—用ã®PSDç´ æ
スマフォã®ã‚¢ãƒ—リやUIプãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ—レゼンテーションã§ã€è¤‡æ•°ã®ç”»é¢ã«ãƒ‘ースをã¤ã‘ã¦é…ç½®ã§ãるモックアップ用ã®PSDç´ æを紹介ã—ã¾ã™ã€‚ 使ã„æ–¹ã¯ç°¡å˜ã§ã€Photoshop CS5以上対応ã§ã™ã€‚
今ã€èº«ã«ã¤ã‘ãŸã„ウェブ制作ã®ã‚¹ã‚ルを基本ã‹ã‚‰å¦ã¹ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡ã®ãƒã‚§ãƒªãƒ¼æœ¬ -レスãƒãƒ³ã‚·ãƒ–Webデザイン
jQueryã®ãƒ‰ãƒ¼ãƒŠãƒ„本ã€ã‚¹ãƒžãƒ•ã‚©ã®ãƒžã‚«ãƒãƒ³æœ¬ã®äººæ°—シリーズã‹ã‚‰æ–°ãŸã«ç™ºå£²ã•ã‚ŒãŸãƒã‚§ãƒªãƒ¼æœ¬ï¼ˆã§ã„ã„ã®ã‹ãªï¼‰ã®ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã€ã‚’紹介ã—ã¾ã™ã€‚ 一言ã§è¨€ã†ã¨ã‹ãªã‚Šã®è‰¯æ›¸ã§ã™ã€‚通èªã—ã€ã“ã®ãƒ¬ãƒ“ューを書ããŸã‚ã«ä½•åº¦ã‚‚èªã¿è¿”ã—ã¾ã—ãŸãŒã€æ–°äººã•ã‚“ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒãƒªãƒãƒªã‚„ã£ã¦ã‚‹äººã‚‚ウェブ制作ã«æºã‚る人ã§ã‚ã‚Œã°å¾—ã‚‹ã‚‚ã®ãŒãŸãã•ã‚“ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ オススメã®ä¸€ç•ªã®ãƒã‚¤ãƒ³ãƒˆã¯ã€å¿œç”¨ã§ãる基礎力ã«é‡è¦–ã—ã¦ã„ã‚‹ã“ã¨ã€‚ 僕も新人教育を何度もやã£ã¦ãã¦ã€å¸¸ã«ã“ã®å¿œç”¨åŠ›ã«é‡ç‚¹ã‚’ãŠã„ã¦ã„ã¾ã—ãŸã€‚今ã€å½¹ã«ç«‹ã¤ã ã‘ã§ãªãã€ã“ã‚Œã‹ã‚‰å…ˆã®æœªçŸ¥ã®ã‚‚ã®ã«ã¶ã¤ã‹ã£ãŸæ™‚ã«ã‚‚ãã£ã¨å½¹ç«‹ã¤ã¯ãšã§ã™ã€‚ ãŸã 一点残念ãªã®ãŒã€æœ¬ã®ã‚¿ã‚¤ãƒˆãƒ«ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã€ãŒå¹³å‡¡ã™ãŽã‚‹ã“ã¨ã§ã—ょã†ã‹ã€‚内容ã®å¤§ç‹ã¨ã—ã¦ãã®é€šã‚Šã§ã™ãŒã€å‰¯é¡Œã®ã€Œãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹æ™‚代ã®ã‚³ãƒ³ã‚»ãƒ—トã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã®ã‚ˆã†ã«ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã‘ã§ãªãã€ã‚³ãƒ³ã‚»ãƒ—トã«ã‚‚フォーカスãŒã‚
最åˆã«ãƒˆã‚¯ã™ã‚‹çµè«–ã‚’è¿°ã¹ã€ãƒã‚¸ã‚«ãƒ«ã«æ ¹æ‹ を示ã™ã€€æµã—èªã¿Webèªè€…ã®ç›®ã‚’ç•™ã‚ã€èª¬å¾—ã™ã‚‹ãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°è¡“
『MarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine プレミアムセミナーã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ MarkeZine Day
“トップページã¸â€ã¯ä¸è¦ã€‚常è˜ã‚’ç–‘ã†ã¨è¦‹ãˆã¦ãる客ã®å§¿ | ä¼æ¥ãƒ›ãƒ¼ãƒ ページé‹å–¶ã®å¿ƒå¾—
コンテンツã¯ç¾å ´ã«ã‚ãµã‚Œã¦ã„る。会è°å®¤ã§è©±ã—åˆã†ã‚ˆã‚Šè·äººã‚’呼ã¹ã€‚å–¶æ¥ãƒžãƒ³ã¨è©±ã‚’ã•ã›ã‚。Web 2.0ã ã€CGMã ã€Ajaxã ã¨é¨’ã„ã§ã„ã‚‹ã®ã¯ã€Œã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæ¥ç•Œã€ã ã‘。ä¸å°ä¼æ¥ã®ã€Œå•†å£²ç”¨ã€ãƒ›ãƒ¼ãƒ ページã«ã¯ãれ以å‰ã«ã‚‚ã£ã¨ã‚‚ã£ã¨å¤§åˆ‡ãªã‚‚ã®ãŒã‚る。ä¼æ¥ãƒ›ãƒ¼ãƒ ページã®æœ€åˆã®ä¸€æ©ãŒã‚ã‹ã‚‰ãšã«ãƒœã‚¿ãƒ³ã‚’掛ã‘é•ãˆã¦ã„ã‚‹Web担当者ã«å¿ƒå¾—を授ã‘る実践ç¾å ´ä¸»ç¾©ã‚³ãƒ©ãƒ 。 宮脇 ç¦ï¼ˆæœ‰é™ä¼šç¤¾ã‚¢ã‚ºãƒ¢ãƒ¼ãƒ‰ï¼‰ 社会人ãªã‚‰ã€Œå¸¸è˜ã€ã¯èº«ã«ã¤ã‘ã¦ãŠããŸã„ã‚‚ã®ã§ã™ã€‚応接室セットã§ã®å¸é †ã¯ã‚‚ã¡ã‚ã‚“ã€å刺ã®å—ã‘å–ã‚Šæ–¹ã«ã€Œå¼Šç¤¾ã®éˆ´æœ¨ç¤¾é•·ã¯ã€ã¨å‘¼ã°ãªã„よã†ã«ã§ã™ã€‚日本社会ã«ãŠã„ã¦ã€Œèº«å†…ã€ã®ç´¹ä»‹ã¯ã€ãŸã¨ãˆç¤¾é•·ã§ã‚ã£ã¦ã‚‚「ウãƒã®éˆ´æœ¨ãŒã€ã¨ã€Œå‘¼ã³æ¨ã¦ã€ãŒåŸºæœ¬ã§ã™ã€‚ ã¨ã¯ã„ãˆã€ã“ã®ã€Œå¸¸è˜ã€ã¨ã„ã†ã®ãŒæ›²è€…ã§ã€ç–‘ã„ã‚‚ãªã当ãŸã‚Šå‰ã¨æ€ã£ã¦ã„ã‚‹ã“ã¨ã«æ ¹æ‹ ã‚„ç†ç”±ã«ãƒ¡ãƒªãƒƒãƒˆãŒãªã„ã©ã“ã‚ã‹ã€ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨ãªã£ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯Webã®ä¸–ç•Œã§ã‚‚åŒã˜
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
iPhone 6/6 Plusã§ä»•æ§˜ãŒè¤‡é›‘ã«ãªã£ãŸè§£åƒåº¦ã‚‚コレãªã‚‰åˆ†ã‹ã‚Šã‚„ã™ã„ã€æ´ä»£iPhoneã®è§£åƒåº¦ã‚’ã¾ã¨ã‚ãŸã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰
CSS拡張言語“LESSâ€ã‚’利用ã—ãŸWeb開発をサãƒãƒ¼ãƒˆã™ã‚‹ãƒ„ール「WinLessã€NOT SUPPORTED
Google アナリティクス
マルãƒãƒ–ラウザー対応ã®â€œHTML5 Videoâ€ã‚¿ã‚°ã‚’生æˆã™ã‚‹ãƒ„ール「Easy HTML5 Videoã€NOT SUPPORTED
Ruby on Railsã§å¯æ„›ã„åãŒé›†ã¾ã‚‹ã‚¨ãƒã‚µã‚¤ãƒˆã‚’公開ã™ã‚‹ã¾ã§ã®ï¼’４Ｈ
{{#tags}}- {{label}}
{{/tags}}