タグ

ブックマーク / stocker.jp (4)

  • Affinity製品を使用しているWeb制作者のインタビュー動画と最近のユーザーグループの活動について

    Affinity User Group JAPANの活動として、Affinity製品を使用しているプロのWebデザイナーの方のインタビュー動画を撮影したのですが、その際撮影のお手伝いをさせていただきました。 インタビューに応じていただいたのは株式会社インターフィールの勝谷元気さんです。 動画は以下からご覧いただけます。 勝谷元気さん(@nibushibu)は2014年のAffinity Designer Beta版の頃から使用されているそうで、Webサイトの制作だけでなく、印刷物もAffinity Designerで作られているとのことです。 撮影・編集・アップロードされたYMRchannelではAffinity Designer NINJAというAffinity Designerの日語チュートリアル動画を配信されています。 なお、このインタビュー動画には翻訳者の方に翻訳していただいた英

    Affinity製品を使用しているWeb制作者のインタビュー動画と最近のユーザーグループの活動について
  • 意外と知られていないHTMLの基本の話

    私はWeb制作が初めての方向け講座だけでなく現役の制作者の方向けに様々なWeb講座をしていますが、現役のWeb制作者の方でもHTMLに関して意外と知られていないんだなと思うことがいくつかあります。 特に、HTML5以前の古いHTMLの使い方のまま覚えている方が多いように思われますので、この記事ではそれを中心に取り上げてみました。 なお、この記事はHTML 5.1およびWHATWG HTML Standardの仕様書を参考に書いています。 width=”100%” のように数値以外の文字列を “” に入れるのはNG たとえばimg要素などで、ブラウザの幅いっぱいに画像を表示したいという場合、昔はimg要素に width=”100%” のような属性をつけることがありましたが、HTML5からはwidthなどの属性値に数値以外を含めることができなくなっています。(つまり%などの単位を含めることがで

    意外と知られていないHTMLの基本の話
  • CSS3でGoogle検索やはてブを見やすくしたり、キュレーションサイトを目立たなくする方法

    最近、調べ物をしようとGoogle検索した時にキュレーションサイトなどの役に立たない、あるいは他のサイトの情報をまとめただけのサイトばかり上位に表示されてしまい、ストレスがたまることが多くなってきました。 そこで、検索結果のCSSを上書きしてキュレーションサイトなどを半透明で表示し、ついでに記事が書かれた日付や「未指定」などを目立つようにカスタマイズしました。 ※ このスクリーンショットは、この記事でできるGoogle検索結果のカスタマイズ例です。1件目のNAVERまとめは半透明に、2件目の記事ははてなブックマーク数、サムネイル、記事が公開された日付を目立たせるなどして「役に立つページかどうか」を判断するヒントをわかりやすくしています。 検索結果から特定のサイトを非表示にする拡張の問題点 最初は、Google公式の Personal Blocklist という「検索結果から特定のサイトを非

    CSS3でGoogle検索やはてブを見やすくしたり、キュレーションサイトを目立たなくする方法
  • WordPressテーマ制作チュートリアル

    この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら(あるいは作りこみながら)読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない

    WordPressテーマ制作チュートリアル
  • 1