タグ

web制作とWordPressに関するnakkisanのブックマーク (5)

  • Web制作初心者に役立つ良質なツールやコンテンツ達を出し惜しみせず全部紹介

    ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく1ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な

    Web制作初心者に役立つ良質なツールやコンテンツ達を出し惜しみせず全部紹介
  • WordPressを扱うエンジニアがWeb制作で役立つサイト・テーマ・プラグイン

    2015年7月17日の記事を再構成(文言の追加)をして作成した最新記事です。 WordPressはオープンソースのブログソフトウェアです。商用目的でも無料で利用することができ、機能が充実していることから多くのユーザーが利用するようになりました。 WordPressはオープンソースであることから、世界中から参加している多くの開発者によってバージョンアップが繰り返され、ユーザーは常に新しい機能を利用することができます。 プラグインをインストールすれば様々な機能を実装することができ、ブログばかりでなく、その汎用性の高さからWordPressをコーポレートサイト作成に利用する企業も増えています。 サイト開発を担当するエンジニアの立場からすると、WordPressで構築したサイトは、記事やお知らせ等の更新をブログと同じような感覚で行うことができるため、手離れが良いとされています。 もちろん、しっかり

    WordPressを扱うエンジニアがWeb制作で役立つサイト・テーマ・プラグイン
    nakkisan
    nakkisan 2016/02/14
    Web製作をする上で必要な素材サイト一つ一つに一言レビューが書かれているため、ただサイト名が羅列されたものよりコミットしやすい
  • 完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)

    作成:2014/01/27 更新:2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 1.仕様書の確認 2.入稿データの確認・スケジューリング HTML5 マークアップ 3.テンプレート作成 4.条件付きコメント 5.GCF+キャッシュクリア 6.OGP記述 7.ファビコン 8.アウトライン作成 9.バリデーターをチェック CSS の設定 10.ノーマライズスタイル レスポンシブデザイン設計 11.モバイルファーストを基準に設計 12.プログレッ

    完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
  • WordPressのオリジナルテーマ作成フロー・基本マニュアル

    初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基中の基で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を(触り程度だけでも)理解するHTMLからテー

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
  • 死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)

    どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・?汚らわしいっ! [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB

    死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)
  • 1