Accents Euro Jellyka, Saint-Andrew's Queen by Jellyka Nerevan site [11 comments]
People mostly use either serif or sans-serif fonts and often miss out the handwritten fonts. They are as important as the main font classifications. I particularly like to use handwritten fonts to highlight significant items in screen captures. They add the personal touch in my design and also provide great typographic contrast. However, not all handwritten fonts are legible. I’ve put together a h
Hello all! Hope all is going well. This past weekend was my birthday, and we did a bit of over-celebrating! (Which is the main reason there was no post this weekend :) ) Now I’m back to bring yall some great, high-quality free Script fonts. As with all free fonts, its often hard to find really good ones. But I think I’ve managed to compile a very good list of free script fonts, from handwritten to
Sergey Chikuyonok氏のGithubを見に行ったら、"Emmet (ex-Zen Coding)" という気になる記述があり、気になったので調べてみました。 Zen-Codingについて Zen-Codingは、IDEやエディタで使えるHTML/CSSのコーディングをパワフルにサポートするプラグインです。多くのアプリケーションで提供されており、3年前ほどから日本でも多くのサイトがZen-Codingを紹介しています。 そのZen-Codingが、「Emmet」と、リネームされてプロジェクトが進められているようです。 Emmet(beta) Emmetは、開発中です。 正式リリースはまだですが、機能は試すことができます。 Emmetは、2013年2月24日に正式リリースされました。 基本的には、今までのZen-Codingと変わりません。 Zen-Codingを使っていた人は、
VISHクリエイティブメンバーによるWeb戦略、IA、SEO/SEM、デザイン、Flash、CSSなどWeb制作に関するブログ クリエイティブポケット 2009.04.01 Categories:WordPress サイドバーのウィジェット内で使ってるタグクラウドの部分のタグだけを変更したかったのですが、ちょっと壁にぶつかりました。 タグクラウドの呼び出しのタグをサイドバー(sidebar.php)に直接書いてるなら好きな形式で書けるのですが、表示する項目を手軽に変更できるようにウィジェットで管理してます。 となると、ウィジェットで使う基本的なhtmlタグはfunction.phpに書いてあるわけですが、これを触ると、ウィジェットで使っている他の項目(カテゴリー一覧とか月別アーカイブとか)にも影響が出てしまう。 タグクラウド(に限らず各項目)部分の出力するタグだけを変更したいんだけどど
WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基本的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg
細部まで作り込まれた美しいデザインのウェブ用のUIエレメントのPSD素材を紹介します。 そのまま制作に使ってもよし、インスピレーションをもらってもよし、PSDなのでエフェクトの勉強をしてもよし、などいろいろ活用できると思います。 ※一部のファイルはPNGフォーマットです。
WordPress 3のサイドバーにウィジェットを表示するカスタマイズです。ネタ的にはかなり出遅れてる感じですが、なかなか仕組みが理解できなかったので、WordPressテーマを変更したときの備忘録として残しておきます。 ここでは、ウィジェットが適用されていない2つのサイドバー(sidebar.php/sidebar2.php)にウィジェットを表示する例を説明します。カスタマイズしたいテーマにサイドバーが1つしかない場合、あるいは3つ以上ある場合でも手順はたいして変わりません。 1.sidebar.phpの変更 まず、サイドバー用のテーマファイルsidebar.phpがあるとします。 <ul> <li><h2>Search this site</h2><?php include (TEMPLATEPATH . '/searchform.php'); ?></li> <li><h2>Arch
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト! ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
WordPressのテーマを配布、プラグイン解説や日本語版の配布、テンプレートタグによるカスタマイズ方法を紹介、WordPressのリファレンスサイトを目指しています。 WordPressのテーマ・テンプレートのカスタマイズ方法を一覧にした方が探しやすいと思いましたので、記事を一覧を作成しました。 WordPressのテンプレートタグを使用して、カスタマイズしたものをリファレンス化しました。どのカスタマイズ方法も、サイトを構築する上で役に立つものばかりです。 実際、企業サイトを構築した時に、必要となったカスタマイズ方法なので、是非ちょっと困ったときなどにお役に立てれば幸いです。 WordPressコア機能強化カスタマイズ WordPressコア機能を強化するカスタマイズ方法です。 AWS+網元でWordPressのマルチサイトを移転しました。 【WordPress3.4の新機能】カスタムヘ
ある案件で、ヘッダーにwp_head();を入れたら、ページのトップに28pxの隙間が空いてしまいました。今までにない現象で驚きましたが、どうやらバージョン3.1から導入された新機能の影響によるものらしいです。 現象 WordPressのテンプレートを作成する場合、プラグイン等を使うためにwp_headというタグを入れると思いますが、今回、このタグを入れたことによって、ログインした状態でページを見るとトップに28pxの隙間が空いてしまいました。(ちなみに、ここでいうトップとはホームページのトップのことで、管理画面のトップではありません。今回のバグを調査する中で管理画面のトップに空白が出るバグもあるということがわかったのですが、そのバグについては触れていません。) で、今回の現象ですが、cssでhtmlタグにマージンが指定されていて、ついでに!importantまでついていました。 html
静的HTMLだった場合のhead要素 いきなりWordpressに入る前に静的HTMLで作成する場合のhead要素を確認してみます。 あれが足りない、ここは違うだろという意見はあると思いますが、大きく外していないはず(多分……)。 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="imagetoolbar" content="no" /> <meta
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
Login Form Design Essentials Unlike other types of user interface forms, login forms do not come in all shapes and sizes. They are limited to the number of fields that are used. The reason for such a minimal and capsule approach is trivial: people do not like to fill in forms. You cannot be pushy by asking for too much information. These forms should be simple, familiar, and straight to the point.
この投稿は 11年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近レスポンシブデザインという言葉が流行っています。あまり深く考えたことはありませんが、個人的にはこんなところがいいなーと思ってます。 ワンソースで済む Googleが推奨してる 駄目だなーと思うところはこんなです。 PHPのように動的なサイトの場合、非表示の要素でも演算対象になる 古いAndroidブラウザが怖い まあ、Webプログラミングの場合は携帯サイトを作っていたわけで、スマートフォンだからどうこうということでもないかなと思います。 ちなみにこのサイトは一応スマートフォンとPCで表示が変わりますが、CSSのメディアクエリはほとんど使ってなくて、bodyタグにデバイス種別のクラスをつけることで対処してます。Nginxのプロキシキャッシュはデバイスで分けてます。 さて、レ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く