うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
無料で利用できる高品質Bootstrapテーマコレクション「Bootstrap Zero」 | ソフトアンテナ
Twitter社が開発した人気のCSS/JavaScriptフレームワーク「Bootstrap」。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。 「Bootstrap Zero」は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテーマから、Bootstrapっぽさを残したオーソドックスなテーマまで、たくさんのテーマを無料でダウンロードすることができます。 Custom Bootstrap Templates Custom Bootstrap Templatesカテゴリには、Bootstrapっぽさをできるだけなくした美しいテーマが集められています。製品/アプリの紹介サイトや、管理画面に使える、最近よく見かける形式のテーマが揃
Snap2objects
The Complete 2022 Guide to Search Engine Optimization by Jose Mauricio Duque | Aug 3, 2022 | Reference Starting an SEO campaign in 2022 can be a daunting task. Many SEO landscapes are highly competitive, SEO campaigns take a long time to gain returns, and many different types of optimization can be done. But don’t worry, we’re here to help! This guide will... How a Business Degree Can Help Busines
Download Free Fonts and Dingbats | Urbanfonts.com
UrbanFonts features an amazing collection of free fonts, premium fonts and free dingbats. With over 8,000 freeware fonts, you've come to the best place to download fonts! Most fonts on this site are freeware, some are shareware or linkware. Some fonts provided are trial versions of full versions and may not allow embedding unless a commercial license is purchased or may contain a limited character
OS X Yosemiteの美しいコンセプトデザイン集
すっきり、ぺったんこー!! 先週WWDCでiOS 8と共に発表されたOS X Yosemiteですが、Mac用アプリのデザイナーたちもYosemiteに馴染むようなコンセプトデザインを次々と発表しています。 リリースにあたりOS X Yosemiteにソフトウェアを対応させるのはもちろんのことですが、フラットデザインを取り入れて違和感のないように溶け込ませるのも大切ですよね。デベロッパーは新しい拡張機能を使って、既存するアプリに機能を加えることもできます。 アップルは数ヶ月後にもOS X Yosemiteを一般公開するようですが、それまでにはたくさんのアプリがアップデートされているはず。もうデベロッパーの皆さんはその時に向けて準備を始めているでしょう。コンセプトデザインを公開できるDribbbleから、人気アプリのものを集めてみました。 Skypeログイン画面 Instagram for
Avocode – Preview and inspect designs without Photoshop or Sketch.
Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode
【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to
みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (
【Adobe CS5】ありえない！『Adobe Photoshop CS5』の超強力な機能アレコレ - ガジェット通信
アドビ システムズから、『Adobe Creative Suite 5』の製品群に関する発表が、4月12日に一斉に行われました。どの製品もユーザーからの声を取り入れたアップデートが行われ「全部欲しい」というユーザーの声がネットのあちこちから聞こえてきています。 中でも『Adobe Photoshop CS5』（以下『Photoshop CS5』）においては、「Photoshop生誕20周年」ということもあり、気合の入り方も一味違ってたように感じました。記者発表の場でも、機能拡張に関する熱のこもった説明に時折拍手や歓声が起こるほど。そんな『Photoshop CS5』での新機能などを順に追っていきたいと思います。 ※すべての写真をご覧になるにはこちら （写真と一緒に見たほうが、イメージがつかみやすいかと思います） – 増えた製品群と、管理の連携 写真関連製品としては、『Adobe Light
Androidアプリの開発効率が◯倍になるツール | VASILY TECH BLOG
はじめまして！2013年7月にVASILYにJOINした西村と申します。VASILYでは主にiQONのAndroidアプリの開発を行っています。 先週からAndroid4.4搭載のNexus5を使っているんですが動きがかなり向上されたため、これからAndroidの快進撃が起こる予感がしてワクワクです。Androidの快進撃といえば最近iQONでも起こりはじめています。少し前まではAndroidアプリよりもiOSアプリの方が評価が高かったiQONですが、この半年でAndroidアプリのユーザーレビューが0.8ほど上がりiOSアプリに追いつきつつあります。先月にはGoogle Playの「今週のおすすめ」枠に掲載していただきました。 今回はそんなAndroidアプリの開発で使用しているツールを紹介します。 Android Studio 現在、IDEは「Android Studio」を使用してま
Photoshopの代替ソフト最有力、Pixelmatorがアップデートされてさらにコスパ良に！ | ライフハッカー・ジャパン
OS X： 『Photoshop』の代替ソフトの最高峰といえば『Pixelmator』を挙げるMacユーザーも多いはず。30ドル以下という購入金額も、『Photoshop』の1ヶ月分の使用料以下と考えれば魅力的です。 しかし、『Pixelmator』にはAdobeのフラッグシップ機能ともいえる機能が欠落していたということも事実。その状況が今、変わり始めているのです。どうしても『Photoshop』でしかできないことをやるために安くない金額を払い続けているユーザーを助けるべく、『Pixelmator』の開発者はこの数年間でかなり多くの機能をアプリに新しく追加してきました。 バージョン3.0ではレイヤースタイルが大きく変更されました。これにより任意のレイヤーに非破壊（Nondestructive）効果を簡単に適用することが可能になり、ドロップシャドウや反射、グラジエントの追加が瞬時にできるよう
MyFonts: Fonts for Print, Products & Screens
MyFonts is one of the largest font marketplaces in the world, offering professional fonts for any project.
[CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla
Modern UI のようなフラットデザインを目指して使いづらくなっている件について | DevelopersIO
Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル（ボタン）とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2（Jelly Beans）もこの流れを踏んでいます。 両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在
Photoshopでの作業をより早くより簡単にする20のTips
Photoshopでの作業を今までより早く、そしてより簡単にする20のTipsをSpoonGraphicsから紹介します。 20 Handy Photoshop Tips For a Faster Workflow デザイナーの人には常識的なものだと思いますが、実用的で多用するものが多く紹介されています。 ※コマンドはWin XP+Photoshop CS4のものです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt 作業ファイル上で、[space] 使用してるツールを手のひらツールに変更し、画像を移動させることができます。 [編集]-[環境設定]-[テキスト]の「フォントプレビューのサイズ」 サイズを「特大」にすると、フォント選びが楽になります。 「文字パレット」のサイズにフォーカスをあてて[矢印] 上下の矢印キーでフォントサイズを増減することができま
そうとう楽！WEB制作、ビジネスを助ける「テンプレート」まとめ | コムテブログ
作成：2013/02/25 更新：2014/11/01 Webサービス > Webデザイン 急に仕事をふられたけど いちから作っている時間はない だけど、素早く「それなり」に見せたい 見ているだけでデザインの参考になりそうなテンプレートや、無駄な作業を大幅になくすWebサービスを、用途ごとに分けてまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．企画書 / 請求書 / 履歴書 / 退職願 / プレゼン ２．パワーポイント ３．エクセル ４．フライヤー / ポスター / チラシ / ロゴ ５．名刺 ６．文章 / 手紙 ７．Web制作 / ホームページ ８．Webデザイン ９．HTML/CSS 企画書 / 請求書 / 履歴書 / 退職願 / プレゼン フォームに入力するだけで、整形された紙面(PDF)が完成 職務経歴書テンプレート一覧 - ルーシ
Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
[JS]ブラウザとそのバージョンだけでなくOSもデバイスもスクリーンサイズも判定し、CSSのセレクタで利用できる便利なスクリプト -CSS Browser Selector+
IE6/7/8/9, Firefox, Chrome, Safari, Operaは当たり前、Win, Mac, LinuxなどのOS、iPhone, Android, iPod, iPadなどのデバイス、スクリーンのサイズ、言語などを判定し、それらをCSSのセレクタで利用できるスタンドアローンのスクリプトを紹介します。 CSS Browser Selector+ CSS Browser Selector+の特徴 CSS Browser Selector+の使い方 CSS Browser Selector+の特徴 CSS Browser Selector+はハック無しで、さまざまなUAをCSSのセレクタで指定できるスクリプトです。ブラウザごとに異なるスタイルシートの適用、スマフォやタブレット用のレスポンシブなスタイルにも利用できます。 CSS Browser Selector+が判別するの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hackery, Math & Design — Acko.net
CSS-Tricks - A Website About Making Websites
[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix