ネットで見かけたWebテク
1. 6 must have design in browser toolshttp://smashinghub.com/6-must-have-design-in-browser-tools.htm
ブラウザ上でのWebデザイン
Photoshopなどでのレイアウト作業を行わずに、
- Chrome Inspector
Chromeのデベロッパーツール - Sip
画面上の色を拾うアプリケーション - LiveReload
CSSファイルなどの変更をブラウザに即適用するツール - Brackets
Adobeがオープンソースで提供するコードエディタ。Edge Codeはその派生版 - Yeoman
Webアプリ開発のためのパッケージ管理ソフト - Purecss
Yahooが提供するCSSフレームワーク
![図1 ブラウザ上でのWebデザインに必須のツール6選 図1 ブラウザ上でのWebデザインに必須のツール6選](/assets/images/design/clip/01/weekly-web-tech/201405/22/thumb/TH800_001.jpg)
2. 21 free tools for perfecting your portfolio | Webdesigner Depothttp://www.webdesignerdepot.com/2014/05/21-free-tools-for-perfecting-your-portfolio/
ポートフォリオサイトに役立つツールを多数紹介しています。
作品の写真を見せるためのギャラリー系ツールがほとんどです。
ギャラリー系ツールとしては、
![図2 ポートフォリオサイトに役立つツールいろいろ 図2 ポートフォリオサイトに役立つツールいろいろ](/assets/images/design/clip/01/weekly-web-tech/201405/22/thumb/TH800_002.jpg)
3. Designing Dark Websites Properly - Tips And Inspirationhttp://www.designyourway.net/blog/inspiration/designing-dark-websites-properly-tips-and-inspiration/
黒色ベースのWebデザインを行うためのテクニックと、
黒色や濃いグレーを背景にした場合、
そのためには、
![図3 黒色ベースのWebデザインを行うためのテクニックと参考例 図3 黒色ベースのWebデザインを行うためのテクニックと参考例](/assets/images/design/clip/01/weekly-web-tech/201405/22/thumb/TH800_003.jpg)
4. 38 Free Open Source CSS Dropdown Navigation Menus | SpyreStudioshttp://spyrestudios.com/38-open-source-css-dropdown-menus/
コード共有サイトから、
Codepen、
![図4 ドロップダウンメニューを多数紹介 図4 ドロップダウンメニューを多数紹介](/assets/images/design/clip/01/weekly-web-tech/201405/22/thumb/TH800_004.jpg)
5. javascript - Is it possible to apply CSS to half of a character? - Stack Overflowhttps://stackoverflow.com/questions/23569441/is-it-possible-to-apply-css-to-half-of-a-character
1つの文字の半分ずつに別の色を付けるCSSテクニックが紹介されています。そういうことができないかという問いに対し、
このStack Overflowというサイトは、
![図5 CSSで1つの文字の半分ずつに別の色を付ける方法 図5 CSSで1つの文字の半分ずつに別の色を付ける方法](/assets/images/design/clip/01/weekly-web-tech/201405/22/thumb/TH800_005.jpg)
そのほか、
- ミクシィ、
今期は売上高3. 3倍の400億円・ 営業益20倍の100億円へ 「モンスト」 効果で急成長 - ITmedia ニュース
スマホ向けゲームアプリ「モンスターストライク」 のヒットで儲かっているようです - 3年前から打診していた:KADOKAWAとドワンゴが
「KADOKAWA・ DWANGO」 に――経営統合の狙いは? (1/ 2) - Business Media 誠
角川の“後継者” はドワンゴ川上氏のようです - iOSデバイスにも挿せるUSBフラッシュメモリが登場 : ギズモード・
ジャパン
Lightningコネクタも付いたUSBメモリがKickstarterで出資受付中です
先週の気になるWebサービス
文章校正など、ブログ記事作成に役立つ無料ツール9選http://liskul.com/proofreading_tool9-2209
今回は、
- 日本語のタイプミス、
変換ミス、 誤字脱字をチェックするツール - 言葉の間違いや不適切な表現を校正してくれるツール
- 小学1年から高校3年+大学レベルの13段階で、
日本語のテキストの難易度を推定するツール
といった文章の校正に役立つツールをはじめ、
- コピーコンテンツをチェックするツール
- 文章中のキーワードの出現頻度を解析するSEOに役立つツール
- Webページ内の外部リンクの一覧を抽出するツール
![図6 文章校正など、ブログ記事作成に役立つ無料ツール9選 図6 文章校正など、ブログ記事作成に役立つ無料ツール9選](/assets/images/design/clip/01/weekly-web-tech/201405/22/thumb/TH800_006.jpg)