ラベル Pocket の投稿を表示しています。 すべての投稿を表示
ラベル Pocket の投稿を表示しています。 すべての投稿を表示

2013年7月2日火曜日

かっこよくなった! Google+ バッジの新しいデザイン!





先月月末、忙しかったので気づくのが遅れてしまいましたが、Google+ のバッジのデザインが新しくなっていました。



via Pocket http://plus1world.com/new-design-google-plus-badge

ウェブサイト用 Google+ プラグインのルック アンド フィールをリニューアルしました





[この記事は Google+ チーム のプロダクトマネージャー、 Raj Iyengar が Google+ Developers Blog に投稿した "New Google+ Plugins For Your Website, With An Improved Look and Feel" という記事を元に翻訳・再構成しています。詳しくは元記事をご覧くだ



via Pocket http://googledevjp.blogspot.com/2013/07/google.html

さくらのクラウドが値下げで料金体系を一新。コア数とメモリ容量の組み合わせを選択可能にし、1日95円からへ





さくらインターネットは、同社が提供するクラウドサービス「さくらのクラウド」の価格体系を一新すると同時に、利用料金の値下げを発表しました。



via Pocket http://www.publickey1.jp/blog/13/195.html

2013年6月22日土曜日

HTMLにおけるimg要素のalt属性





HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日本語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。



via Pocket http://hail2u.net/documents/html-img-alt.html

25 Beautiful Flyer Designs for your Inspiration





Flyers are one of the best ways of communicating with users and delivering the information. As you may know it’s easy to spread the news of any upcoming event through social media but still the flyers are not dead. People still use flyers and posters to get the maximum exposure for their events.



via Pocket http://www.boostinspiration.com/design/25-beautiful-flyer-designs-inspiration/

2013年6月14日金曜日

CSSのみで書かれたアイコンのセット・「CIKONSS」





CIKONSS CIKONSSはCSSのみで書かれたアイコンのソースを配布するWebサイトです。IE8までなら同じ表示が可能のようです。アイコンの種類もそれなりにあるみたい。実用性は置いておいて、どこかでコードが役に立つかもしれな



via Pocket http://kachibito.net/useful-resource/cikonss

2013年6月13日木曜日

フォームの入力をもっと快適にする「jq-idealforms」





jq-idealformsはjQuery/JavaScript製、GPL/MIT Licenseのオープンソース・ソフトウェアです。 Webサイトでフォーム入力を行う機会はとても多いです。だからこそ変な作りのフォームでは入力途中で嫌になってしまって閲覧者が逃げてし



via Pocket http://www.moongift.jp/2013/06/20130613/

2013年6月11日火曜日

【保存版】PC版Feedlyの設定方法を日本語で解説





廃止されるGoogleリーダーの代替RSSリーダーとして人気のFeedlyだが、その設定を自分好みに変更して利用しているだろうか。PCブラウザ向けFeedlyでは、左上のユーザ名表示の下部にある「Prefs」から、20以上の項目を設定変更



via Pocket http://appllio.com/explanation/20130610-3709-feedly-preferences-japanese

2013年6月10日月曜日

Yahoo製、軽量なレスポンシブWebデザインフレームワーク「Pure」





Pureはスタイルシート製、BSD Licenseのオープンソース・ソフトウェアです。



via Pocket http://www.moongift.jp/2013/06/20130608/

カラーパレットを共有できる・「PLTTS」





PLTTS PLTTSはカラーパレットを共有出来るWebサービスです。カラーコードで検索すると、そのカラーが含まれるパレットを調べられるので参考にしたりインスピレーションの向上にもなるかもしれません。まだ数は多くない



via Pocket http://kachibito.net/useful-resource/pltts

多様な記法からHTML/JavaScript/CSSを生成「Prepros」





PreprosはWindows用のオープンソース・ソフトウェア(MIT License)です。 今はHTMLやJavaScript、スタイルシートを素のまま書くのではなく、別な記法を使ってそれぞれファイルを生成するタイプが人気です。しかし更新するたびに



via Pocket http://www.moongift.jp/2013/06/20130610-2/

2013年6月6日木曜日

[JS]スタイルシート初心者にも優しい!要素を天地左右中央に配置できる簡単超軽量スクリプト -Midway.js





デスクトップやスマフォ・タブレットのレスポンシブ対応で、画像やテキストなどを天地左右の中央に簡単に配置できる超軽量(1KB)のスクリプトを紹介します。 作業は、HTMLに2つ追加するだけです。



via Pocket http://coliss.com/articles/build-websites/operation/javascript/js-midway.html

スマフォアプリの操作が気持ちいいエフェクトがたくさん!タップ操作時のエフェクトのまとめ -Tapotype









via Pocket http://coliss.com/articles/build-websites/operation/work/transitions-using-tap-tapotype.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+jp%2Fcoliss+%28%E3%82%B3%E3%83%AA%E3%82%B9%29

新しくなったGoogle+をさらに使いやすくするユーザースクリプトまとめ





先日、Google+のデザインが大幅にアップデートされましたね。見た目は素晴らしい仕上がりですが、いつか使いづらくなった点も。今回は、そんなGoogle+の欠点を補うユーザースクリプトを紹介します。



via Pocket http://www.lifehacker.jp/2013/06/130604googleplususerscripts.html

普段使ってるCSSのパフォーマンスとメンテナンス性をアップさせるOOCSSベースの超軽量フレームワーク -Kraken









via Pocket http://coliss.com/articles/build-websites/operation/work/mobile-first-boilerplate-kraken.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+jp%2Fcoliss+%28%E3%82%B3%E3%83%AA%E3%82%B9%29

CSS3で簡単なツールチップを作成する方法 / ウェブデザインライブラリー





このチュートリアルではCSS3で簡単なツールチップを作成する方法について紹介します。



via Pocket http://www.webdesignlibrary.jp/2013/06/css3-tooltip.php

動画やGoogleマップにも対応した軽量なモーダルウィンドウを実装するjQueryプラグイン・Pop Easy





使いやすそうなモーダルウィンドウのスクリプトがあったので備忘録。VimeoやGoogleマップにも対応しており、ファイル自体も圧縮版で2KB程度と軽量なのも嬉しいですね。



via Pocket http://kachibito.net/web-design/pop-easy.html

2013年6月3日月曜日

レスポンシブ、CSS3を使ったクールなギャラリー「least.js」





スマートフォンの時代になって写真コンテンツが増えています。そして求められるのは写真コンテンツをいかに格好よく見せるかです。今回はレスポンシブWebデザインのギャラリー、least.jsを紹介します。



via Pocket http://www.moongift.jp/2013/06/20130603-2/

フラットなデザインを理解する上で知っておきたい5つのポイント -Principles of Flat Design





フラットなデザインは、決して単純なデザインと同じ意味ではありません。もちろんシンプルにデザインして答えがでるのであれば、それにこしたことはありません。 フラットなデザインのUI素材を数多くリリースしてい



via Pocket http://coliss.com/articles/build-websites/operation/design/flat-design-principles-by-designmodo.html

レスポンシブ、CSS3を使ったクールなギャラリー「least.js」





スマートフォンの時代になって写真コンテンツが増えています。そして求められるのは写真コンテンツをいかに格好よく見せるかです。今回はレスポンシブWebデザインのギャラリー、least.jsを紹介します。



via Pocket http://www.moongift.jp/2013/06/20130603-2/