5月, 2018 | 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
  • 【jQuery】背景画像のスライドショーを実装する「Vegas2」
  • 人物や動物など様々な寸法図をデータベース化した「Dimensions.Guide」
  • 【jQuery】画像のサイズを保持しつつレスポンシブに変化させる「ResponsifyJS」
  • 料金表のページをまとめたギャラリーサイト「Pricing Pages」
  • プログラム言語やOS・ブラウザの最新バージョンをチェックできる「Verstory」
  • 【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント63選
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 【2020年版】Google Fontsの使い方とおすすめ日本語フォント
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
PICKUP
  • 導入しておきたいWordPressのおすすめプラグイン
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • CSSで作成する吹き出しとデザインのアイデア
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】