TOP  >  Design , Font  >  アナログ感を演出できる手書き風フォントまとめ「30 Free Handwriting Fonts Every Designer Should Own」 生活のデジタル化が当たり前のようになっている現代でも、デザインの中にアナログな雰囲気を感じられるとどこか安心感を感じられるのではないでしょうか？そんな中今回紹介するのが、アナログ感を演出できる手書き風フォントをまとめた「30 Free Handwriting Fonts Every Designer Should Own」です。 Free Font GoodDog by Fonthead Design | Font Squirrel 個性豊かな手書き風フォントがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Free

TOP  >  Design  >  さまざまな質感を表現できるペーパーテクスチャまとめ「30 Sets of Free High Quality Lined Paper Texture」 紙などのアナログな雰囲気を演出できるテクスチャは、デザイン制作になくてはならないツール。そこで今回紹介するのが、さまざまな質感を表現できるペーパーテクスチャまとめ「30 Sets of Free High Quality Lined Paper Texture」です。 Notebook by ~origin-missing on deviantART ルーズリーフから方眼紙まで、さまざまな種類の紙が網羅されたテクスチャまとめとなっています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■lined paper notebook stock by ~luie

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

2016年6月8日 Wordpress, 便利ツール ブログツールとして大人気のWordPress。Wordpressを使って、WebやIT関連の情報ブログを書いている方も多いと思います。今日はWebデザイナーやプログラマー等の本職＋ブロガーとして働く皆さんの強い味方となるプラグインをいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ Key Shortcut Formatter Key Shortcut Formatterはショートカットキーを表示するのに便利なプラグイン。アプリの使い方などでショートカットキーを説明する時に便利。例えばMacで「貼り付け」を説明するのに、通常「コマンド＋V」と書きますが、このプラグインを使えば コマンド + V と表示できます！ちょっとした違いかもしれませんが、見栄えがよくなりますね。また、画像を使わずCSSで装飾しているので、CSSをいじれ

