2013年3月30日土曜日





䠼䵔㹌਍䠼䅅㹄਍䴼呅⁁瑨灴攭畱癩∽潃瑮湥⵴祔数•潣瑮湥㵴琢硥⽴瑨汭※档牡敳㵴呕ⵆ㘱㸢਍洼瑥⁡慮敭∽䕇䕎䅒佔≒挠湯整瑮∽楍牣獯景⁴牆湯側条⁥⸴∰ാ㰊敭慴渠浡㵥倢潲䥧≤挠湯整瑮∽牆湯側条⹥摅瑩牯䐮捯浵湥



via Pocket http://shell.windows.com/fileassoc/0411/xml/redir.asp

2013年3月29日金曜日

そのスマホはソニーで出来ている。「Xperia™ Z」にはソニー・エッセンスがギュっとつまってます。





音楽プレイヤー、テレビ、デジカメ、ゲーム機。ソニーはエンタメ向けの家電製品ならなんでも、といっていいくらい、いろんなガジェット(電子機器)を作っています。



via Pocket http://www.tabroid.jp/news/2013/03/pr-xperia-z.html

グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる





グーグルは、WebブラウザのChromeに搭載されているデベロッパーツールの詳しい使い方をオンラインで学習できるサイト「Discover DevTools」の公開をブログで明らかにしました。



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

WordPressでビジネス系サイトを作る具体的なノウハウを学べる本 -魅せるWordPressサイト





本の対象はウェブ制作者だけでなく、企業内のウェブ担当者にも手にして欲しい制作のワークフローなども把握できる一冊となっています。



via Pocket http://coliss.com/articles/book-review/isbn10-4899773463.html

2013年3月28日木曜日

新無線LAN規格「IEEE 802.11ac」ドラフト解禁!各社から対応Wi-Fiルータが続々発表へ





27日、総務省による無線LANの新通信規格「IEEE 802.11ac」の基本仕様となるドラフト(Draft)の解禁を受け、バッファローやNECなど、国内メーカー各社から相次いで対応無線LAN(Wi-Fi)ルータが発表となりました。 IEEE 802.



via Pocket http://ggsoku.com/2013/03/ieee802-11ac-info/

配色のお供に、超使いやすいカラースキームツール!「COLOURCODE」がとっても良い感じ





これは使いやすい配色ツール! そんなわけで、マウス・トラックパッドで感覚的に使用出来るカラーツール「COLOURCODE」がとっても良い感じでしたのでご紹介です。 と、言うわけでカラーツールColourco.



via Pocket http://ozpa-h4.com/2013/03/28/colourcode/

CSS3を使ったエレメントを簡単に作成出来るChrome拡張・「CSS-SHACK」





CSS-SHACK CSS-SHACKはChromeでCSS3を使ったエレメントを作成できるアプリケーションです。右のツールボックスで装飾するとリアルタイムで反映、そのままソースをエクスポートできるようになっています。レイヤー機能も付い



via Pocket http://kachibito.net/useful-resource/css-shack

2013年3月27日水曜日

レイアウトが考えやすくなるデザインのルール





デザインには意味があります。物を配置するにしても、なぜそれを配置するのか?なぜその色味なのか?なぜそこに置くのか?など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実



via Pocket http://wp.yat-net.com/?p=3633

商用利用無料でしかもベクター!ウェブサイト・アプリ用の375種類のアイコン素材 -375 Vector Icons





AI, EPSのベクターで作成されたRetinaディスプレイ対応のアイコン素材を紹介します。 アロー、サーチ、メール、ソーシャルメディアをはじめ、ビジネス用もホビー用も揃ってます。



via Pocket http://coliss.com/articles/freebies/freebies-375-vector-icons-by-freepik.html

2013年3月26日火曜日

数あるビギナーズガイドの中でも特にクオリティが高いと感じたWEBデザイナーの教科書的サイト色々





今日は、以前『WEB制作者になりたいと言う人が見ると良さ気な、様々なことを学べるサイト15選!』という記事を書かせて頂きましたが、そのリバイス版の記事になります!あの記事書いてからもう一年かぁ。一年もあれば



