タグ

ブックマーク / html-coding.co.jp (4)

  • GulpでSassのコンパイル・Autoprefixer・Minifyの実行をするまでの最低限のこと|クロノドライブ

    はじめに この記事はGulpを使ってSassをコンパイルしているけど、なんだかよくわかってないという人に向けた記事です。Sassをただコンパイルするだけではなく、AutoprefixerやMinify・Source mapなどあると便利だと思う必要最低限の構成の作り方とそれぞれの使い方を解説していきます。 前提 npmコマンドをなんとなく使ったことがある gulpfile.jsというものは知っている 目指す構成 Sassのコンパイルをする Source mapを作成する Minifyする Autoprefixerでベンダープレフィックスを自動的に付与する 1〜4のことをファイルの変更があったら自動的に行う 学べること Gulp実行までの手順 Gulpのタスクの作り方 Gulpのタスクの実行の方法 ファイル監視の方法 環境設定 まずはGulpを動かすための環境を整えましょう。Gulpを使った

    GulpでSassのコンパイル・Autoprefixer・Minifyの実行をするまでの最低限のこと|クロノドライブ
    peketamin
    peketamin 2017/10/13
  • 新人コーダーに知っておいて欲しいリダイレクトの基本|クロノドライブ

    サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。 そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。 リダイレクトの種類 リダイレクトには、HTMLJavaScriptといったクライアントサイドプログラム、PHPPerlといったサーバサイドプログラム、あるいは.htaccessの設定変更を行う等、様々な対応方法があります。そのうちのいくつかを、実際のサンプルソースとともに解説します。 metaタグによるリダイレクト hea

    新人コーダーに知っておいて欲しいリダイレクトの基本|クロノドライブ
  • PCサイトのコーディング制作、作成の代行、外注はクロノドライブ

    あります。それが私たちクロノドライブです。 短納期案件でも、大規模案件でも、CMSやJavaScriptを使用するような複雑な案件でも。クロノドライブは、皆様のご要望を確実に実現いたします。ぜひ、コーディングに関するすべてを私たちにお任せください。コーダー、カスタマーサポートをはじめとしたスタッフ全員が、皆様のコーディングに対する問題・お悩みを解決します。

    PCサイトのコーディング制作、作成の代行、外注はクロノドライブ
  • 画像を使わない擬似フォームUIの作り方 第01回 「CSS3を使った装飾」|クロノドライブ

    ブラウザ標準のフォームUI(チェックボックスやセレクトボックス)のデザインは、標準ゆえに「フォーム」だと分かりやすいデザインですが、どうしてもサイトカラーに合わずに野暮ったい印象になるときがあります。そういった場合にデザインを自由に変更できるといいのですが、フォームUIへのスタイル適用は制限があり、自由に変更できません。 そういったときに、実際のフォームUIを隠し独自のフォームUIを表示し、それに対して行ったアクションを隠してあるフォームUIに反映させる手法があります(ここでは擬似フォームUIと呼びます)。 コラムでは主にスマートフォン向けにCSS3とJavaScript(jQuery)を使い、画像を使わない擬似フォームUIの作り方を4回に分けて紹介していきます。 ※PCではGoogle Chromeのみ動作確認をしています。 第01回目の今回はCSS3を使った装飾と後ほどjQueryで

    画像を使わない擬似フォームUIの作り方 第01回 「CSS3を使った装飾」|クロノドライブ
  • 1