ワンクリックで調整完了!雰囲気のあるカラー調整ができるPhotoshopアクションまとめ「25 Awesome and Free Photoshop Actions」 撮影した写真をそのまま利用すると、生々しい雰囲気になってしまうことも多いと思いますが、画像処理ソフトなどで少し色味を調整するだけで、雰囲気のある画像に仕上げることができます。しかし、カラー調整はそれだけを専門に行うプロもいるほど、繊細で難しい作業。そんな中今回紹介するのが、雰囲気のあるカラー調整ができるPhotoshopアクションをまとめた「25 Awesome and Free Photoshop Actions」です。 Darker effect 5.1 by `sa-cool on deviantART 画像の雰囲気を自在にアレンジできるPhotoshopアクションが多数紹介されています。中でも気になったものをいくつか

レスポンシブ・ウェブデザイン -Responsi... / レスポンシブ・ウェブデザイン基礎 / ADC OnAir 第5回 『レスポンシブ We...他...全6件

Net Applicationsが発表した2012年7月のデータによると、デスクトップブラウザーのシェアは1位・IE、2位・Firefox、3位Chromeと並んでいます。皆さんもお気に入りブラウザーを使ってネットを見ていることでしょう。職種によっては、複数の種類のブラウザを同時に立ち上げているという人もいます。 これまでライフハッカーでは、ブラウザーを便利にするハック術（裏ワザ・ツールなど）をたくさん紹介してきました。今回からブラウザーごとのハック術を紹介していこうと思います。第1回目は「Google Chromeの拡張機能」をテーマにお送りします。 ■目次 ネットサーフィンを便利にするなら... ブラウザのユーティリティーアップなら... SNSをもっと便利にするなら... Gmailをもっと便利にするなら... ブラウザーに一味加えるなら... ブログを持っているなら...

報道によれば、7月の世界ブラウザー市場調査においてGoogle Chromeが世界シェアの約3分の1（33.81％）を獲得したそうです（Google Chrome、世界ブラウザー市場でのシェアが3分の1に――StatCounter調べ）。今回の調査はアイルランドのアクセス解析サービス企業「StatCounter」社によるもので、 今回の調査は、世界の約300万のWebサイトの1カ月当たり150億程度のページビューの分析に基づいている。 とのこと。前回ライフハッカーではシェア順位を3位と紹介しましたが、こちらは4万以上のウェブサイトへのユニークビジター数をもとに分析した「Net Applications」社によるもの。調査方法が違うので異なる結果になっていますが、どちらのデータを見てもChromeが確実にシェアを拡大しているのがわかります。 Chromeは軽量ブラウザーとして有名。ほかのブラ

「147 Colors」はCSSで利用できるカラーネーム全147色を調べられるサイトです。CSSで「color:red」のように色を指定する際に利用できるカラーネームを調べられます。全部で147色もあるようです。 以下に使ってみた様子を載せておきます。 まず147 Colorsへアクセスしましょう。 このようにカラーネームとその色が背景色として表示されますよ。ランダムに色を表示していく機能もあります。 全147色を一覧で見ることもできます。CSSで色の名前を指定したいときにぜひご活用ください！　なかなか147色も覚えていられないので、こういったサイトがあるとデザインの仕事の時に役立ちますね。 147 Colors （カメきち）

PC作業をする時にショートカットキーは便利ですが、知らないショートカットキーは意外と多いものです。前回は「知っているようで知らない、Windowsの小ワザ3選」を紹介しましたが、今回はWindowsショートカットキーを30個、一挙に公開します。特にノートPCで作業をすることが多い方、マウス無しでも使えるキーがありますのでぜひ参考にしてください。 1. F2 ファイル名を変更可能な状態にする。 2. F5 作業中のウィンドウを更新。 3. Ctrl＋Z 入力したものを元に戻す。 4. Ctrl＋Y 3をやり直す。 5.Ctrl＋W 開いているウィンドウを閉じる。 6. Alt＋F4 プログラムを閉じる。 7. Altを押しながらダブルクリック ファイルのプロパティを開く。 8. Ctrl＋Tab 次のタブに移動。 9. Ctrl＋Shift＋Tab 前のタブに移動（一番左端まで移動すると、右

OS X：『Frank DeLoupe』はMacのメニューバーに常駐し、画面上にあるピクセルから色を抽出できる、という便利なアプリです。ユーザー指定のグローバルホットキーから起動させ、色を選ぶだけでCSS対応のRGBAまたはHEX値、またはその他のカラーコードが取得でき、すぐにその色を使ってみることができます。 それだけでも十分に便利なのですが、このアプリはPhotoshop（CS5以降）にも対応しています。リモート接続を設定し、Frank DeLoupe経由で取得した色をPhotoshopの描画色に設定することも可能。 ウェブデザインや開発などの業務を行っている方であれば、効率アップツールとして活躍してくれるはずです。動作も軽く、マシンに負担もかけません。実際に使っている感じを確認したい、という方は記事冒頭の動画をどうぞ。 Frank DeLoupe （85円・2012年8月9日現在）

WordPressと地図の相性を良くしたいですね。 旅行とか、行った時にここどこだっけ？場所を記録しておけば、 いいよね。 Google Mapを簡単に埋め込み表示する、プラグイン「MapPress Easy Google Maps」 | WordPressの使い方を覚えたい http://crossinthenight.com/WordPress/1335/ WordPress › MapPress Easy Google Maps « WordPress Plugins ↓の方がいいかなと思ったけど、iPadで表示できなかったので辞めた。 API v3で動くGoogle Maps 決定版かも？ | WordPress なら最高！ http://cook-le.com/wp_blog/602.html WordPress › Comprehensive Google Map Plugin

グリッドレイアウトの雛形を作成 出来るWebサービスのご紹介。よく あるサービスですが、OSSとしてソ ースも公開されているのでローカル 環境でも使えるのが有難かったの でシェアしたいと思います。 よくあるグリッドレイアウト生成ツール。OSSとしてソースコードも公開されているので自分用にカスタマイズする事も出来ます。

jQueryのプラグインをひたすら 紹介するWebサイト、jquer.in をご紹介致します。紹介されて いるプラグインは割と最新の ものが多いようです。 ひたすらjQueryプラグインを紹介するWebサイト。割と最近作られたプラグインばかり紹介してるみたいです。

地名と緯度経度を指定すると、 ストリートビューを表示出来る WordPressのプラグインのご 紹介。ストリートビューには コメントも加える事が出来る 様になっています。 用途は多くは無いかもしれませんけど・・変わった機能なのでシェア。 カスタム投稿タイプを使ってストリートビューを表示させるWPプラグイン。 地名をタイトルに、オプションで緯度と経度を入力して記事として更新します。複数書くと、スライド式にストリートビューを見る事が出来ます。 緯度と経度を入力するとこのようにSVが表示されます。SVにはコメントを残せます。 なかなか面白いです。プラグインは以下でダウンロードできます。 Street View Comments

ファビコンに動的な円グラフを実装 するJavaScriptライブラリ・Piecon のご紹介。ユニークなライブラリで すね。以前、ファビコンでテトリス を実装するライブラリを見かけまし たけど、今後増えるのかな。 なかなか面白い。ファビコンに動的な円グラフを表示させるスクリプトです。非依存型なのでPiecon単体で動作します。 ファビコンとして表示された円グラフは時間と共に変化させる事が出来ます。 Sample コード Piecon.setOptions({ color: '#ff0084', // グラフの色 background: '#bbb', // グラフの空部分(empty)の色 shadow: '#fff', // 外側の円のボーダー色 fallback: false // タイトルバーのパーセンテージの切り替え設定 }); ライブラリを読み込んで上記のようにセッティングします

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。