2014/3/8 の『現場のプロが教えるWeb制作の最新常識』発売記念イベントのセッションで使用したスライドです。Read less
![早く家へ帰るための
Grunt入門
[+gulp紹介]](https://cdn-ak-scissors.b.st-hatena.com/image/square/28c9a12a07806c2c12136a330fb25f9dea72679d/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fmaekawa20140308-140309213325-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
2014/3/8 の『現場のプロが教えるWeb制作の最新常識』発売記念イベントのセッションで使用したスライドです。Read less
前回の記事「今すぐVagrantを始めよう」では、Vagrantをインストールして、仮想マシンの生成から破棄までを体験してみた。このとき、天下りにVagrantfileを与えて、使ったコマンドは vagrant up、vagrant ssh、vagrant halt、vagrant destroy の4つだった。今回は、少し現実的な使い方に話を進めよう。 Vagrantを使って、Linuxのコマンドや設定について学習する、そんな目的を設定したとしよう。 関連記事: Vagrantのインストール Windows 10 日本語版の仮想環境を構築する スマホサイトに使える負荷テストツールとは? 作業用フォルダーの準備 Vagrantでは、プログジェクトごとにディレクトリ(フォルダー)を作って、そのフォルダー内にVagrantfileを置くスタイルが推奨されている。ここでは、~/leaning/
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
アンケートシステムやセミナー予約フォームなど、Webサイトの制作ではちょっとしたプログラムが必要なことがあります。でも、PHPのコードを書くのはハードルが高いし、プログラム開発を外注するには規模が小さい。そんな場合にピッタリなのが、短いスクリプトを書くだけで実用的なWebアプリがサクッと作れる「Google Apps Script」です。本連載ではWebデザイナーを対象に、Google Apps Scriptの基本的な使い方から実践的なWebサービスの開発方法までを解説します。(編集部) Google Apps Scriptってなに? Googleマップ、Gmail、Googleカレンダー、Google Appsのドキュメントや表計算など、Googleが提供するサービスは実に多岐にわたります。Webを仕事にしている人なら、どれかは使ったことがあるでしょう。 「Google Apps Scr
ロゴ向けフォントのシャープな感じと、少しやさしくてエレガントな柔らかいデザインが特徴で、一般的なゴシック体のフォントとは少し違った風合いを持たせたフリーフォントが「ロゴたいぷゴシック」です。無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォント ロゴたいぷゴシックのダウンロード | フォントな情報。オープンソースの安心フリーフォント http://www.fontna.com/blog/1226/ ロゴたいぷゴシックのベースになっているのは、誰でも無料で使えて個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限のないM+FONTSで、オリジナルで作成されたひらがなとカタカナの文字にM+FONTSの文字を補完するという、いわばM+FONTSの派生プログラムにあたる存在のフォントとなっています。全体的なデザイン処理として、わずかに文字
スマートフォン対応やタブレット対応が必須の時代に、CMS(コンテンツ管理システム)はどうあるべきで、Web担当者は「ユーザーに価値をもたらすWebサイトやコンテンツ」をどう考え、デザインし、実装すべきなのか。 長谷川恭久氏がMovable Type(MT)の公式サイトを最新バージョンのリリースにあわせて大きくリニューアルした際の「コンテンツの根本改革」を、その背景にあるユーザー変化とCMSの関係とともに解説する。 CMSは「サイト管理ツール」から「コンテンツ管理システム」へ Movable Typeが見据えるマルチデバイスの世界筆者が進めたサイトリニューアルの考え方を解説する前に、その背景となった考え方を、 CMSの役割ユーザーの環境や行動の変化という観点から解説しておきます。 CMSのようでCMSではなかった時代「CMS(コンテンツ管理システム)」という言葉が企業Web担当者のなかで使わ
2014/3/8 の『現場のプロが教えるWeb制作の最新常識』発売記念イベントのセッションで使用したスライドです。Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く