今度こそ覚える、Bootstrap3 グリッドシステムの使い方 - TetraThemes
I've got it デザインはグリッドに始まりグリッドに終わるといわれるように、Bootstrap3でもグリッドシステムは単なるコーディングにとどまらず、デザインの一部として非常に重要な要素となっています。 グリッドをうまく使えるかどうかがデザイナーとしての評価の分かれ道にもなるため、デザイナーとしてしっかり覚えておきたいBootstrap3のグリッドシステムの使い方を確認しておきましょう。 Bootstrap3のグリッドレイアウトとは？ Bootstrap3にはモバイルファーストで作られたレスポンシブなグリッドシステムが搭載されています。 Bootstrap3のグリッドシステムは、画面幅を１２分割して作られており、１〜１２のカラムを指定することでレイアウトを作っていきます。 グリッドを作るにはHTMLタグ（divなど）にclassを追加するだけ。 <!-- グリッドレイアウトの例 -
神ってるWebデザイナーになるためのBootstrap3の始め方 - TetraThemesブログ
One owl to rule them all Bootstrap4が公開されていますが、まだα版ということもあり、まだまだ現役バリバリのBootstrap3。レスポンシブデザインをやるなら必ずと言っていいほどCSSフレームワークが取り入れられていますが、その中でも特に人気の高いフレームワークでもあります。 この記事ではこれからBootstrap3を始めるWebクリエイターさんから、Web系に転身された元Lisp使いの方まで、神ってるWebデザイナーになるためのBootstrap3の始め方をやさしく解説していきたいと思います。 Bootstrap3をさくっとインストール Bootstrap3に必要なファイルのダウンロード まずはBootstrap3の公式サイトにアクセスします。 トップにDownloadボタンがあるのでこれをクリックしてダウンロードページへ移動。ダウンロードページでは３つ
Bootstrap対応の最新ランディングページテンプレート 10選
イラストや画像の使用が多いランディングページですが、アプリやWebサービスのページなんかではフラットデザインの先進的なLPも増えてます。 フラットデザインの場合、PSDやイラストレータを必要とせずCSSスタイルの指定だけで簡単に作れてしまうため工数の削減にもなって結構お得。さらにBootstrapなどのCSSフレームワークも使えるのでかなり楽に作れるようになってます。 見た目も奇抜なものではなく、今風（？）のカッコイイデザインなのでWeb関係以外の業種でも使えそうです。このページではBootstrapに対応した最新のランディングページテンプレートを集めてみました。 Bootstrap LPテンプレート 10選 Discover Appzone Listup Launchkit GEO Jean Roof – Responsive Landing Pages OLA Kerox Sleek
Wordpressを簡単に超高速化！プラグインBEST5
SEOの中でもとくに重要な要素の１つにWebページの読み込み速度があります。ページの読み込み速度をアップすることでSEO効果を期待できるわけですが、自分でやるにはかなりの知識が必要に．．．。でも安心して下さい。Wordpressならこの作業も完全自動化することができます。 このページではWordpressを簡単に超高速化してくれる、絶対入れておきたいプラグインを紹介します。それぞれ異なる分野の最適化・高速化をしてくれるのでとりあえず全部入れておけば効果抜群！ WordPressを高速化してくれるプラグイン W3 Total Cache まずはこちら。キャッシュを活用することでWebサイトの表示速度を高速化してくれるプラグイン。Wordpress使うならまず入れておきたいプラグインの一つです。 Better WordPress Minify こちらはCSSファイルとJavascriptファイ
javascript DOMの基本操作まとめ
javascriptのDOM操作の基本をおさらいしておこうと思います。jQueryは少し触ったことがあるのですが、javascript自体はほとんど使ったことがないのでこれを機会に勉強していこうと思います。 ここではDOMの操作とイベント処理をまとめてみます。これが出来るようになると、Web上でインタラクティブな要素を盛り込むことができるようになります。 javascriptの基本 DOM操作 まずはiavascriptのDOM操作から。ここで使うHTMLはこちらです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>javascriptの練習</title> </head> <body> <div id="main" style="border:1px solid #555;width:400px
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
