Clik here to view.
お正月休みに私がしたブログ見直しの試みあれこれ
今回の試みたブログの見直し 今回行った大きなブログ見直しは以下の通りとなっています。 他の記事への「おすすめ」の仕方を強化 関連記事にサムネイルを追加 facebookの「Recommendation Bar」を追加 サイドバーの充実化 「人気記事」の表示 「はてなブックマークの人気記事」の表示 Facebookページ作成 他の記事への「おすすめ」の仕方を強化...
View ArticleCSS Nite ＠Co-Edo, Vol.17参加レポート！レスポンシブWebデザイン実装時に必要な手法や注意点など
先日、CSS Nite @Co-Edo, Vol.17「セミハンズオンで学ぶレスポンシブWebデザイン」に参加してきました。講師はブログ「Design Spice」を運営されているヒロさんです。 濃い内容がもりだくさんでしたので、学んだことをアウトプットしておきます！
View ArticleClik here to view.
Googleマップをスマートフォンでも最適な大きさで表示しよう！
ちょっと前までGoogleマップをレスポンシブにするために、以下の方法を使わせていただいていました。 [css] @media (max-width: 767px) { iframe { width: 100% !important; } } [/css]...
View ArticleClik here to view.
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり）
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる...
View ArticleClik here to view.
制作物の確認・共有やバックアップに便利！シンボリックリンクを使おう
シンボリックリンクとは まず、シンボリックリンクとは何でしょう。 あるファイルやディレクトリに別の名前を与え、ユーザやアプリケーションがその名前をファイル本体と同様に扱えるようにする仕組み。 引用：シンボリックリンクとは 【 symbolic link 】 - 意味/解説/説明/定義 ： IT用語辞典...
View ArticleClik here to view.
WordPressテーマ作成に役立つ記事＆学んだことまとめ（テーマ作成編）
【9/10追記】 「Ultimate Google Analytics」は今は非推奨！ もくじ ローカルの環境構築 テーマ作成 全体的な行程 部分的な機能の実装 使用したプラグイン サムネイルサイズ一括変更 - Regenerate Thumbnails テーマの表示確認 - WordPress Theme Test Drive リリース前 - Maintenance Mode...
View ArticleClik here to view.
WordCamp Tokyo 2012に参加しました！セッション内容などを一部ご紹介
もくじ WordPress で Web アプリケーションを作る方法 〜 Croppy 編 〜 | 庄崎大祐 画像のアップロード&アイキャッチ画像をしっかり理解しよう！ | 山口 有由希 WordPress を使ったギャラリーサイトの制作手順 | 大竹孔明・塚口祐司 アンカンファレンス | 午後 4 デザイナー 制作者向け WordPress で Web アプリケーションを作る方法 〜...
View ArticleClik here to view.
WordPressをコアサーバーからさくらサーバーへ移転した時の手順8
もくじ まずは旧サーバーのファイルを全てバックアップ&ダウンロード！ 新サーバーに新しくWordpressをインストール&ファイルをアップロード WP-DBManagerでデータをリストア 新サーバーのphpMyAdminに入り、wp-optionsの「siteurl」を変更 新サーバーで独自ドメインの登録 ネームサーバーの情報を変更...
View ArticleClik here to view.
「CSS Nite LP, Disk 25」参加レポート&Photoshop CS6の新機能「CSSをコピー」とCSSPsを比較
アクセシビリティ (C)田中舘 一久 中根雅文さん、山本和泉さん、植木 真さんによるセッションです。 テーマは「アクセシビリティ」。 「アクセシビリティ」とは...
View ArticleClik here to view.
PNG画像の軽量化に活躍！Photoshop拡張機能「PNG Hat」をレビュー
「PNG Hat」導入まで プロダクトの有効化 拡張機能の配布サイト「madeby source」から「プロダクトの有効化」を行います。「madeby source」のアカウントが必要なようですね。 新たにアカウントを作成することもできますが、「Facebook」「Twitter」「GitHub」のうちどれかのアカウントを持っていればそのままログイン出来ます。...
View Article