Web制作に役立つ情報一覧

CSS(スタイルシート)の基本、小技、テクニック総まとめ

2013/03/28(Thu) 11:26

CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました…

http://weboook.blog22.fc2.com/blog-entry-355.html

ウェブでも紙でもOK、創作意欲をくすぐられる純国産のフリーの英語フォント

2013/03/28(Thu) 11:25

制作者の方から紹介いただいた、個人でも商用でも無料で利用できる純国産の英語フォントを紹介します…

http://coliss.com/articles/freebies/freebies-font-by-yosuke-masaki.html

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

2013/03/27(Wed) 12:12

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

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

[JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider

2013/03/27(Wed) 12:11

シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応…

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-unslider.html

パララックスエフェクトの基本 (1/4)

2013/03/26(Tue) 11:59

jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から…

http://www.atmarkit.co.jp/ait/articles/1303/28/news005.html

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

2013/03/26(Tue) 11:58

text-shadowを使った美しい4種類のエフェクトを紹介します。エフェクトはCSSのみで、もちろん画像は使っていません…

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

あなたは知らない、そんな気がする。Photoshopの超絶便利なショートカット！

2013/03/25(Mon) 12:10

英語の言うところの「ショートカット」は、「近道」を表しているというのは皆さんご存知ですよね。方向音痴は別として…近道があれば、誰しも遠回りしようだなんて思わないはずです…

http://liginc.co.jp/web/design/photoshop/16906

SEO効果抜群のWordPressテーマを作るために抑えておくべき７つの項目

2013/03/22(Fri) 16:39

SEOを最短で効率的に攻略することを考えた時、WordPressはベストの選択肢の一つだ。最近では、検索エンジンで上位に表示されているサイトやブログのほとんどがWordPressで作られているほどで…

http://bazubu.com/wp-seo-theme-13486.html

カフェをはじめ、医療・映画・工具・虫系など、ちょっと変わったPhotoshopのシェイプ素材

2013/03/21(Thu) 11:43

商用でも無料で利用できる、ちょっと変わったPhotoshopのシェイプ素材を紹介します…

http://coliss.com/articles/freebies/freebies-photoshop-shapes-by-nolamom3507.html

無料で1000個以上のアイコンフォントがダウンロードできる「WebHostingHub Glyphs」

2013/03/19(Tue) 11:52

「ビジネス」「コミュニケーション」「コンピューター＆モバイル」「デザイン＆ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」…

http://gigazine.net/news/20130313-glyph-icon-font/