Basic Process to Apply CSS to Your Website
2014年8月17日 CSS, Webサイト制作 CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです！ ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その7 目標：CSSでレイアウトが組める・基本的な装飾ができる 必要なもの：Windows メモ帳 や、Mac OS Text Editなどの文章エディタツール。もちろんAdobe DreamweaverなどのWeb系オーサリングソフトがあるならそれでOK 対象レベル：CSSの基礎知識がある・基本的なCSSが手打ちで書ける 目次
Advanced Custom Fieldsーフィールドタイプ | WordPress
標準のカスタムフィールドは、テキストでしか値を入力できません。一方、Advanced Custom Fields ではさまざまな種類の入力フォームが用意されています。この入力フォームの種類ことをフィールドタイプと呼びます。 フィールドタイプ Advanced Custom Fields には、無料で使える 15 個のフィールドタイプがあります。 Text Field Number Field Textarea Field Wysiwyg Editor Field Image Field File Field Select Field Checkbox Field True / False Field Radio Field Date Picker Field Color Picker Field Relationship Field Page Link Field Post Object
WordPress を使うなら知っておきたい GPL ライセンスの知識【基本編】
はじめまして、ベージュです。ババシャツ色って呼ばないでくださいね！ さて、このサイトを読んでいる皆さんは、WordPress がオープンソースのソフトであることはよく知っていると思います。でも、その意味を単に「だれでも無料でダウンロードできる」ことだと思っていませんか？ 「WordPress のライセンスについてクライアントさんに詳しく突っ込まれるとよく分からないし、間違っちゃうと怖いし…」と思っていませんか？ そこで、今回は GPL ライセンスのことを正しく理解して、自信を持って説明できるようになれる情報をご紹介します。さらに、WordPress がなぜ GPL を採用しているのかを知ることで、このソフトウェアを作る人たちの理念まで分かるというおまけつき。 WordPress はなぜ GPL ライセンス？ まずはぜひ、この字幕付き動画をご覧ください（右下の「CC」と書かれたところをクリッ
究極超人あ～る祭り。 (2ページ目)
細野不二彦さん提案による大震災復興支援協力企画「ヒーローズ・カムバック」。 3.11を忘れない為に8名の漫画家が特別に描き下ろす読み切りシリーズです。 ・ゆうきまさみ「究極超人あ～る」特別編 週刊ビッグコミックスピリッツ49号掲載（11月5日発売）
How To Add Font Awesome Icons To WordPress: 3 Easy Methods
Want to add Font Awesome icons to WordPress? Font Awesome icons are awesome (sic!) because, unlike regular images: You can resize them with no quality loss because they’re vectors. They’re super easy to customize – you can change sizes, add animation, throw on a border, and lots more. Right this moment, Font Awesome includes over 2,986 different icons. And I’m going to show you 3 ways that you can
しがないOLのはじめての「Microsoft Access」 ～フォーム作成編～ | DevelopersIO
こんにちは。最近有川浩さんの小説に激ハマり中のクニ吉です。 少し前に護衛艦の見学をしましたが、今度は潜水艦見学のため呉市にある「てつのくじら館」に行ってみたいですね。 自衛隊三部作の中では「海の底」が一番好きなので。 それはさておき、本題。 前回はテーブル同士の関連付け（リレーション）を行いました。 今度はデータを入力するためのフォームを作成したいと思います。 フォームとは？ フォームとは、テーブルにデータを入力したり、テーブルに保存してあるデータを表示したりするための画面です。 ここにはチェックボックスやボタンなどの部品を配置することで、作業の簡略化や様々な処理を行うことが可能です。 また、Accessを知らない人でもデータの入力や抽出が容易に出来ることも大きなメリットです。 下図はデータ閲覧用に作成したフォームです。 任意のキーワードや日付で抽出を行い、抽出結果をレポートにして印刷でき
CSSスプライト活用でリクエスト数を削減してスマホでも高速通信（Retina Displayにも対応） | DevelopersIO
CSSスプライトの利用について スマートフォンの普及に伴って、ネットへのアクセスは自宅のPCでのアクセスから出先の無線通信環境下でのアクセスへと移行している傾向が少なからずあるかと思います。 ウェブサイト等を快適に閲覧するための条件の一つに、より少ないサーバーへのリクエスト数が挙げられます。 複数の画像を集約した1枚の画像にまとめるCSSスプライトを活用することでリクエスト数を減らすことができます。 キャッシュに格納されたスプライト画像はページ遷移の際の高速通信につながりますので、 各ページで汎用的に使用されるアイコンなどをCSSスプライト化するとよいでしょう。 それらをRetina Displayのような高解像度ディスプレイに対応する方法を合わせて取り上げたいと思います。 方法 1.画像を用意する 非Retina Display用とRetina Display用の画像を2枚用意します。
ブラウザ上で画像をトイカメラ風に変換できるJSライブラリ「vintageJS」:phpspot開発日誌
vintageJS - add some awesome retro and vintage style to your images with the HTML5 canvas element gitHub - vintageJS ブラウザ上で画像をトイカメラ風に変換できるJSライブラリ「vintageJS」。 ファイルをアップするとパラメータを調整して簡単にトイカメラ風の画像が作れるサイトとライブラリです。 HTML5のCanvasを使っているのでサーバにやさしい。 あとはこれがどのブラウザでも動いてくれればと思うところですが、こうしたCanvas関連のライブラリが沢山あると将来的に便利になりそう 関連エントリ CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２ 画像のプレースホルダを生成してくれるJSライブラリ「Holder.js」
CSSスプライトをブラウザにD&Dで速攻作れる「Instant Sprite」:phpspot開発日誌
Instant Sprite - Generate CSS Sprites Instantly CSSスプライトをブラウザにD&Dで速攻作れる「Instant Sprite」 D&D対応ブラウザ（Chrome等で）ローカルから複数ファイルをドラッグ＆ドロップしてみましょう。 ドロップした時点でCSSスプライトが完成してしまいます。 ２枚の画像をアップした結果。 すぐにCSSスプライトとして利用可能 要らないファイルがあったら、その場でクリックですぐ消せたりと色々便利です 関連エントリ CSSスプライト実装が誰でも簡単にできるツール「Spritebox」 CSSスプライトでカッコイイボタンを作るチュートリアル CSSスプライトを使ったナビゲーションメニュー作成サンプルとチュートリアル jQueryで行うFlashみたいなスプライトアニメーションのチュートリアル
フェード・スライド・バウンド・フリップ・スターウォーズなど、CSS3アニメーションのコードを自動で生成するオンラインツール -liffect
フェード・スライド・バウンド・フリップ・スターウォーズなど、CSS3アニメーションのコードを自動で生成するオンラインツール -liffect
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
実例で見る！Webサービスのポスターデザインの８つのポイント | ShareWis Blog（シェアウィズ ブログ）
こんにちは。ShareWisの辻川です。 時間や費用の関係で、デザイン経験のない人がチラシやポスターをデザインしなければならない… スタートアップでは時々あることです（と僕は信じてます）。 ShareWisに関するものは、僕がざっくりデザインした後に、たまに知人のデザイナーさんに意見を求めることがあります。 今回は、10月に出展した「CEATEC JAPAN」と「ITPro EXPO 2012」のために作成したポスターを例に、デザイナーさんから教わったレイアウトのコツをまとめたいと思います！ デザイナーさんが添削！ポスター作成のポイント 文字や画像のサイズを決める①タイトルは大きい文字、説明文は小さい文字、など大小の差をつけると読みやすい。 ②誰がどの距離から読むのか？読めるサイズでなければ意味がない。 整列を常に意識する③各パーツの上下左右を見渡し、パーツ同士で揃えられるものは整列させる
フレームワークベースのCMS(PHP限定)
ウェブアプリケーションフレームワーク(WAF、動的なウェブサイトを作るフレームワーク)で開発されているCMS(PHP限定)を調べてみました。現在開発中のプロジェクトも含めています。 順序は(フレームワーク、CMSともに)アルファベット順です。他にもこんなCMSあるよ、という方は、コメント等でお知らせください。 ※フレームワークとCMSのくっつき具合には、プロジェクト毎に差があります。フレームワークべったりのものも、フレームワークの一部をライブラリ的に利用しているものもあります。 CakePHP basercms.net/ croogo.org/ www.netcommons.org/(開発中。3以降) CodeIgniter expressionengine.com/ www.getfuelcms.com/ ionizecms.com/ mojomotor.com/ www.pyrocms
Wordpress:スラッグからURL(URI)を取得する方法 – とろテク
概要 WordPressにて、スラッグ名が分かっている時にそれに対応するURLを取得する方法です。 ループ外でも使用できます。 WordPress3.3.2にて動作確認済み。 カテゴリースラッグからカテゴリー表示のURLを取得 //カテゴリースラッグからカテゴリーを取得 $cat = get_category_by_slug('slugname'); //カテゴリーIDからURL文字列を取得 echo get_category_link( $cat->cat_ID ); 固定ページスラッグから固定ページのURLを取得 //固定ページのスラッグからページを取得 $page = get_page_by_path('slugname'); //ページIDからURLを取得 echo get_permalink( $page->ID ); 普通の投稿記事のスラッグから投稿１件表示のURLを取得 投稿
WordPress のカスタム投稿タイプで get_page_by_path() を使う場合は第3引数に投稿タイプ名を入れる
WordPress の個別ページなどのカスタムフィールドの値を取る場合に以下のように get_page_by_path() を使って対応することができます。しかし、カスタム投稿タイプの場合は以下の方法では対応しきれません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KataPad.com is for sale | HugeDomains