Adobe今年中のリリースが予告されているOS X 10.9 Mavericksですが、デザイナーの方々はこの最新OSでAdobe Creative Suiteが動くかどうかが心配のようです。詳細は以下から。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
作成:2013/10/28 更新:2014/10/24 Webデザイン > 先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり。今回はWebページを読みやすく、見栄え良くするために「文字」に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フォントに関する知識 1.字間 2.行間 3.字詰め 4.文字組 5.ジャンプ率 6.余白/図版率 7.メリハリをつける 8.書体 9.読みやすいフォントサイズ 10.見やすい文章 11.Webフォント スライド 12.フォントに関するスライド フォントに関する知識 1.字間 字間とは文字と文字の間に生まれる空間。文章の行間・送り、漢字とひらがなの字間など文章レイアウト
このウェブサイトは販売用です! samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています!
こんにちは、デザイナーのサリーです。 以前こんな記事を書きましたが↓ これが無料!?背景画像のフリー素材配布サイト 14選 紹介した中でも一番よく利用しているテクスチャ素材サイトが「Subtle Patterns」です。 シンプルかつシームレスなので、サイトの背景・ボタンなど色々な場面でお世話になっています。 でも素材の数が多いだけに選ぶのが一苦労な上、素材それぞれの違いが微妙なので色々試したくなってしまったり。。。選んで、ダウンロードして、解凍して、Photoshopで当てはめて…の一連の作業が結構時間かかっちゃったりするんですよね。 そんな「Subtle Patterns」からPhotoshopのプラグインが出ました!有料ではありましたが、使ってみるとお手軽に素材を使用できて上記の悩みを解決してくれました。 今回はそちらのプラグインを紹介します。 まずはインストール http://pl
これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks(10
使う機会がありそうなので調べたら、いくつか良さそうなものがあったので備忘録兼ねて紹介します。 商品の使用前後・家などのリフォーム前後・美容室のカット前後といったように、ビフォーアフターを見せたいときに便利なjQueryプラグインです。 全部で3つのプラグインを紹介していますが、どのプラグインも簡単に設置できてほとんどのブラウザで問題なく動作する感じです。 TwentyTwenty 使用方法 「TwentyTwenty」からファイルをダウンロードし、jQueryと併せて必要なファイルを下記のように記述します。 パスなどは自身の環境に合わせて変更してください。 <link href="css/twentytwenty.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
OS X Mavericksは、すでに機能が公表されていたので、誰もがアッと驚くようなものではありませんでした。でも、実はあまり知られていない機能もいくつかあります。今回は、米Lifehackerお気に入りのMavericksの隠れ機能を7つ紹介しましょう。 1.位置情報の使用状況チェック アプリが「位置情報」を使っている場合は、きちんと知っておきたいですよね? そんな時は、メニューバーを見るだけです。その時点でどのアプリが位置情報を利用しているかがわかります。プルダウンメニューから直接システム環境設定に飛んで、使用履歴を見ることもできます。 2.新しいアプリの確認が簡単 Launchpadを使っている場合は、新しくダウンロードできるアプリがあると、キラッと光って教えてくれます。一度それを見たら、もしくはしばらく放置しておいたら、そのキラキラは消えます。Appleの「リアルな世界のテクスチ
プレゼンやインフォグラフィック、ウェブページのキャッチ用の画像など、印象的にデータや情報を見せる美しくかっこよくデザインされたビジュアルデータをdribbbleから紹介します。
『日本の風習を伝える100のアイコン』プロジェクトで、日本固有の風習を伝えるアイコンを100個制作し、配布してきました。 今回はそのウェブフォント版です。 15アイコン限定のセットを無料配布、100アイコン揃った完全版をGUMROADにて$5.00で販売中です。 ※psd・pngデータの無料配布、シェイプを含むpsd及びaiデータの販売は引き続き下記のページにて行っております。 日本の風習を伝える100のアイコン − 完全版 データの内訳は以下の通りです。 Free Download(無料版) ・以下の15アイコンのウェブフォント abcdefghijklmno $5.00 ・100アイコン全てのウェブフォント 利用について ブラウザの種類・バージョンによっては表示されないことがありますのでご注意下さい(「Free Download」下枠内の表示で確認下さい)。 ウェブフォン
こんにちは。デザイナーの白浜です。 今回は芝生を型抜きしたような文字をあっという間に作る方法をご紹介します。 切り抜きたい文字を配置します。 お好きなフォントで。太めのフォントのほうがいいかも。 マスクにフィルターをかけてギザギザにする。 この手順が重要!ここで文字をギザギザに加工することで、より自然な感じに仕上がります。 文字の形にマスクをかけます。 次に、マスクを選択した状態で、「フィルタ」→「フィルターギャラリー」→「ブラシストローク(スプレー)」をかけます。 数値はお好みで。マスクの方にかけるのがポイントです。 文字がこんな感じになりました。 マスクの方にギザギザ加工を施すので、テキストはラスタライズ化しなくて大丈夫です。 文字をちょっと手書き風にしたい時などこの方法を覚えておくと、文章が変わった時にも対応しやすいですよ! ギザギザになった文字にテクスチャを重ねる こんな感じの芝生
恐らくWeb制作会社として続けていたら、とっくに潰れていただろう。 昨日、アメリカでのWeb制作会社、及びWebマーケティング会社の事情について聞かれた。昨今の市場と自社の状況をふまえ思わず上記の通り答えてしまった。 我がbtrax社は創立当初は”ごく普通”のWeb制作会社として業務をスタートした。 それから数年はサンフランシスコのオフィスでアメリカの会社に対してサイトを作る、ただそれだけの会社であった。 その後、市場の変化を中心に様々なファクターが理由で気がつけば現在のクロスボーダーを特徴としたサービスデザインや、ブランディングをサービスの中心にする様になった。 恐らく日本ではいまだビジネスとして成り立っている、Web制作・システム開発・Webマーケティング業務であるが、残念ながらここアメリカでは一つの企業としてそのようなサービス”だけ”で生き残って行くのはかなり不可能に近いと思っている
スマフォやタブレットのアプリでよく見かける、次に表示するコンテンツを引っ張り上げるように少しだけ遅らせて表示するjQueryのプラグインを紹介します。 こういうちょっとしたエフェクトって、楽しいですね。 デモページ デモの動きだけでなく、左上のアイコンに3種類のエフェクトが仕込まれていて、面白いです。 pullupScrollの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/equal-height-columns.js"></script> Step 2: HTML 引っ張り上げる各エレメントにclassを付与し、それらを内包する
---update--- 新Genymotion 2.0で、Playストアを使えるようにする方法を書きました。 http://nahareport.blogspot.jp/2013/12/adbgenymotion-20play.html ---------- タイトル通りなんですが、 PC/Mac上でアンドロイドが使えるGenymotionというのがあります。 なんと、他の仮想環境とは違って、Playストアが普通に使えるのです... その使い方を解説。 0. VirtualBoxをインストールします。 https://www.virtualbox.org/ 1. Genymotionでアカウントを作成します。 http://www.genymotion.com/ 2. アカウントアクティベーション後、ダウンロードが可能になります。 Windows、Linux(Debianは64bitの専
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
GitHub ディレクトリ構造 ディレクトリ構造、ファイル構成は案件毎に最適な方法を検討 ただし公開ファイルと公開不要なファイル(SASS や node_modules など)は明確に分ける 特に理由がなければ下記の形にする root/ ├── dist/ └── index.html └──css/ └──js/ └──images/ └── src/ └──sass/ └──style.scss └──_var.scss └──_mixin.scss └──_header-footer.scss └──_compo-list.scss └──_compo-table.scss └──_compo.scss └──_single-propery.scss └──_animation.scss 基本ルール 命名規則 ID名、クラス名、ファイル名で単語をつなぐ場合は -(ハイフン)を使用親要
レスポンシブWebデザインに対応した「jquery.heightLine.js」 多くの方に方に愛用いただいている要素の高さを揃えるJavaScriptライブラリ「heightLine.js」の新バージョンとして「jquery.heightLine.js」を公開しました。 heightLine.jsとの違いとしては、 jQueryプラグイン化したのでjQueryが必要です 高さを揃えたい要素をclassではなくjQueryのセレクタで指定します レスポンシブWebデザインに対応、特定のウィンドウ幅の場合のみ高さを揃えます destroyとrefreshメソッドを追加、高さ揃えの無効化や再揃えが簡単にできます などがあります。 ダウンロード / サンプル / GitHub 利用方法 まずは、jQueryとjquery.heightLine.jsをページ内で読み込みます。 <script sr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く