サクッと使えた！サイト移行前やWordPressテーマ作成時に知っておきたい小技
作成：2015/02/23 更新：2016/06/29 WordPress > 本番サーバ移行前に何をすればよかったのか確認しておきたい、自作テーマに記述し忘れたことはなかっただろうか。今回はサイト移行時や構築時に毎回確認してしまう使用頻度の高い小技をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 移行中 １．移行中にメンテナンス画面を表示する ２．旧url から新url へのリダイレクト ３．一時的にキャッシュを制御させる パフォーマンス ４．非同期で読み込む ５．jQueryや外部 JavaScript の競合を避ける ６．旧IEでCSS3を再現 ７．問い合わせのコンバージョン設定 functions.php に追加しておきたいもの ８．メディアアップローダーを自作テーマに組み込む ９．ビジュアルエディタをカスタマイズ １０．RSSにサムネ
ノンデザイナーでも一定レベルのデザインができるようになる基礎知識・サービスまとめ
ホームページを運営し、改善施策を実行していくなかで、ホームページ内のデザインの微修正や画像の追加が必要になる場面が多々あるのではないでしょうか。 外部や社内のデザイナーに依頼する際は、仕様書を作成して、修正内容を確認して、修正されたら成果物をチェックして、必要があれば再度修正依頼をして…と、ちょっとした修正でも思った以上に工数がかかってしまう場合があります。 そんな時、ちょっとした修正や画像作成であれば自分でできるようになっておくと、上記のような工数を一気に短縮することができます。 今回は、ノンデザイナーでもある程度のレベルのデザインを作成するために役立つ知識やサービスをご紹介します。 1. 【非デザイナー必見！】知っておくべきデザインの基礎法則６つ https://ferret-plus.com/641 デザインは感性によるものが大きいというイメージがあるかもしれませんが、デザインにはい
無料で使える！和風な日本語のフリーフォント37選
目次 やわらか・繊細系の日本語フォント 12種類 力強い太文字系の日本語フォント 8種類 手書き・毛筆系の日本語フォント 6種類 レトロ系の日本語フォント 3種類 コミック系の日本語フォント 2種類 民芸風の日本語フォント 2種類 変わり種の日本語フォント 4種類 フォントを利用する際は必ず規約の確認を 商用利用の可否や条件については調査し記載していますが、商用利用のみ有料版の購入が必要だったり、配布元への連絡だったりする必要なケースもあります。ご利用の際は、必ずフォント配布元サイトで利用規約をご確認ください。 1. やわらか・繊細系の日本語フォント 12種類 落ち着いた優しいデザインにマッチする、繊細なフォントを集めました。癖が強くなく使いやすいものが多いので、重宝できます。 イマジン・ヨコハマフォント イマジン・ヨコハマフォント ひらがな・カタカナに加え、横浜市に関連する漢字が使えます
サーバーなしでウェブサイトを構築、運営できる「Yoozon」ステージング環境にも最適
クライアントへステージング段階にあるサイトを共有するようなケースで、わざわざサーバーをセットアップするのはなかなか面倒なもの。ならば既存の環境を使えば良いとはいえ、既存環境の下位ディレクトリで無理やりパスを合わせたりなんてことも手間がかかりますし、ミスを誘うことにもなりかねないものです。 今回は、そういった手間を省き、Dropboxを使ってうまいこと組んでみたサイトを共有できるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Dropboxを使ってサーバーセットアップなしでテストサイトを共有できる「Yoozon」 「Yoozon」は、Dropboxを使うことで、サーバーを用意することなくウェブサイトやサービスを構築、共有できるサービス。月間300Visitまでは無料で使うこ
[CSS]アイデアが面白い！画像無しで、かわいいデザインのラベルをスタイルシートで実装するテクニック | コリス
ペロっとかぶさっているようなかわいいデザインのラベルを画像無し、CSSで実装したテクニックを紹介します。 カード状のコンテンツにも画像に使っても面白そうです。 Label Overlay 実装は、こんな感じ。 HTML ラベルは画像無し、spanを2つ使用して実装しています。 <div class="product"> <div class="product-image"> <span class="onsale-section"><span class="onsale">ラベル</span></span> </div> </div> CSS spanの:before, :afterを使用して、かわいいラベルをスタイルします。 .product { width: 300px; font-family: sans-serif; margin: 2%; } .product-image { b
![[CSS]アイデアが面白い！画像無しで、かわいいデザインのラベルをスタイルシートで実装するテクニック | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/c21b91df793bdfd952ca3527e90f163fc25cc367/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015022301.png)
『Weafo』WindowsでもMacでもOK！iPhoneからPCへ各種ファイルを送れるアプリが超便利 | カミアプ | AppleのニュースやIT系の情報をお届け
『Weafo』WindowsでもMacでもOK！iPhoneからPCへ各種ファイルを送れるアプリが超便利 こんにちは、SHANです。 iPhoneやiPadなどのiOSを搭載しているデバイスからPCへのファイルの共有は、メールやストレージを使った方法がありますが、ササッと共有することができなかったり、ファイル形式によっては転送できなかったりして不便ですよね…。 でも、Wi-Fiを利用してどんなファイルでも簡単に共有することができる『Weafo』を使えば超カンタン。MacユーザーでもWindowsユーザーでも、好きなファイルをガンガン共有できますよ〜！ PC側でクライアントソフトをインストールする必要がない ファイルの転送アプリと聞くと、通常ではPCにも同じクライアントのソフトをダウンロードする必要があったりしてなかなか面倒ですよね。しかし『Weafo』なら、iPhoneにアプリをインストー
フリーランスWebデザイナーという職業も無くなる4つの理由 デザイン会社 ビートラックス: ブログ
全ての事柄のデジタル化が進む中で、Webやインターネットの重要性が年々高まっている事は間違いないだろう。それに伴い、関連する業種や職業に対する需要が高まるのは必然と考えられる。 例えばWebやアプリを製作する為のデザイナーやエンジニアは、紙媒体や組み込み型ソフトウェア向けのそれに比べても必要性が格段に高いとされ、キャリアアップをする場合は新しい技術の習得が求められる。 その一方で、以前に「アメリカでWeb制作会社が存在出来ない5つの理由」で説明させて頂いたとおり、実はこちらサンフランシスコ、シリコンバレー地域では、”Web制作” をメインのビジネスとしている会社はかなり少ない。 むしろ、数年前からビジネスのコアを変換させなければ生き残れない時代に入って来たと言っても間違いないだろう。 絶滅するフリーランスWebデザイナーという職業それでは、フリーランスのWebデザイナーはどうだろうか？We
HTML5とCSS3で何ができるかを実際に動かして学べる「The Expressive Web」
「HTML5」や「CSS3」を導入することで、ウェブサイトの作成やウェブデザインがさらに便利になります。そんなHTML5とCSS3で追加されている新しい要素で「何ができるのか？」ということが、実際に試したり動かしたりしつつ学べるAdobeの「The Expressive Web」です。 HTML5 and CSS3 - Adobe - The Expressive Web - Beta http://beta.theexpressiveweb.com/ 「The Expressive Web」は左側に各コンテンツのメニューがあり、1つずつ見ていくことでCSSやHTML5の動作が分かっていくというウェブサイト。一番上の「CSS3 Animations」をクリックすると、青いキャラクターと背景がCSS3アニメーションで動いている様子を見ることができます。CSS3アニメーションはHTMLにキーフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインが楽しくなる良フォントがたくさん！ダウンロードしておきたいフリーフォントのまとめ -2015年2月
おしゃれな区切り線（ボーダー・罫線）にする CSS デザインサンプル | セオリコ