Web制作に役立つ情報一覧

アクセスした際に任意のメッセージを少しの間、表示する

2016/06/27(Mon) 07:28

よく見かけるやつです。

http://kachibito.net/snippets/put-a-message-in-top-of-the-page-with-jquery

Web制作の気になるトレンドや技術やツールが分かりやすく解説されたオススメの本 -Web制作の最新常識

2016/06/27(Mon) 07:27

1カラムのレイアウトをよく見かけるけどどういう風に使うの？ パステルの鮮やかなカラーを効果的に使いたい！ 今トレンドのセミフラットのポイントと注意点は？　レスポンシブ時のレイアウトの変化のパターンを知りたい！ リセットCSSとノーマライズCSSはどこが違うの？ SassやCompassやNode.jsを使ってみたい！

http://coliss.com/articles/book-review/isbn10-484436586x.html

ホームページで個性を出すには、「奇抜さ」よりも「自分らしさ」を「具体的に」（第4回）

2016/06/24(Fri) 07:32

第4回は「ホームページで個性を出すこと」についてのお話。同じような情報を扱うサイトが山ほどある中で、他にはない個性をどうやって出していくか

http://web-tan.forum.impressrd.jp/e/2016/06/24/23181

緯度経度を指定したテキストにマウスを乗せるとGoogleMapも動くようにする

2016/06/24(Fri) 07:31

マウスホバーでGoogle Mapが動的に移動する、みたいなの。リストには予めカスタムデータ属性で緯度経度を設定してあります。Google map APIも読み込みます。

http://kachibito.net/snippets/google-maps-slider

黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに

2016/06/24(Fri) 07:30

Webサイト、雑誌や同人誌の表紙、フライヤーなどのレイアウト、コンテンツの配置、余白のとり方、写真の構図、オブジェクトの形のデザインに、黄金比や黄金螺旋をうまく取り入れるデザインテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/design/the-golden-ratio-in-design.html

CSSのみでcheckboxの装飾とチェック時アニメーションを実装したものをまとめた「Switcher styles collection」

2016/06/23(Thu) 07:31

ひと通り揃っていて良いなと思ったので備忘録兼ねてご紹介。「Switcher styles collection」は <input type="checkbox"> と<label> を組み合わせて作成したスイッチスタイルをまとめているもので、装飾やチェック時のアニメーションなどすべてCSSのみで実装されています。

http://www.nxworld.net/tips/switcher-styles-collection.html

こんなに美しいレイアウトがシンプルなHTMLで簡単に実装できるスクリプト -Multiple.js

2016/06/23(Thu) 07:31

半透明の美しいグラデーションが複数のパネルにまたがり、背景を続き画像として配置するスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/multiple-js.html

Photoshop無しでPSDファイルをさくっと開き、画像編集もできてしまう！オンライン無料サービス -Photopea

2016/06/23(Thu) 07:30

PhotoshopのPSDファイル、GimpのXCFファイル、JPEG, PNG, GIF, BMP, WebPなどの画像ファイルを開き、編集もできてしまう無料のオンラインサービスを紹介します。

http://coliss.com/articles/web-services/online-psd-editor-photopea.html

Google Search Console（サーチコンソール）を強力なSEOツールとして使うための究極ガイド。

2016/06/22(Wed) 07:28

最近、機能の追加が多いSearch Consoleですが、SEOにおいてはもはや必須のツールとなっております。今回ご紹介する記事はニール・パテル氏による、Search Consoleの活用マニュアルといった記事になります。

http://www.seojapan.com/blog/the-ultimate-guide-to-using-google-search-console-as-a-powerful-seo-tool

GoogleのHTTPSサイト優遇方針で待ったなし！　Webサイト常時SSL化の効果と実装ポイント

2016/06/22(Wed) 07:27

現状では、SSL化しているのは入力フォームのページだけというWebサイトが多い。しかし、グーグルがHTTPSのWebサイトをランキングで優遇すると2014年に発表したこともあり、サイト全体をHTTPS化する「常時SSL」の実装を検討する時代になっている。

http://web-tan.forum.impressrd.jp/e/2016/06/22/23090