タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

*Web制作に関するbooskanoririのブックマーク (3)

  • 自分のHTMLやCSSのコーディング環境がベストか見直してみよう!作業を効率化する技術やツールの導入・使い方がよく分かるオススメの本

    SassやLESSなどのCSSプリプロセッサ、OOCSSやBEMを使ったCSSの設計、Gitでのバージョン管理、gulpを使ったタスクランナー、Bootstrapなどのフレームワークの導入など、ここ数年でコーディング業界にさまざまな新しい技術やツールが登場しました。 なんだか便利そうなのは分かるけど、どこから手をつければよいのか分からない。似たようなものがあるけど、どれが自分にあっているのか? コーディング業界で現在主流となっているテクニックや考え方の基から導入・使い方などを実際に仕事で使うシーンを想定した形で紹介しているオススメのを紹介します。 それら技術やツール、そして考え方がWeb制作のどの工程に関わり、どう効率化されるのか、導入の手順はどんな感じなのかがよく分かります。 また、HTML5の新しい要素、CSSのセレクタ・アニメーション、SVGの使い方など、コーディングする上でこれ

    自分のHTMLやCSSのコーディング環境がベストか見直してみよう!作業を効率化する技術やツールの導入・使い方がよく分かるオススメの本
  • CSSだけでお手軽なフリック&ドラッグスライダーを作る | バシャログ。

    今年のベスト映画はやっぱりガーディアン・オブ・ギャラクシーなminamiです。 左右にスクロールするスライダーのようなUIを作る機会は未だ多いですが、今回は主にタッチデバイスで便利なフリック&ドラッグで動くスライダーをCSSだけで作ります。 Amazonのスマートフォンサイトなどでも同じように実装されています。 作り方 PC用のブラウザではoverflow: autoやscroll を設定した要素の中にそれよりも大きな要素が含まれる場合、スクロールバーを表示させてスクロールすることができますが、iOSやAndroidなどのスマートフォン用のブラウザではうまくスライドしなかったり、スライドそのものができなかったりします。 今回ご紹介する方法だとCSSだけで慣性スクロールをつけることができます。 HTMLのマークアップは下記のようにしました。 <div class="slider-wrappe

    CSSだけでお手軽なフリック&ドラッグスライダーを作る | バシャログ。
  • PHPでMySQLを使う - PHP入門 - ポンクソフト

    目次 PHP入門 PHPの概要 PHP環境のインストール(XAMPP)・PHPの設定 PHPの基・簡単なプログラム 文法1 文法2 様々な関数を使う フォームの基 システム作成 オブジェクト指向 データベースとSQL PHPMySQLを使う ブログを作る ECサイト(ショッピングサイト)を作る このページの内容 はじめに データベースの準備 レコードの表示 レコードの挿入 レコードの更新 レコードの削除 はじめに この章ではPHPからMySQLのデータベースを操作する方法を解説します。 PDO(PHP Data Objects)クラスを使うと、簡単に汎用的なデータベースアクセスのコードを書くことができます。 レコードの表示はテーブルなどで行をループして行い、レコードの挿入・更新はフォームを介して行うのが一般的です。 データベースの準備 この章では前章の「men」データベースと「udo

  • 1