タグ

2016年10月16日のブックマーク (3件)

  • WordPressで使えるポートフォリオサイトのおすすめテーマ10選

    WordPressで使えるポートフォリオサイト用のテーマを紹介。初心者でも使えるおすすめのテンプレートをまとめています。自分の実績を示すようなオリジナルのポートフォリオサイトを作ってみましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 最近はフリーランスとして働く人が増えてきています。 とはいえ、フリーで働くためには自分の実績を示すようなポートフォリオが必要になってきますよね。 今回はそんなポートフォリオサイトを作成するのに便利なテ

    WordPressで使えるポートフォリオサイトのおすすめテーマ10選
    mrkazu
    mrkazu 2016/10/16
  • [CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア

    Webページをレスポンシブ対応にする時、悩ましいコンテンツの一つがテーブルではないでしょうか。単にセルの幅を狭くするだけでは、一行に一文字しかない妙に縦長なテーブルになってしまいます。 省略したり、プルダウンを利用したりなどいろいろなアイデアがありますが、もっとシンプルで簡単に、そして実用的な賢い実装アイデアを紹介します。 Responsive table layout レスポンシブ対応のテーブルのデモ レスポンシブ対応のテーブルの実装 レスポンシブ対応のテーブルのデモ デモでは4x5のテーブルで、さまざまなデバイスのスクリーンサイズでコンテンツが最適になるよう実装されています。

    [CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア
  • WordPressでスマートフォン・タブレット・PCで表示を変更する条件分岐方法 - ホワイトベアー株式会社

    こんにちは、メディア事業部ウェブディレクターのコネル飯塚です。 スマートフォンやタブレットでも見やすいようにレスポンシブデザインにしているWEBサイトも多いと思います。 PCでは表示させるが、スマートフォンでは非表示にしたり、PCとスマートフォンでは異なる広告を表示させたりなど。 CSSのMedia Queries(メディアクエリ)を使って、「display:none」と「display:block」を切り替えてスタイルを変更できますが、WordPressではバージョン3.4から導入されている「wp_is_mobile()」というあらかじめ用意されている関数を使うこともできます。 しかしながら、「wp_is_mobile()」はモバイル端末である「スマートフォン・タブレット」であるかどうかを判別するための関数であり、「スマートフォン」と「タブレット」を分けることはできません。 iPad、K

    WordPressでスマートフォン・タブレット・PCで表示を変更する条件分岐方法 - ホワイトベアー株式会社