ランディングページ制作ã®ç”Ÿæ»ã‚’ã‚ã‘ã‚‹11ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆï½œMarTechLab（マーテックラボ）
皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚ギャプライズ鎌田（@kamatec）ã§ã™ã€‚ 今回ã¯ã€å¼Šç¤¾ã®ãƒ—ランナー・ディレクター㌠ランディングページã®æ§‹æˆä½œæˆå¾Œ ランディングページã®ãƒ‡ã‚¶ã‚¤ãƒ³å®Œäº†å¾Œ ランディングページã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å®Œäº†å¾Œ ã«ãã‚Œãžã‚Œè¡Œã£ã¦ã„ã‚‹ãƒã‚§ãƒƒã‚¯å†…容を公開ã—ã¾ã™ã€‚ ç´°ã‹ã„所ã§ã™ãŒã“ã®ã€Œãƒã‚§ãƒƒã‚¯ã€ã®ãƒ¬ãƒ™ãƒ«ã«ã‚ˆã£ã¦ãƒ—ãƒã¨ã‚¢ãƒžã®é•ã„ãŒå‡ºã‚‹ã¨ã‚‚言ãˆã¾ã™ã€‚ 何百本ランディングページを構築ã—ãŸç†Ÿç·´ã®çµŒé¨“者ã§ã‚ã‚ã†ã¨ã‚‚ã€1回ã§å®Œç’§ãªã‚‚ã®ãŒã§ãã‚‹ã“ã¨ã¯æ±ºã—ã¦ã‚ã‚Šã¾ã›ã‚“。ãƒã‚§ãƒƒã‚¯ã‚’通ã—ã¦ãƒ–ラッシュアップã•ã‚Œã¦ã„ãã®ã§ã™ã€‚ ランディングページ構築ã«ãŠã‘る一番ã®è‚ã¯ã€æ§‹æˆã‚’引ãå‰ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆè¨å®šãƒ»é›†å®¢è¨è¨ˆã«ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ãã“ã¾ã§æ›¸ãã¨å£®å¤§ãªãƒœãƒªãƒ¥ãƒ¼ãƒ ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã€å®Ÿåˆ¶ä½œã«å…¥ã£ãŸå¾Œã®ãƒã‚§ãƒƒã‚¯é …ç›®ã«é™å®šã—ã¦ã”紹介ã—ã¾ã™ã€‚ ãã‚Œã§ã¯æ—©é€Ÿã”紹介ã—ã¾ã—ょã†ã€‚ 目次 ファーストビューã§è¨€ã„ãŸã„ã“ã¨ãŒä¼ã‚ã‚‹ã‹ï¼Ÿ 見出ã—
box-shadowã§è¡¨ç¾ã™ã‚‹ã€ã€Œã‚»ãƒŸãƒ•ãƒ©ãƒƒãƒˆã€ãªã‚ºãƒ«ã„デザインテクニック
box-shadowã§è¡¨ç¾ã™ã‚‹ã€ã€Œã‚»ãƒŸãƒ•ãƒ©ãƒƒãƒˆã€ãªã‚ºãƒ«ã„デザインテクニック：ズルã„デザイン（3）（1/2 ページ） 世ã®ä¸ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³æµè¡Œã‚Šã§ã™ãŒâ€¦â€¦ iOS 7ãŒãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’採用ã—ãŸã®ã‚’皮切りã«ã€Webデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ãŒãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ä¸€è‰²ã«ãªã£ã¦ãã¾ã—ãŸãŒã€ç«‹ä½“感を完全ã«æŽ’ã—ãŸè‰²é¢ã¨ç©ºé–“ã€ã‚·ãƒ³ãƒ—ルãªæç”»ã®çµ„ã¿åˆã‚ã›ã ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¡¨ç¾ã¯ã€ã‚る種ã”ã¾ã‹ã—ãŒåŠ¹ã‹ãšã€ã¾ãŸé©åˆ‡ãªåˆ©ç”¨æ–¹æ³•ã‚’å–šèµ·ã•ã›ã‚‹ã‚ˆã†ãªUIも表ç¾ãŒãªã‹ãªã‹é›£ã—ã„ã‚‚ã®ã§ã™ã€‚ 例ãˆã°ã€ã€Œãƒœã‚¿ãƒ³ã¯æŠ¼ã›ã‚‹ã‚‚ã®ã€ã§ã‚ã‚‹ã¨è¡¨ç¾ã™ã‚‹ãŸã‚ã®ã€ŒæŠ¼ã—ãŸããªã‚‹æ„Ÿã˜ã€ã‚’å–šèµ·ã•ã›ã‚‹ç«‹ä½“æ„Ÿã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティé¢ã§ã‚‚ã¾ã ã¾ã 有効ã§ã™ã€‚今回ã¯ã€æµè¡Œã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã‚‚é•å’Œæ„Ÿãªã使ãˆã¦ã€ã¾ãŸé©åˆ‡ãªã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã®è¡¨ç¾ãŒå¯èƒ½ã«ãªã‚‹ã€ã€Œã‚„ã‚Šã™ãŽã¦ã„ãªã„立体感ã€ã‚’目指ã—ãŸã€box-shadowを活用ã—ãŸå„種ボックス表ç¾ã®ä½œã‚Šæ–¹ã‚’紹介ã—ã¾ã™ã€‚ NGãª
tableコンテンツを作æˆãƒ»ç®¡ç†å‡ºæ¥ã‚‹é«˜æ€§èƒ½ãªWordPressプラグイン・TablePress - ã‹ã¡ã³ã¨.net
テーブルを手軽ã«ä½œæˆã€ç®¡ç†ã™ã‚‹ç‚ºã®WordPressプラグイン・TablePressã®ã”紹介ã§ã™ã€‚今ã¾ã§è¦‹ã¦ããŸä¸ã§ã¯ä¸€ç•ªæ©Ÿèƒ½æ€§ãŒé«˜ãã†ã€‚良ã•ãã†ãªã®ã§å¾Œã§æ—¥æœ¬èªžã«ã—ã¦åˆ©ç”¨ã—よã†ã¨æ€ã„ã¾ã™ã€‚ é¢å€’è‡ã„テーブルを作れるよã†ã«ã™ã‚‹ãƒ—ラグイン。クライアントã•ã‚“ã¯ä½œã‚Œãªã„ã®ã§ã“ã†ã„ã£ãŸãƒ—ラグインを使ã£ã¦ã‚‚らã†ã¨è‰¯ã„ã‹ã‚‚。機会ãŒã‚ã‚Œã°æ案ã—ã¦ã¿ãŸã„所ã§ã™ã€‚ 管ç†ç”»é¢ã§ãƒ†ãƒ¼ãƒ–ルを作æˆã€ã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ã§è¡¨ç¤ºã™ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚管ç†ã‚‚楽ãã†ã§ã™ã€‚CSVã®ã‚¤ãƒ³ãƒãƒ¼ãƒˆ/エクスãƒãƒ¼ãƒˆã«ã‚‚対応ã—ã¦ã‚‹ã¿ãŸã„。 テーブルã¯ç®¡ç†ç”»é¢ã§åˆ—ã‚„è¡Œã‚’è¿½åŠ ã€ä¸èº«ã‚’書ã込んã§ã„ãå½¢ã¨ãªã‚Šã¾ã™ã€‚Advanced Editorを使ãˆã°ã‚»ãƒ«å†…ã§WYSIWYGを利用ã§ãã¾ã™ã€‚ セルåŒå£«ã®çµåˆã‚‚å¯èƒ½ãªã®ã§ãã“ãã“複雑ãªãƒ†ãƒ¼ãƒ–ルも作れãã†ã§ã™ã€‚ 一部有料ã§ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザイン対応やセル内ã§ã®PHPコード実行用ã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ç‰ã‚‚ã‚
Web制作会社ã«é£›ã³è¾¼ã‚“ã 新入社員ã«ã¨ã‚Šã‚ãˆãšèªã¾ã›ãŸã„スライド
Webデザインã®ã‚»ã‚ªãƒªãƒ¼ã‚’å¦ã¼ã† / Webデザインã®ã‚¦ã‚½ãƒ»ãƒ›ãƒ³ãƒˆ ～ Web らã—ã... / コンテンツã§æ”¹å–„ã™ã‚‹ UI デザインã®æ¥µæ„ä»–...å…¨21件
サイトをé‹å–¶ã—ã¦ã„る人ãªã‚‰ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„æƒ…å ±ã‚µã‚¤ãƒˆã¾ã¨ã‚ - ウェブãƒã‚¿ãƒžãƒ‹ã‚¢
サイトをé‹å–¶ã—ã¦ã„㦠必ãšãƒã‚§ãƒƒã‚¯ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸ 役立ã¤æƒ…å ±ã‚µã‚¤ãƒˆã‚’ãƒ¡ãƒ¢ ■コリス 言ã‚ãšã¨çŸ¥ã‚ŒãŸã‚µã‚¤ãƒˆåˆ¶ä½œã«é–¢ã™ã‚‹ã‚¢ã‚¦ãƒˆãƒ—ットã¨ã‚¯ãƒªãƒƒãƒ—ã—ãŸæƒ…å ±ã‚’ 紹介ã™ã‚‹ãƒ–ãƒã‚° ã€€ãƒ•ãƒªãƒ¼ç´ æã®æƒ…å ±ç‰ã‚‚豊富 â– ã‹ã¡ã³ã¨.net Web制作ã®è©±é¡Œã‚’ä¸å¿ƒã«ã€ä¾¿åˆ©ãªWebサービスやリソースãªã©ã‚’紹介ã—ã¦ã„るサイト â– Webクリエイターボックス WebデザインやWebサイト制作ã€æœ€æ–°ã®Webæ¥ç•Œæƒ…å ±ãªã©ã‚’紹介ã—ã¦ã‚‹ã‚µã‚¤ãƒˆã€‚ ■二åæ³è¡—é“ã¾ã£ã—ãら 管ç†äººã®ã‚«ãƒ¡ãã¡ã•ã‚“㌠ã¿ã¤ã‘ãŸWebサービスや役立ã¡ãã†ãªæƒ…å ±ã‚’æ›´æ–° ■ライフãƒãƒƒã‚«ãƒ¼ï¼»æ—¥æœ¬ç‰ˆï¼½ 生活全般ã«å½¹ç«‹ã¤ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„るサイト（ウェブãƒã‚¿ã‚‚多数） ■フリーソフトã®æ¨¹ ãŠã™ã™ã‚ã®ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã‚„知ã£ã¦ã„ã‚‹ã¨ä¾¿åˆ©ãªç„¡æ–™ã‚µã‚¤ãƒˆãªã©ã€ パソコンを楽ã—ã‚€æƒ…å ±ã‚’å¹…åºƒã„分野ã§æ¯Žæ—¥ç´¹ä»‹ã—ã¦ã„るサイト â– 100shiki 海外ã®ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚µã‚¤ãƒˆã‚’紹介 â– Ph
ç´ äººã£ã½ã„デザインã‹ã‚‰è„±å´ã™ã‚‹ãŸã‚ã®12ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒƒãƒ—ス | webox blog
クオリティを上ã’ã‚‹ãŸã‚ã«ã¯ã¡ã‚‡ã£ã¨ã—ãŸã€Œã“ã ã‚ã‚Šã€ãŒã¨ã¦ã‚‚大事ã§ã™ã€‚ 定期的ã«è©±é¡Œã«ãªã‚‹ãƒã‚¿ã§æ縮ã§ã™ãŒã€ç´ 人ã£ã½ã„デザインã«ãªã‚‰ãªã„よã†ã«å€‹äººçš„ã«ã‚ˆã使ã£ã¦ã‚‹å°æŠ€ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ 上ã®ã‚‚ã®ã»ã©ã€ç°¡å˜ã§å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹å°æŠ€ã«ãªã‚Šã¾ã™ã€‚ 1pxã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’使ㆠ1pxã®åŠ¹æžœã‚’使ã†ã®ã¨ä½¿ã‚ãªã„ã®ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®è³ªã«å¤§ããªé•ã„ãŒç”Ÿã¾ã‚Œã¾ã™ã€‚ ã‚ã‚‹æ„味Webデザインã§ã¯ä¸€ç•ªé‡è¦ãªè¦ç´ ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 定番ã§ã™ã€‚ãŸã£ãŸ1pxã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ã¤ã‘ã‚‹ã ã‘ã§ã‚·ãƒ£ãƒ¼ãƒ—ãªå°è±¡ã«ãªã‚Šã¾ã™ã€‚ ãŸã å¡—ã‚Šã¤ã¶ã—ãŸã ã‘ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’入れãŸã ã‘ã®ãƒœã‚¿ãƒ³ã§ã¯ã€ã®ã£ãºã‚Šã¨ã—ãŸæ„Ÿã˜ã«ãªã‚Šã‚„ã™ã„ã§ã™ãŒã€1pxã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’上部ã«å…¥ã‚Œã‚‹ã ã‘ã§ã‚·ãƒ£ãƒ¼ãƒ—ãªç«‹ä½“を表ç¾ã§ãã¾ã™ã€‚ æ£ç¢ºã«ã¯1pxã§ãªã2pxã§ã™ãŒã€ã“ã†ã—ã¦é»’ç³»ã®ãƒœãƒ¼ãƒ€ãƒ¼ã¨ç™½ç³»ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’並ã¹ã‚‹ã“ã¨ã§ã€æ˜Žç¢ºã«ã‹ã¤ã‚·ãƒ£ãƒ¼ãƒ—ã«ä»•åˆ‡ã‚Šã‚’表ç¾ã§ãã¾ã™ã€‚ 1pxã®ãƒ‰ãƒãƒƒãƒ—シャ
国産ã®WebデザインギャラリーサイトãŒä¸€ç•ªå‚考ã«ãªã‚‹ã®ã§ã¾ã¨ã‚㟠- ã‹ã¡ã³ã¨.net
Webデザインã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯æ²¢å±± ã‚ã‚Šã¾ã™ãŒã€çµå±€æ„Ÿæ€§ã®è¿‘ã„国産 ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒä¸€ç•ªå‚考ã«ãªã‚‹ã® ã§ã¾ã¨ã‚ã¾ã—ãŸã€‚探ã—ã¦ã¿ã‚‹ã¨çµæ§‹ ã„ã‚ã„ã‚ã‚ã‚‹ã‚“ã§ã™ã。助ã‹ã‚Šã¾ã™ã€‚ ã‚„ã¯ã‚Šã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¯å›½ç”£ãŒã„ã„ã§ã™ã。沢山ã‚ã‚‹ã®ã§ã€ã‚る程度厳é¸ã—ã¦ã„ã¾ã™ã€‚ io3000 最近知りã¾ã—ãŸã€‚ã™ã”ãã„ã„ã§ã™ãã€ã“ã“。見やã™ã„ã—ã€ä½¿ã„ã‚„ã™ã„ã§ã™ã€‚ãŠã™ã™ã‚。 io3000 straightline bookmark ã¨ã«ã‹ãクールã§ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„サイトをブックマークã—ã¦ã„るギャラリー。 straightline bookmark Web Design Clip ã“ã¡ã‚‰ã‚‚個人的ã«ã‚ªã‚¹ã‚¹ãƒ¡ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚目的ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç›´ãã«è¦‹ã¤ã‹ã‚Šã¾ã™ã‚ˆã€‚ Web Design Clip Good Design Web ã“ã¡ã‚‰ã¯ä»–ã§ã¯ã‚ã¾ã‚Šè¦‹ã‹ã‘ãªã„良デザインã®ã‚µã‚¤ãƒˆã‚’紹介ã—ã¦ã‚‹è²´é‡ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚ Good Desi
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã“ã‚Œã¯ã‚¹ã‚´ã‚¤ãžï¼Bootstrapã®ãƒšãƒ¼ã‚¸ä½œæˆãŒç©ã¿æœ¨æ„Ÿè¦šã§ç°¡å˜ã«ã§ãã¦ã—ã¾ã†ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -lollytin
{{#tags}}- {{label}}
{{/tags}}