これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
【予想外】斜め上をいく文の里商店街のポスター52点
大阪市阿倍野区にある「文の里（ふみのさと）商店街」では、最近シャッターを下ろした店が目立つようになってきました。 そこで、商店街の活気を取り戻そうと大阪商工会議所が、商店街のPRポスター約200点を、電通関西支社に依頼して制作しました。制作したのは電通関西支社の若手クリエーター60人。そこで制作されたポスターが斜め上をいっていて素敵でしたのでご紹介します。（本当は全部センスがあって紹介したいのですが、今回は特に気になったポスターをご紹介します） 大嶋漬物店 ポスター？ はよ作ってや。死ぬで。 やっと気付いた。この仕事、しんどい。 お漬かれさまでした。という文字までこだわっています。すごい。 鳥藤商店 いいムネあります。 いいモモあります。 浜口鮮魚店 おめで鯛！があるならメリークリス鱒！てのはどやろ。 これ、スズキ。僕、ハマグチ。 アンティーク着物 姉妹屋 その着物 かわいいやん かわいい
フラットデザイン入門③ 『日本語でフラットデザインをするならば』 | ajike switch
こんにちは、はきりです。 3日連載のフラットデザイン入門、 初日は『フラットデザインは混合している』、 2日目は『フラットデザインの流行性と必然性』でした。 本日最終日です。ではどうぞ！ そうなると色とタイポグラフィしか デザインする余地がないのが本音。 昨日の記事から見るにフラットデザインは流行的な側面もあるが、多くは次の技術的環境への対応と変化によるものだと思う。技術的な対応からとなると、デザインできる要素が「色」と「文字」に必然的に限られてくることもわかり、「色」と「文字」がフラットデザインの根幹となっていることが改めて明確になってきた。 fladdictさんによるナイスなツッコミ ここで著名なiPhoneアプリ作家であるfladdictさんが記事にしていたフラットデザインへの鋭いツッコミがとても面白いので紹介します。 どこ押せばいいか謎 言われてるほど新しくない（スイス系のリバイバ
商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
