Web制作に役立つ情報一覧

HTMLで書いたtableのデータをプレーンテキストやCSV、XLSなどのフォーマットでエクスポート出来るスクリプト・「TableExport.js」

2016/05/17(Tue) 07:27

TableExport.jsはtableに書いたデータをCSVやxls、xlsx、プレーンテキスト等のフォーマットでエクスポート出来るようにするスクリプトです。jQueryとFileSaver.jsを使用します。table下部にボタンが設置され、テキストも任意のものを設定できます。

http://kachibito.net/useful-resource/tableexport-js

PHOTOSHOPをしっかり学ぶ！すごいチュートリアル、作り方40個まとめ 2016年5月度

2016/05/16(Mon) 07:36

いつでも使えるPhotoshopの基本操作から、写真を思い通りに編集したり、デザインの現場で使われる実践的なテクニックまで、まとめて学ぶことができる新作チュートリアルを集めています。

http://photoshopvip.net/89959

デザイナー顔負け！写真加工がうまくなる、10個の簡単テクニックまとめ

2016/05/16(Mon) 07:30

古くからよく知られているフレーズかもしれませんが、オーディエンスに向けてデザインを制作するときには、適切なアドバイスと言えるでしょう。デザインのコンセプトに、エクスペリエンス体験やリサーチを加えることで、イメージ画像はうまく注目を集めることができます。

http://photoshopvip.net/89777

デザイナーが持っていたい、すごいフリーフォント素材42個まとめ

2016/05/16(Mon) 07:29

デザインをしているときに悩んでしまいがちで、全体のイメージを決める重要な要素のひとつ、フォント選び。手持ちのフォントコレクションを定期的にアップデートして、クリエイティブな作品をつくってみましょう。

http://photoshopvip.net/89662

CSSで縦横比を維持しながら横幅いっぱいに背景画像を表示させる方法

2016/05/16(Mon) 07:28

特にレスポンシブやスマホサイトで見かけることが多い、どんなウィンドウサイズでも縦横比を維持しつつ横幅いっぱいに画像を表示している見栄えですが、imgであれば画像を配置して width:100%; と height:auto; を指定しておけば簡単に表示させることができても、その見栄えを背景画像を利用してとなると先述した方法では実装できません。

http://www.nxworld.net/tips/css-background-aspect-ratio.html

分かりやすい！Illustratorのパスファインダーで合体・交差・分割・切り抜きなどがどうなるのか一目で分かるチートシート

2016/05/13(Fri) 10:50

Illustratorで複数のオブジェクトを組み合わせて、簡単な形から複雑な形をつくりだすことができるパスファインダーのチートシートを紹介します。

http://coliss.com/articles/build-websites/operation/design/cheatsheet-illustrator-pathfinder.html

デザインは一手間が大切！画像が見違えるほど魅力的になるデザインテクニックのまとめ

2016/05/13(Fri) 10:49

一枚の絵には千の言葉に匹敵する価値がある「百聞は一見にしかず」は、コミュニケーションデザインにおいても有効です。わたし達は今までの経験と研究の両方の側面から、画像が多くのユーザーの目を引きつけることを知っています。

http://coliss.com/articles/build-websites/operation/design/image-enhancement-techniques.html

モバイルSEOなんて、ありません 情報の評価とその閲覧性の話

2016/05/13(Fri) 10:49

「スマホのSEO対策を教えてほしい」「モバイルSEOは何をすればいいのか」といった相談は多いのですが、モバイルの操作性や閲覧性（モバイルフレンドリー）の話を除くと、本質的に SEO はデバイスに依存・左右されるものではなく、すべきことは同じです。

http://www.sem-r.com/seo/20160512155946.html

Googleの新しいモバイルフレンドリー・アップデートが完全にローンチ。

2016/05/13(Fri) 10:48

今年の3月に、モバイルフレンドリー・アルゴリズムが5月にアップデートされることが、Googleのブログで報告されていました。

http://www.seojapan.com/blog/google-update-mobile-friendly-update-live/

人の感覚はあてにならない！　ヒートマップ+A/Bテストで見えたCV向上の真実

2016/05/13(Fri) 10:48

ヒートマップを使えば改善は簡単だ！

http://web-tan.forum.impressrd.jp/e/2016/05/13/21085