初心者さんのためのWebサイト制作に役立つリンク集
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
WordPress サイトコンテストの応募サイトを勝手に評価 | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go
ファーストサーバ株式会社が開催しているWordPress サイトコンテストの一次審査が終了し、現在8月31日までの投票二次審査が行われている。投票は、TwitterとWebフォームから行えるようになっており、一次審査を通過した142サイトが対象となっている。 WordPress で制作されたウェブサイトはどんどん増えてきているが、サイトを調べてこれだけまとめるというのはなかなか大変なので、今回のようにある意味WordPressのサイト集は、色々なサイトを見て勉強できるいい機会かもしれない。そこで、WordPress サイトコンテストの一次審査通過142サイトの中から、デザイン、技術、面白さなどの観点から誠に勝手ではあるがピックアップしてみたいと思う。 No.1 @コーヒー事典 WordPressのカスタムフィールドを使用した、データベース型サイトとなっている。拙作のCustom Field
WebデザイナーのためのGoogle Chrome拡張13選 | Web活メモ帳
本日はWEB制作の現場で使えるGoogle Chrome拡張機能をまとめた「13 Useful Google Chrome Extensions for Web Developers」というエントリーのご紹介。 最近はメインのブラウザをGoogle Chromeにしている方が増えていますね。いくつか気になったので、以下にまとめます。 Color Picker クリックされた色のカラーコード(#FFFFFFなど)とRGB色の値が分かります。 ダウンロード Firebug Lite HTML、CSS、JavaScriptを編集して、デバッグすることができます。 ダウンロード Domain Availability Checker ドメインが有効かどうかをチェックします。 ダウンロード Aviary Screen Capture 表示している画面をキャプチャして編集可能にします。 ダウンロード
超クールな可変グリッドレイアウトのギャラリーWPテーマ・Mansion - かちびと.net
超クールなギャラリー用テーマ、 Mansionのご紹介です。もちろん フリー。可変グリッドレイアウトで、 いかなる環境でもグリッドが崩れ ることが無いのは助かりますね。 敷き詰められた写真の織り成すギャラリーがとても美しいです。 素晴らしいです。左上にメニューが出ますよ。画像はマウスオーバーで明るくなり、フェードエフェクトもかれられています。 ご覧のように縮小してもレイアウトは守られています。 頭痛の種のIE6でも問題なし。アニメーションエフェクトだけかかりませんが、特に問題ではないですね。 デモのページ全体のキャプチャです。 ダウンロード DLはメンバーページで。上記の場所がDLのリンクです。 普通にこのまま使えそうですね。ダウンロードは無料ですが、メンバー登録が必要です。フリープランでもDL可能で、このテーマ以外も高品質なテーマが手に入るサイトですので登録しても損は無いかと思います。
jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン | かたつむりくんのWWW
Movable Type, Craft CMS, Drupal, HTML, CSS, JavaScript, jQuery etc. jQueryAutoHeight.js とは jQueryAutoHeight.js とは、複数のボックスの高さを自動的にそろえるシンプルな jQueryプラグインです。高さのそろえ方は、次の２通りです。 セレクタで指定したすべての要素を、その中の最大値にそろえる セレクタで指定した要素を、オプションで渡した数ごとに、その中の最大値にそろえる（1行ごとにそろえられる） サンプル 複数のボックスの高さを最大値にそろえるjQueryプラグイン ダウンロード Releases · tinybeans/jQueryAutoHeight ※jQuery 1.9 以降で利用する場合は v0.04 以降をお使いください。 使い方 ファイルの読み込み ダウンロードしたファ
ライムなブログ KompoZer [Mac&Win][Free]
上記の広告は１ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。 --/--/-- --:-- | スポンサー広告 TOP [Webページ作成・HTMLエディタ・ホームページ作成] KompoZer [：10.4~ ] [：2000/XP/Vista] HTMLがわからない人でもグラフィカル（作業画面と作成結果が同じ）に作成できる高性能HTMLエディタ。 なんでも Dreamweaver を目指して開発されたらしく、タブ、CSSエディタ、サイトマネージャ（FTP）などを装備し無料ソフトの中では非常によくできています。残念ながらフレームはサポートされてなさそうです。 ちなみに ライムなまとめ も KompoZer で作成しました。 ▲ 「HTMLタグ」モード。「通常」モードだけで作業していると思わぬゴミが出てくるので、たまに「HTMLタグ」モードで確認すると
市販ソフト顔負けの機能を備えるHTMLエディタ「KompoZer」 | OSDN Magazine
ブログやCMSの普及によって、Webサイトの制作時にHTMLを書く機会は減った。しかし、ちょっとしたデザインの変更や内容の手直しには、やはりHTMLを直接編集するのが一番だ。そこで役に立つのがHTMLエディタ・Webオーサリングツールである。今回紹介するのはフリーでありながら豊富な機能を備えるHTMLエディタ・Webオーサリングツール「KompoZer」だ。 KompoZerは、FirefoxやThunderbirdなどで知られるMozillaプロジェクトが開発していたHTMLエディタ「Composer」の後を継いで開発された「Nvu」の派生版で、実質的な後継ツールとなる。その特徴は「IBM ホームページビルダー」や「Adobe Dreamweaver」といった市販ソフト顔負けの高機能ぶりにある。WYSIWYG編集が可能であり、HTMLタグの知識がなくてもワープロソフトを使う感覚でHTML
急な対応も安心!?WEBデザイナーのためのポータブル制作アプリケーション集「12 Portable Apps for Web Designers」
急な対応も安心!?WEBデザイナーのためのポータブル制作アプリケーション集「12 Portable Apps for Web Designers」 オフィスにいれば何の問題も無い作業も、環境が整っていないPCなどでは、非常に困難で時間もとられてしまいます。制作ツールはadobeを始め、基本的にインストール型となっていて、PCから簡単に持ち運びができない状態です。今日紹介するのは外出先でも対応出来る持ち運び可能な制作アプリケーションを集めた「12 Portable Apps for Web Designers」というエントリーです。 KompoZer Portable 画像加工やグラフィク作成アプリから、HTMLコーディングなど様々な持ち運び可能なアプリケーションがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■XAMPP
WordPressをブログ以外で使っているサイトいろいろ・国内編 - かちびと.net
ブログエンジンのWordPressを ブログ以外で利用しているサイト の国内編です。ブログの線引き の基準が分からないので自分で 線引きしています。ここで言 ブログ以外とは「日記ではない」 サイトを指しています。 Webマガジン、ニュース系サイト、ECサイトやギャラリーサイトなど、ブログ以外のWPサイトのまとめです。順不同です。 元ネタさがし ネタ系サイトです。画像の元となった画像を収集しているサイトでレーティング（評価）機能が付いています。ナイスアイデアですねー。いいコンテンツです。 元ネタさがし 新商品FINDER ニュース系というよりポータル系に近いサイトです。新商品のみを紹介するサイト。デザインもかなり綺麗ですね。参考になります。 新商品FINDER ブログタイムズ ブログ記事に紹介記事を書くと掲載費を貰える、というサービスを提供しているサイトです。WPでこういったサービスを提供し
オフラインで使えるデザイナー向けツールキット色々:phpspot開発日誌
Useful (Offline) Utensils and Toolkits for Designers | Tools オフラインで使えるデザイナー向けツールキットが色々まとまってましたのでご紹介。 ノートパソコンでどこでも作業できるからとはいえ、自由度と使い勝手からアナログが便利な場合も多いですね。 印刷するなどしてどこでも作業できるツールキット集です Paper Browser ブラウザの枠と、グリッドベースの画像を印刷してモックを手書き出来ます Grid Design Graph Paper グリッドと端にノートが表示されているテンプレート。印刷して使えます iPhone APP Wireframe template iPhoneアプリケーション作成時のモック作成用テンプレート iPad IDEA Sheet iPadのアプリ作成時などに使えます 便利なものが他にも色々と紹介されて
商用利用で使えるフリーアイコンセット「99 Icon Sets To Use In Commercial Design Projects」
TOP > WebDesign > 商用利用で使えるフリーアイコンセット「99 Icon Sets To Use In Commercial Design Projects」 アイコン素材は簡単に伝えたい内容を伝えられる非常に便利なデザイン素材です。今日紹介するのは商用利用で使えるフリーアイコンセットのみを集めたエントリー「99 Icon Sets To Use In Commercial Design Projects」です。 50 Free and Exclusive Twitter Icons ソーシャルメディアのアイコンからピクトまで様々なアイコンセットがまとめられています。今日は今までDesigndevelopで紹介したことが無いアイコンセットを中心にそのなかからいくつか紹介したいと思います。 詳しくは以下 ■120 free new icons! ちょっとコミカルなアイ
手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net
個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://labrid.jp/wp/archives/1041/
WPデザインギャラリー
河北鸿源管业集团有限公司