Always free, always Open-Source. Sometimes a project doesn't need gradients and drop shadows. We got rid of them. Get Flatstrap for Bootstrap 3
none file print delete clear save upload cloud folder camera photo image barcode phone music video playmedia record play pause stop eject bell volumeup volumedown volume off light dark lock unlock flag wifi time map geo location pin walking bicycle car bus plane compass cursor pointer grab arrowup arrowright arrowdown arrowleft up right down left back next dropdown sort good bad full small move un
こんにちは!WEBデザイナーのアリイエです。 ひぐらしも鳴き止み、代わりに鈴虫が鳴く季節になってきましたね。 ひそかに風邪が流行っておりますので、みなさまくれぐれもお身体にはお気をつけください! さて、今回は、2013年下半期まだまだ続くであろうWebデザインのトレンドを5つ紹介しようとおもいます。 まずは・・・ 01.フラットウェブデザイン 重いドロップシャドウやテクスチャを省いて、大胆な色、シンプルなデザインでまとめたWindows 8のUIでお馴染みのフラットデザイン。 数あるフラットデザインのサイトの中から、個人的にいいなと思ったサイトを紹介させていただきます。 Wacom(http://www.wacom.com/jp/ja) 世界シェアNo.1のペン&タッチタブレット、液晶ペンタブレットおよび電子ペン、スタイラスペンなどのブランド製品事業などを手がけるワコムのホームページです。
無料でダウンロードでき、商用利用も可能な210種類のミニアイコンセットが「Minicons」。ファイルはEPS形式とAI形式の2種類です。 Minicons: Icon Pack Giveaway | Unmatched Style http://unmatchedstyle.com/news/minicons-icon-pack-giveaway.php シンプルかつ使い勝手の良さそうなミニアイコン210種類はこんな感じ。 ダウンロードは画像の下にある「Download the 210 icons here」をクリックすれば始まります。 なお、アイコンは商用利用ができるだけでなく、改変や配布なども可能。アイコンをどのように利用したかをコメントとして残すと、その中から毎週抽選で通常有料のMinicons750個セット(37ドル、約3000円)や1500個セット(59ドル、約4800円)が無
円などの単位マークや買い物カート・プレゼントボックス・ディスカウントの印といった定番のお買い物アイコンからインターネット上で買い物を行うeコマースで使えそうなQRコード・スマートフォン・タブレット・ダウンロードのマークなど250種類の商用無料アイコンがセットになっているのが「The ultimate free eCommerce icon pack」です。 The ultimate free eCommerce icon pack by Freepik & WooThemes http://www.woothemes.com/2013/06/freepik-free-ecommerce-icons/ 買いものカートや電卓、ドル・ユーロ・ポンド・円といった単位のマークなど、商品販売サイトなどで利用できそうなアイコン250種類は以下から。 実際にスマートフォン画面にアイコンが表示されるとこんな
情報を可視化すると人に伝わりやすく、また強く印象に残すことも可能です。そのためプレゼンテーションにおけるチャートやグラフは非常に重要になってきますが、一歩間違えば情報を分かりにくく、最悪の場合、間違った理解を見ている人に与えてしまいます。そこで、HubSpotがチャートやグラフのデザインなどプレゼン資料を飛躍的に見やすくするポイント10個を公開しています。 Why Most People's Charts & Graphs Look Like Crap http://blog.hubspot.com/marketing/data-visualization-mistakes Why Most People's Charts and Graphs Look Like Crap http://visage.co/peoples-charts-graphs-look-like-crap/ ◆01
このブログはWordpressを使っているのですが、その中でSimplicityというテーマを使用しています。 ブログを開始するにあたって、自分で作ろうか有名どころのテーマをカスタマイズしようかどうしようかと迷っていたところ、調度良いタイミングで、フォロワーのわいひら(@MrYhira)さんという方がテーマを公開されていたので、「これはなかなかよさそう」だと思い、 ちなみに、わいひら(@MrYhira)さんは、頸髄損傷でほぼ寝たきりの生活をしつつ、寝ログというライフハック系ブログを運営されたり、テーマを公開したり、フリーソフトを公開していたりと、パワフルな方です。 ここからはSimplicityを簡単に紹介します。 Simplicityには主に、以下の7つの特徴があります。 シンプル 内部SEOの最適化 拡散のための仕掛けが施されている 端末に合わせた4つのレスポンシブスタイル 手軽に収益
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ(特にIE7・IE8など)によっては動きや見栄えが説明と異なる場合があ
p, div要素などで実装したシンプルなHTMLに紙やステッチのかわいいスタイルを簡単に実装できるスタイルシートをまとめたフレームワークを紹介します。要素を少し増やすとリボンも簡単に実装できます。 Beemuse Beemuse -GitHub 使い方は簡単、CSSファイルを外部ファイルとして記述し、あとはHTMLにclassを追加するだけで、さまざまなかわいいスタイルを利用できます。 <head> ... <link rel="stylesheet" type="text/css" href="css/beemuse.min.css" /> </head> 各デモは:before, :after の疑似要素を使用しているため、IE8+でご覧ください。一部のスタイルはIE10+になります。
itou - MacOS,Webアプリ,アドオン・拡張機能,ソフトウェア 10:00 PM これなしでは生きられないアプリ特集「Mac編」:Lifehacker Pack for Mac 2014 Macには便利で楽しいアプリがたくさんあります。中でも、いくつかのアプリは「それなしでは生きられない」ほど便利です。今回は、生産性、コミュニケーション、メディア管理など、それぞれの分野における米Lifehackerイチオシのアプリを集めた「Lifehacker Pack for Mac 2014」をご紹介します。 生産性向上ツール Alfred 昨年の米LHのイチオシは『Quicksilver』でしたが、今年、ランチャーの王者に選ばれたのは『Alfred』です。さらに多機能になり、いくつかの素晴らしい自動化機能も追加されました。無料版もありますが、さらに高度な自動化や、細かい設定にこだわりた
内容:「画像を縮小する!」は、オンラインで写真のサイズを縮小できるウェブサービスだ。複数枚の画像を一括で処理できるため、多くの写真をまとめてリサイズしたい場合に適している。 「画像を縮小する!」は、オンラインで写真のサイズを縮小できるウェブサービスだ。複数枚の画像を一括で処理できるため、多くの写真をまとめてリサイズしたい場合に適している。 サイトを開くと画像ファイルを指定するためのインターフェースが表示されるので、「ファイルを選択」を押してローカルの画像ファイルを指定し、サイズを選択して「縮小する!!」をクリックする。リサイズが実行されてプレビューが表示されるので、問題なければ「Download」ボタンを押して手動でローカルに保存すればよい。 画像のフォーマットはJPGのほかPNG、GIFが選択でき、90度単位の回転と、白黒への変換を同時に処理できる。画像サイズは横幅を基準として複数の値(
こんにちは、エンジニアののびすけです。静的サイトをいやらしい風にtypoする今日この頃です。 前回、Github Pagesを使ったWebページ公開の記事「Git初心者でも大丈夫!完全無料でGithub PagesにWebページを公開する方法」を書きました。 Github Pagesではデータベースやサーバーサイドプログラムを使うことができないので、弊社ブログのようにWordPressを使ってブログ構築をすることはできません。 そこで今回は静的サイトジェネレータとGithub Pagesを組み合わせることで無料でブログを公開する方法を紹介します。 静的サイトジェネレータ 静的サイトジェネレータとはコマンドラインでのカンタンな操作でHTML/CSS/JavaScriptなどを生成し、Webページ作成を少ない手間で作ることができるツールの総称です。 静的なページにすることで、 セキュリティリス
昨日、まわってきたリツィート クリックポスト????何それ? でも滅茶苦茶リツィートされてる・・・・。 元となったツイートを埋め込んでおきます。 日本郵便の新サービス、クリックポスト使ってみた。3cmまで全国一律164円なのでメール便の2cm超えの本を送るのに丁度良い。Webの管理画面で追跡番号一覧表示されるしいい感じ。 pic.twitter.com/4ZlbNgWSzm — 夏野*8/16(土)む29a委託 (@natsuno_) 2014, 8月 8 ふむふむ、ラベル用紙があれば家でも出来そうだ・・・・ 知り合いに送る本があったから、試しに使ってみました。 使った感想、これは便利!!!! 日本郵便のサービス クリックポスト お恥ずかしながら、このサービスは知りませんでした。いつから行われていたんだろう? https://click-post.secure.force.com/ Yah
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く