via Pocket http://webya.opdsgn.com/introduceweb/beginnersguideforwebdesigner2013/

2013年3月25日月曜日

特定サイトのCSSを編集・保存することができるChrome拡張『karthikv/my-style』





あ、便利かも。特定サイトのCSSをChrome上で編集できるツールです。反映は即時、ドメインごとに保存してくれるのでちゃちゃっとスタイル変えたりいろいろできますな。



via Pocket http://www.ideaxidea.com/archives/2013/03/my-style.html

2013年3月24日日曜日

noupeで紹介されてた、SNS用写真が手軽加工できるWebサービス「Social Media Image Maker」 / Maka-Veli .com





なんかアレだったのでタイトルにも入れましたが、海外ブログnoupeさんで紹介されてた「Social Media Image Maker」が凄く簡単で良かったので、日本語で僕なりにご紹介。



via Pocket http://maka-veli.com/SocialMediaImageMaker.html

2013年3月23日土曜日

Webサイトで見るメニューのレイアウト・デザインいろいろ





サイト製作では必須なぐらい頻繁に登場するメニューですが、レイアウトやデザインはさまざまですよね。毎回どういうものを作るか迷います。というわけで、世の中に出回っているメニューデザインでよく見るパター



via Pocket http://handywebdesign.net/2013/03/layout-and-design-about-menu/

WebデザインにFireworksを使ってみたときの感想。





今までPhotoshopやらを使ってサイトのデザインをしていたんですけど、Fireworksを使ってサイトデザインをする必要があったのでクラウドサービスを使ってFireworksをインストールして実際に使ってみました。やっぱりサイト



via Pocket http://handywebdesign.net/2013/03/first-impression-of-fireworks/

リリースされたばかりのカラースキームツールが簡単・便利で使いやすい! -Colour Code





画面は非常にシンプルですが、カラーに関して豊富な機能が備わったオンラインツールを紹介します。 サーモンをクリックするとカラーを保存し、次の新しいカラーをどんどん作成できます。



via Pocket http://coliss.com/articles/web-services/online-color-tool-colourcod.html

[CSS]エレガントからレトロまで、text-shadowを使った美しいエフェクト集





text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 4種類のデモのキャプチャとHTML/CSSをそれぞれ紹介します。 HTMLはh1にclassのみでシンプルです。



via Pocket http://coliss.com/articles/build-websites/operation/css/css3-text-shadow-effects-by-juanbrujo.html

これは便利!レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes





ブラウザ上で、さまざまなスクリーンの幅に合わせたレスポンシブ用のワイヤーフレームを作成できるオープンソースのオンラインツールを紹介します。 RWD WireframesRWD Wireframes -GitHub 使い方の前に、レスポンシブに対応し



via Pocket http://coliss.com/articles/build-websites/operation/work/online-rwd-wireframes.html

黒板にチョークで書いたようなかすれ具合がいい味を出してるフリーのアイコン素材 -Chalk Web Icons









via Pocket http://coliss.com/articles/freebies/freebies-chalk-web-icons-by-youthedesigner.html

2013年3月6日水曜日

テスト投稿4

Chrome for Androidでは(なんと!)Web通信がすべてGoogleのプロキシサーバを経由する http://jp.techcrunch.com/archives/20130305chrome-beta-for-android-gets-support-for-experimental-data-compression-on-googles-servers-reduces-data-usage-by-50/

テスト3

Picasaウェブアルバムは終了間近。PicasaのURLはGoogle+にリダイレクト中 http://jp.techcrunch.com/archives/20130305picasa-web-albums-are-officially-dead-now-redirect-to-google-photos/

2013年3月4日月曜日

投稿テスト2

アイデア満載!レスポンシブ対応のナビゲーションを実装するチュートリアルのまとめ http://feedproxy.google.com/~r/jp/coliss/~3/oyovf0MrmCg/tutorials-navigation-for-responsive.html

投稿テスト

Google Chromeのデベロッパーツールをもっと見やすく使いやすく「mnml Theme」 http://feedproxy.google.com/~r/moongift/~3/Da9yRTUDdGE/