CSSでサイトタイトルのフォントサイズ変更するカスタマイズ例
Cocoonの、テキストサイトロゴのフォントサイズを変更するCSSコード例です。 子テーマのstyle.cssに貼り付けて、数値を調整してご利用ください。 /*デフォルトのサイトタイトルサイズ*/ .site-name-text{ font-size: 28px; } /*ヘッダーレイアウトがトップメニューのとき*/ .header-container-in.hlt-top-menu .site-name-text{ font-size: 22px; } /*ヘッダーレイアウトがトップメニュー（小）のとき*/ .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{ font-size: 20px; } /*端末幅が768px以下のとき*/ @media screen and (max-width: 768px){ #h
ハートの絵文字「❤💘💓💔💕💗💝💞」など、さまざまな絵文字の入力方法
さまざまなハートの絵文字「❤💘💓💔💕💗💝💞❣」をはじめ、誕生日やバレンタインなどのイベントの絵文字、野菜・果物・食べ物・飲み物の絵文字、動物・魚・虫・植物の絵文字を紹介します。 絵文字はスマホでもパソコンでも、簡単にコピペで利用できます。 スマホの絵文字がWindowsなどのパソコンでかわいく表示されない、自分のブログを絵文字対応にしたい時には、下記のページを参考にしてください。 ハートや動物など、スマホのかわいい絵文字をパソコンやブログでも表示できるようにする -Emoji One 著作権表示・登録商標記号の絵文字 ハート・スペード・ダイヤ・クローバーなどの絵文字 イベントの絵文字 野菜・果物・食べ物・飲み物の絵文字 動物・魚・虫・植物の絵文字 著作権表示・登録商標記号の絵文字 絵文字 絵文字をコピー 名称
Twitter REST APIの使い方
今や「インフラ」と表現しても過言ではないほど、多くの日本人が当たり前のように利用しているミニブログサービス、Twitter。この記事では、Twitterが提供するAPIの使い方を、初心者向けに説明しています。ぜひ、素敵なウェブサービスを作って下さいね。 Twitter DevelopersTwitter APIなどを利用する開発者のためのページ。公式リファレンスの確認や、アプリケーションの作成など。アプリケーションの登録APIを利用するために必要な「アプリケーションの登録方法」を紹介します。APIキーとAPIシークレットを取得できます。 アプリケーションとは？よくAPIを利用するのに「アプリケーションを登録して」という言葉が出てきます。このアプリケーションって何でしょう。これは、SNSでいう「ユーザーアカウント」と同じようなものだと考えると、イメージを掴みやすいと思います。 アプリケーショ
テキスト周りのスタイリングに使えるCSSプロパティやスニペット - NxWorld
スタイリングといっても見栄えを大きく変えるとかではなく、ほとんどがただのプロパティ説明みたいな感じになっていますが、サイト制作時に覚えておくとテキスト周りをいろいろと変更できるCSSのプロパティや使用する頻度が高そうなスニペットみたいなものをひと通りまとめてみました。 紹介するもの全てがひと通りのブラウザで自由に使えるわけではありませんが、上手く利用すれば今まで画像を使用していた見栄えをCSSだけで再現できたり、複雑な組み方をしたりJavaScriptを使って実装していたりしたものがCSSのみでシンプルに実装できたりします。 November 27, 2015 追記 前川（@maepon）さんが、このエントリーでは記載していなかった各種プロパティのブラウザ対応状況についてまとめてくださいました。 OS・ブラウザの種類やプレフィックスの有無、Can I useの各種プロパティページへのリンク
Bootstrap | 非公式日本語版@wivern.com
Bootstrap 非公式日本語版@wivern.com B Bootstrap は Web 上でレスポンシブでモバイル・ファーストなプロジェクトを開発するための、もっともポピュラーな HTML,CSS,JS フレームワークです。 Bootstrap をダウンロード 翻訳対象バージョン v3.3.5 すべての人と場所のためのデザイン Bootstrap は Web のフロントエンド開発をより早くより簡単にします。あらゆる熟練度の人々、あらゆる形の機器、あらゆる規模のプロジェクトに最適です。 プリプロセッサ Bootstrap はありきたりな CSS で提供していますが、ソースコードは２つの最もポピュラーな CSS プリプロセッサ Less と Sass を利用しています。 コンパイルされた CSS かソースをビルドすれば、すぐに始められます。
PHPでマルチバイト文字列を逆順にする | 任天堂大辞典
PHPの命令形でstrrevと言う物が有ります。 これは文字列の並びを反転させるというものですが…… 日本語に対応してないじゃん！！ ソース 無いのなら、作ってしまえホトトギスと言うわけで作ってみた。 /* マルチバイト対応strrevメソッド */ function mb_strrev($data,$code){ $n = mb_strlen($data,$code); for ($i = 0; $i < $n; $i++) {$r_array[$i] = mb_substr($data,$i,1,$code);} $r_array = array_reverse($r_array); $data = NULL; for ($i = 0; $i < $n; $i++) {$data .= $r_array[$i];} return $data; } 上記をコピペして張れば使えると思います
数値文字参照と日本語文字列の相互変換をする【PHP】 - Programming Magic
HTMLでは「あいうえお」という文字列を「あいうえお」というように数値で表すことができる。 これを数値文字参照という。 日本語文字列を数値文字参照に変換したり、逆に数値文字参照を文字に変換する場合、自力で実装しようとすると、文字エンコードを調べ全ての文字を対応する値に変換するというかなりめんどうな処理を書くことになる。 文字と数値文字参照の相互変換を調べるとmb_encode_numericentity関数とmb_encode_numericentity関数が見つかるが、これは$convmapという値の変換表を自分で用意しなければならないため、これでもかなりめんどくさい。 string mb_encode_numericentity ( string $str , array $convmap [, string $encoding ] ) string mb_decode_numeric
レスポンシブWebデザインをIE8に対応させる方法 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
InternetExplorerは昔かサイト制作者を悩ませ続けてきました。せっかくレスポンシブサイトを作ろうとしても、レスポンシブサイトというとセットでついてくるメディアクエリ、これにはIE8以下の下位バージョンが対応しておらず、表示は見事に崩れます。 未だ切り捨てられないIEへの対応 モバイルファーストかつレスポンシブということを思えばIE、しかも下位バージョンなら切り捨ててもいいのではないかと思いますが、様々な事情から切り捨てられないシーンもあるでしょう。以前に比べれば低くなったとは言え、特に日本ではIE8のブラウザシェアはまだまだ残っています。 そういった時のために、比較的手軽にIE向けの対応を行える方法があります。 1.「css3-mediaqueries.js」を読み込む こちらはGoogleが推奨している比較的有名なスクリプトです。html5.jsやIE9.jsなどと併用しても
webcreatornote.com - webcreatornote リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Markdownで表の記載をするときにイラッとした経験のある人集まれ - Qiita
前提条件 ローカルにPHP実行環境があること UTF8でのファイル操作ができること どうする Excelで作った表をMarkdownに変換しちゃいましょう。 まず、以下のスクリプトを適当にサクッと書いて保存しておきます。 <?php if(count($argv) !== 2){ echoUsage(); } $tsv_file = $argv[1]; $row = 1; if (($handle = fopen($tsv_file, "r")) === FALSE) { echoUsage($tsv_file." is not a readable file."); } while (($data = fgetcsv($handle, 1000, "\t","\"")) !== FALSE) { echo str_replace(array("\r","\n"), "", nl2br("
ブログをパクられた！手口と著作権侵害申告など、気付いたらやるべき対処方法についてまとめました - アナザーディメンション
パクリサイトの手口（プログラムの仕様） まず、犯人は盗用したいサイトを見つけたら、パクリサイト側のプログラムに対象サイトのドメインを登録するようだ。そして、自身のサイト（パクリサイト）と対象サイト（今回では当サイト）の関連付けを行う。 こんな感じだ。 【当サイト】 https://estpolis.com/ 【パクリサイト】 http://www.advieshoreca.nl/6s/csctccase.asp 【当サイト記事ページ】 https://estpolis.com/2015/02/17103.html 【パクリサイト記事ページ】 http://www.advieshoreca.nl/6s/csctccase.asp?2015/02/17103.html そうすると、以下のように動作する。 パクリサイトを閲覧した人がアクセスすると（Googleのクローラーも含む）、対象サイトのド
ブログやサイトのパフォーマンス改善やセキュリティ向上のためによく使う.htaccessの設定のまとめ
ブログやWebサイトのパフォーマンスの改善やSEO、セキュリティの向上に役立つ.htaccessの設定を紹介します。 ドメインをwww有り・無しに統一、新ドメインに引っ越した時のリダイレクト、URLをクリーンなものにしたり、共有サーバーでのPHPのバージョンを指定したりなど、すぐに利用できるものばかりです。 .htaccess Snippets -GitHub 元記事には有用な.htaccessのスニペットがPublic Domainでまとめられおり、それら全部に加えて.htaccessファイルの作成と使い方を加えました。 .htaccessファイルの作成と使い方 リライトとリダイレクトの設定 セキュリティの設定 パフォーマンスの設定 その他のいろいろ有用な設定 .htaccessファイルの作成と使い方 「.htaccess」ファイルを作成することは非常に簡単です。 テキストベースのアプリ
SEO嫌いにお送りするSEO策。これでもうSEOについてしばらく考えなくて良いぜ！！ - Qiita
SEO好きですか？私は嫌いです。そんな事に取り組むよりも仕組みやコンテンツの改善に取り組みたいです。今回はそんなSEO嫌いにお送りする、SEO対策集です。やってられないSEOは１日で終わらせてもっと生産的な仕事に集中しましょう！ まずは結論から 下記をテンプレートにしていただければ良いです。google検索表示もfacebook表示も上手くいきます。twittercardの表示だけは公式サイト（日本語）より申請がいるのでそれだけしておきましょう。 <title>Qiita - プログラマの技術情報共有サービス</title> <meta content="Qiita - XXX" name="title"> <meta content="ブログ記事詳細. 120字以内を心がけよう。その中でも最初の４０字は大事。" name="description"> <meta content='キーワ
CSSで会話形式のフキダシデザインを作ってみる - AIUEO Lab2
CSSで対話形式のフキダシデザイン 今日はフキダシデザインの作り方を書きます あ。前にも使っておきながら説明しなかったやつですね？ あ、覚えてたか（笑）前に記事の中で使ったことあるね。 →みんなまだ意外とやってないブログの見せ方。pinterestやinstagramを貼り付ける方法 - AIUEO Lab2 ケチだなーと思いました（笑） 今日説明するから許して…。以下がCSSとHTMLです。 スポンサーリンク CSSとHTML CSS /*============================================================ フキダシデザイン ============================================================*/ .arrow_answer, .arrow_question { position: r
Atsushi's Homepage 〜 Bookmarklet を作ってみる
Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマークとして利用できます。 例えば、このようなものです。→ 電卓 Bookmarklet Bookmarklet は普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに選ぶだけで使えます。 上の電卓 Bookmarklet をブックマークして、そのブックマークを 呼び出してみて下さい。ウィンドゥが開きますので、 "1+1" などの計算式を入れて "OK" を押すと、その式の答えがでてきます。 このようなことができるのが、Bookmarklet です。 JAVASCRIPT::BOOKMARKLET の サイトが Bookmarklet を取り揃えていて有名ですので、 一度見てみると面白いと思います。 ちなみに、私も簡単な
ブックマークレット／Bookmarkletの作り方 - catch.jp-wiki
Photo by Gayatri Krishnamoorthy via Flickr Bookmarklet(ブックマークレット)は、Webブラウザに追加できる小さなプログラムです。 ブックマーク(お気に入り)に置いといて、そこから呼び出す小さなプログラムなので、こんな名前になってます。 たとえば、Wikipediaや英和辞書で調べたり、今見ているWebページをちょっと加工したり、なんてことができます。 Webブラウザを使っていると、自分専用でちょっとした便利な機能が欲しくなることがありますよね。 解決する方法は色々あるけれど、とりあえずBookmarklet(ブックマークレット)が簡単なんじゃないか。 ということで、作り方を調べてみました。 ちなみに、ドラッグで選択した文字を検索するのは、ブックマークレットを使わなくても、右クリックすればOK >>オススメのJavscript解説書 確か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
★レスポンシブの基本、メディアクエリの書き方 | | それからデザイン スタッフブログ
人気Webデザインを独学できる至高のWebアプリ8選がヤバイ！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）
Build and implement a single sign-on solution
Maintenance Page - Monavis
