nests

はじめまして、クリエイティブ・アカデミー「nests」運営チームです。 Web制作現場…

nests

はじめまして、クリエイティブ・アカデミー「nests」運営チームです。 Web制作現場などでの体験をもとにしたTips集です。 https://nests.jp/

position設定した子要素がハミ出してしまう

こんにちは、nests運営です。 CSSで横の中央揃えをしたい場合に、 positionで下記のように設定する場合がありますよね。 これって、実はブラウザによって（特にIEで現象を確認）子要素がはみ出してしまう場合があるんです。 .sample { position: absolute; left: 50%; top: 0; transform: translateX(-50%);} その場合、記述を下記へ変更しましょう。 ①「left」を「r

nests

    • アセットが含まれない状態のPSDをデザインカンプとして渡された場合

      こんにちは、nests運営です。 HTMLコーディングを依頼された場合、 取引先からPSDのデザインカンプをもらうと思います。 きちんとしたデータを準備していただくのがもちろんベストです。 が、先方もバタバタしていたり 納期が迫っていたりなど様々な問題が起こりえます。 そんな時は得てして完璧なデータを再度準備してもらう 時間的余裕も人的余裕も無い場合が多いですよね。 （言いずらかったりもしたりします） そんな時は、まずできることを探しましょう。 まずはPSDを開いてみ

      nests

      • ページネーションで2ページ目に遷移できない

        こんにちは、nests運営です。 WordPressでサイト制作をしていると、いろんな壁にぶち当たりますね。 投稿ページとかで、ページネーションを設置すると思います。 ↓↓↓　こんなの（これはgoogleですけど）　↓↓↓ プラグインの「WP-PageNavi」を使用して ページネーションを設置した場合・・・ なぜか2ページ目がエラーになることがあります。 そんな時はプラグインの「Remove Category URL」を入れてみては？ こちらのプラグインはURL

        nests

        • IllustratorでWebデザインデータを作る際の準備と注意点

          みなさんこんにちは、nests運営です。 前回の記事に続き、今回は実際にIllustratorでWebデザインデータを作る際の準備と注意点をまとめていきたいと思います。 前回散々イラレのWebデザインデータは嫌われちゃうとお話しした後なので、だったらイラレでは作りたくないと思ってしまう方もいるかと思いますが、事前にきちんと準備をして、作り方もちょっと工夫すればコーダーさんを悩ませることなくコーディングを進めて頂けるようなデザインデータを作ることもできますのでぜひ覚えてくだ

          nests

        position設定した子要素がハミ出してしまう

        nests

        • アセットが含まれない状態のPSDをデザインカンプとして渡された場合

          nests

        • ページネーションで2ページ目に遷移できない

          nests

        • IllustratorでWebデザインデータを作る際の準備と注意点

          nests

          Webデザイン制作時にillustratorと連携しなければいけない時の話

          こんにちは。nests運営チームです。 本日はみなさんにWebデザイン制作時、Illustratorと連携しなければならない時に気を付けて頂きたい点をまとめさせて頂きます。 これからWebデザインを勉強される方のなかには、もともと紙のデザインをされていた方やイラストを描いていたなんて方もいらっしゃると思いますし、そんな方にとっては使い慣れたイラレでWebデザインが作れるなら使いたいなと思う方もいるかもしれませんよね。 でも初めにお伝えしておくと、イラレで作ったデザインデ

          nests

          Webデザイン制作時にillustratorと連携しなければいけない時の話

          nests