レスポンシブデザインに便利なcssまとめ｜webproduct-lab
今回はレスポンシブデザインに便利なcssについてのお話です。 レスポンシブデザインに対応するためにはまず、ビューポートをヘッダーに記述して、メディアクエリのブレイクポイントによってデバイスごとにcssを切り替えます。 WordPressの場合だと、すでにテンプレートの時点でレスポンシブデザインが導入されていて、ご自分でカスタマイズする必要がないものもありますよね。 しかし、そういったCMSを使用していない静的なWebサイトの場合だと、自身でスマホ対応するためにレスポンシブデザインを導入する必要があります。（レスポンシブデザインとは、スマホに対応する色々な手段のうちのひとつです。） その際、レスポンシブデザインに対応するために、特に便利なcssを個人的にまとめてご紹介したいと思います。 display:none; PCとスマホでどうしても異なる画像やコンテンツを表示したい場合に指定します。
PHPの基礎学習がWeb上でも十分できる良記事・サイトまとめ｜TechClips[テッククリップス]
比較的、プログラミング言語の中でも始めやすいのがPHPです。身近なものでいえば、昔からあるような掲示板などもこのPHPを使って構築されているものも多く、Web開発ではポピュラーな言語です。 近頃では、世界で最も使われているCMS「WordPress」にも用いられているため、WordPressを使っている方は、PHPに触れる機会も多いのではないでしょうか。 ポピュラーな言語だからこそ、これからプログラミングを学びたいという方はPHPから始めるのもいいでしょう。そういった方に向けて本記事ではPHPが学べる基礎的な内容が解説された記事をまとめてご紹介。 PHPとは はじめにPHPとは、サーバサイド・スクリプト言語、つまりWebサーバ上で動くプログラムになります。 主にWebサイトの表側で動くようなプログラムではなく、裏側で動くプログラム（例えば、ユーザーが検索した情報に対して該当する結果を返すな
![PHPの基礎学習がWeb上でも十分できる良記事・サイトまとめ｜TechClips[テッククリップス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/06a17365c11934f91cb0c9a2914749d533a3136c/height=288;version=1;width=512/https%3A%2F%2Fobject-storage.tyo1.conoha.io%2Fv1%2Fnc_261159609ad84809af5afcb9e5f56abb%2Ftechclips%2Fimages%2F128%2Fimage.jpeg)
CSS3の便利なセレクタをおさらい、「:nth-child()」と「:nth-of-type()」疑似クラスの使い方
「:nth-child()」と「:nth-of-type()」セレクタは、他の単純なセレクタでは表現できないドキュメントツリー内の情報に基づいて要素を選択することを可能にする構造的な擬似クラスです。 この2つの疑似クラスは非常に似ていますが、基本的に異なる方法で機能します。その仕組みを確認しておきましょう。 nth-child vs nth-of-type 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 :nth-child()がどのように機能するか :nth-of-type()がどのように機能するか 他にもある便利な「nth」疑似クラス :nth-child()がどのように機能するか nth-child（）擬似クラスは、それの兄弟の中での要素の位置をあらわす数に基づいて要素を一致させるために使用されます。具体的には、その数はド
デザイナーがタダ働きにNOと言うべきことが分かる動画 | デザインコラム・ブログ | デザイン作成依頼はASOBOAD
スペックワークを知っていますか？ 日本ではあまり定着していない言葉ですが、「スペックワーク (SPEC WORK)」というものが海外の広告デザイン業界で問題視されています。スペックワークを平たく言えば、「気に入ったらお金を払うよ (気に入らなければ払わない)」という類のクライアントからの要求です。 カナダの広告代理店 Zulu Alpha Kilo は、そんな業界のスペックワークについてNOを掲げ、5年前から提案依頼書の8割を断るという英断を行いました。当初は社員・クライアント含め、非常に混乱したそうですが、その結果、この5年間一度もスペックワークを行わず成長を遂げてきたのです。 そんなZulu Alpha Kiloが、一風変わった映像を制作しました。これを観ればデザイン業界の「スペックワーク」がいかに良くないことであるかが理解できます。スペックワークにNOというべきである！(Say no
グーグルアナリティクスとエクセルを使って、ページ毎のアクセス数が比較できる一覧表の作り方 - らくがき
こんにちは、とみたです。 9月もまた勉強会やワークショップに参加する機会が多く、あっという間に月末です（泣） 特に今月は、法人化前に経費を使おうとパソコンとか椅子の新調でショールームに出かけたりしていたので、あっという間に過ぎてしまいました。 そのレビューなんかもしたいんですが、最近分析関係のことも書いていないので、なんとか月一更新を続けるべく、かんたんな比較表の作り方を紹介します！ 今回の比較表を作る目的 先月、とあるセミナーに参加した時に、「記事の修正はどのタイミングですればいいのですか？」という質問が出ていました。 僕の考えだとその答えは1つではなくて、何のための修正かによると思います。 以前紹介したこちらのデータ集計の方法（別タブ）の、特に「６．ページ毎分析」は、今あるアクセスをより多くしたり、今よりもっと成約や別記事へと誘導するための修正をするために、ページ毎に細かなデータを取っ
工数見積もりやスケジュール管理で参考になる記事10選
プロジェクトを遂行するためには、工数の見積もりやスケジュール管理が必要になります。正確な見積もりは難しく納期に間に合わなかったり、残業や休日出勤で埋め合わせたりした経験はありませんか？ 今回は、より正確に工数の見積もるための手法や、差し込み作業を考慮したスケジュール手法などについて解説されている記事をまとめました。 マネージャー、エンジニア、デザイナーなどすべての方に参考なる内容だと思います。 開発の見積もりとスケジュール管理 クックパッド株式会社の方が実践している見積もりとスケジュール管理方法について紹介されています。工数を見積もるステップや、スケジュールを立てるときの注意点、スケジュール管理の方法について学びたい方におすすめの記事です。 開発の見積もりとスケジュール管理 不安とストレスから解放される見積りとスケジュール方法 開発をしているとき、納期に間に合わなかったらどうしようと不安に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
