タグ

TIPSに関するamada717のブックマーク (8)

  • CSSの中央揃えで、最も万能で信頼できる実装テクニック

    CSSは進化が早く、中央揃えのテクニックも一昔前のものよりも確実に使いやすくなっています。天地左右の中央に要素を配置する際に、要素の幅や高さが可変だったり、要素の数が増えても対応する最新の実装テクニックを紹介します。 現在主流の5つのテクニックからそれぞれの特徴と最も万能で信頼できるテクニックを評価します。 Centering in CSS by Adam Argyle 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Content Center 2. Gentle Flex 3. Autobot 4. Fluffy Center 5. Pop & Plop 中央揃えに最適なテクニック はじめに CSSの中央揃えは、ジョークの対象にもなる悪名高い課題でした。しかし今日ではCSSはすべて進化し、素直にこれらのジョー

    CSSの中央揃えで、最も万能で信頼できる実装テクニック
  • めちゃくちゃわかりやすい「カメラの使い方で知っておきたい基礎講座・用語編」

    つぼた|坪田将知 @spot_tsubota 最近「カメラの使い方を教えてほしい」という声が多いので、以前作った「カメラの基礎講座」も需要がありそうだなと。私がカメラを始めた頃に「もっとシンプルでまとまった資料があれば良いな」と感じていたものを形にしてます。カメラ始めたての人に知ってほしい。 pic.twitter.com/8Ay2cDHPZT 2018-03-30 22:46:48 つぼた|坪田将知 @spot_tsubota デザイナー。捉え方・考え方など発信しています。イタリアパーマネントコレクション永久保存、グッドデザイン賞など受賞。映画とカメラと散歩と珈琲が好き。好奇心に手足を生やした人。 spotdesign.jp 織人 @mocog4knbk @spot_tsubota 初めまして。RTで画像の資料をはいけんしました。凄まじくありがたいです!このメモとして見れる文字数にいつも

    めちゃくちゃわかりやすい「カメラの使い方で知っておきたい基礎講座・用語編」
  • 地味に使えるCSS小技のメモ&サンプル集 - かちびと.net

    cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le

    地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
  • 誕生日から年齢を簡単に計算する。 - カサヒラボ

    以前教えてもらった、誕生日から年齢を計算する方法、 phpで計算する機会があったので、使ってみました。 こんな感じ。 <?php $now = date('Ymd'); $birthday = "19810817"; print "age:".floor(($now-$birthday)/10000); ?> (今日の日付-誕生日)/10000して、小数点を切捨てればいいんですね。 お手軽です。 参考 誕生日から年齢を計算する簡単な方法:浜村拓夫の世界 sanonosa システム管理コラム集: 生年月日から年齢を計算する簡単な計算式

  • 手軽に出来る簡単な7つのWordPressスピードアップ方法 - かちびと.net

    手軽で簡単にWordPressをスピードアップする方法をご紹介します。 ※先日、お知らせさせて頂きましたように、この記事は僕が管理していた別のブログの過去記事を移行したもので正確性に欠ける可能性があります。何卒ご了承願います。 手軽に出来るのですが、意外とされていない方法なのでご紹介します。プラグインなどを使わない方法に限った方法です。 画像を最適化する テーマや投稿に使用する画像を最適化します。テーマで使用している画像で pngを使わなくてもいいような所で使用していたり、元画像が大きいサイズであるのに cssやimgタグのwidth属性等で調整している画像を適切な大きさに変更します。 こうする事で余計なタグを使用しないで済むのでソースもシンプルになり、画像の 処理スピードも速くなります。 使っていないプラグインは「削除」 使っていなくてもアップロードしていればサーバーは重くなり、結果的に

  • 安全加密检测

     已通过安全加密检测 如果没有自动跳转,请点击下方按钮前往 点击进入购彩中心360安全卫士提供技术支持 Copyright © 1998 -2020. All Rights Reserved.

  • Custom Field Template でカスタムフィールドを出力する方法 | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go

    Custom Field Template (カスタムフィールドテンプレート)というプラグインは、WordPress のカスタムフィールドというメタ情報の入力を支援するプラグインですが、カスタムフィールドの出力についてもサポートしています。今回は、Custom Field Template を使用してカスタムフィールドを出力する方法を解説していきます。 カスタムフィールドの出力には、[cft] というショートコードを基的に使用します。[cft] のオプションによって以下の通り出力方法が変わります。 キーを指定して個別のカスタムフィールドを出力する テンプレートを指定してカスタムフィールドを出力する フォーマットを指定してカスタムフィールドを出力する(おすすめ) 1.キーを指定して個別のカスタムフィールドを出力する 例えば以下のような、zipcode というキーを持つ郵便番号のカスタムフィ

    Custom Field Template でカスタムフィールドを出力する方法 | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go
  • WordPressで属しているカテゴリごとに異なるsingle.phpを使う | notizbloc

    カテゴリなら、category-1.phpとかでカテゴリごとのテンプレートを用意出来るが、単一投稿ページでsingle-1.phpは出来ない。なので、single.phpに <?php $post = $wp_query- >post; if ( in_category(‘1‘) ) { include(TEMPLATEPATH . ‘/single1.php‘); } elseif ( in_category(‘2‘) ) { include(TEMPLATEPATH . ‘/single2.php‘); } else { include(TEMPLATEPATH . ‘/single_other.php‘); } ? > などと書くと、属しているカテゴリごとに表示を変えられる。これ便利。

  • 1