2月, 2019 | webclips

スタイリッシュでおしゃれな細字フリーフォント17選

スタイリッシュなWEBサイトは細字フォントが多い(あるある)。さておき、ここ何年か細字フォントを使用する機会が多いので実用性のある細字フォント(英語・日本語)をまとめてみました。

【Illustrator】3Dグラフィックスタイルを作ってみる

Illustratorで立体感のあるメタルっぽい感じのグラフィックスタイルを作成するチュートリアルです。グラフィックスタイルを保存すればテキストやオブジェクトに適用することができます。

【jQuery】ページ移動時にアニメーション効果をつけられるAnimsition

ページ遷移時に様々なアニメーション効果をつけられるJqueryプラグイン「Animsition」の紹介。フェードインフェードアウト・スライド・ズーム・フリップなど58種のアニメーションが用意されてます。

【WordPress】続きを読むのリンクURLから#moreを削除する

Wordpressの記事一覧から「続きを読む」をクリックした先のURLに付く#more を削除する方法。あと「続きを読む」の表示自体を削除する方法のメモ

Flickrでクリエイティブ・コモンズの写真を無料で使用する

オンライン写真共有サービス「flickr」でクリエイティブ・コモンズ(CC)の写真を探して使用する方法のまとめ。CCライセンスなのでクレジット表記が必要ですが魅力的な写真が沢山あります。

【WordPress】ページナビゲーションを簡単に設置できるWP-PageNavi

WordPressでのWebサイトにページナビゲーション(ページ送り)を設置するプラグイン【WP-PageNavi】をご紹介。ページが増えて時には、入れておきたい定番のプラグインです。

【フリー素材】無料で使えるおすすめクリスマスアイコン2014

クリスマスのシーズンが近づいてきました。今回はワンポイントで使えそうなサンタクロースやクリスマスツリー・トナカイといったクリスマスアイテムのアイコンセットを紹介します。

【jQuery】要素を3D回転させるプラグインTURNBOX.js

要素をくるっと回転させる事ができるTURNBOX.jsの紹介。ボタンだけでなくフォームやダイアログ、アップローダーまで動きのある魅力的なUIを実装できるJqueryプラグインです。

【Illustrator】イラストレーターで煙のようなブラシを作ってみる

Illustratorでモクモクと煙のようなブラシを作成するチュートリアルです。海外サイトで紹介されていたチュートリアルを参考にしましたが、比較的簡単にそれっぽくできたので作り方をまとめました。

1970〜80年代のレトロな東京地下鉄のマナー向上ポスター

1970〜80年代を彩った東京地下鉄のマナー向上ポスター集。アメコミから漫画・日本画までバラエティに富んでます。現在でもマナー向上ポスターは貼り出されてますがこんな昔からあるとは…

【WordPress】パーマリンクの設定はどうしたらいいんだろ?

WordPressを始めるにあたってパーマリンク(URL)の設定は悩み所だと思います。パーマリンクの設定はサイトによって様々ですが、自分が管理がしやすい最適な設定をすることが重要だと思います。

【フリー素材】フリー写真素材サイト「Unsplash」のクオリティーがすごい。

海外の無料で使用可能なフリー写真素材サイト「Unsplash」の紹介。10日ごとに10点づつ写真をアップしているようですが、洋書にありそうな雰囲気のある写真がいっぱいです。

【フリー素材】落ち着いた色彩・単色のフラットアイコン384個

Webデザインや印刷物などで重宝しそうなフラットデザインのサークルアイコン。落ち着いた色彩のカラーと使い勝手の良い単色のアイコンが各192個。トータル384個と驚愕のアイコンセットを紹介します。

【CSS】色々と使える疑似クラス:nth-child()の実用例

要素の子要素ごとにスタイルを指定できるCSS3の疑似クラス:nth-child()は非常に便利ですよね。表組・カレンダーの装飾やレスポンシブ等で使用することも多いので実例を交えまとめてみました。

RANDOM POST
  • 【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
  • アプリ・Web制作で必要な要素をチェックできる「Checklist Design」
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • スクリーンショットにブラウザ枠をつけてくれるWebツール「Screely」
  • CSSでクールなグリッチエフェクトを実装できる「CSS Glitch Effect」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • 【無料・低価格】ロゴ作成に役立つロゴジェネレーター12選
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • 導入しておきたいWordPressのおすすめプラグイン
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア