全部英語ですが、CSSを使ったレイアウトのテクニックがしっかり学べるコンテンツを紹介します。 Learn CSS Layout コンテンツは最新のモダンブラウザでご覧ください。 以下、簡単な説明を添え
テーマごとにセットとなったアイコンがウェブ上で無料で使えるのが「Icon Fonts」。TwitterやFacebookなどウェブ上のブランドアイコンやピクトグラムを集めたものなどがあり、ファイルをダウンロードしなくても自由にアイコンを使うことが可能です。 We Love Icon Fonts http://weloveiconfonts.com/ ウェブ上で使えるアイコンフォント5種類は以下から。 ◆01:Brandico FacebookやTwitter、Vimeoなど、オンライン上のブランドのアイコン。 ◆02:entypo 250個以上のピクトグラムを集めたアイコンセット。 ◆03:Font Awesome Twitter Bootstrapとマッチするように作られたアイコンセット。 ◆04:Typicons こちらは電話マークやクエスチョンマーク、メールマークなどスタンダードなア
フォルダアイコンやAppleアイコンなどスタンダードなものから、NARUTO、スーパーマリオシリーズ、サウスパークまで、あらゆる種類のアイコン2万個以上の中から好みのPNGアイコンを選択してダウンロードできるのが「PNG Factory」。アイコンセットの種類や作者・カラーなど、検索条件も変えることができ、商用利用可能なアイコンだけを探しだすことも可能です。 PNG Factory - You want cool icons ? We have some ! http://www.pngfactory.net/ アクセスした時はフランス語で表示されているので、トップペー左上の「en」から英語表示に変えます。 トップページの下部には「BROWSE」「SEARCH」「SHERE」という3つのボタンが表示されています。まずはBROWSEをクリック。 すると、アップロードされた順にアイコンがずらっ
[ads1] WordPressはテンプレートも豊富です。無料で利用できるものもたくさんあります。コストが安く済むのもWordPressのメリットですよね。 ……と、思っていたのですが。 最近、ブログのリニューアル作業を経て、考え方が変わりました。「3,000円とか4,000円払ったら飢え死にしちゃう!」という方でなければ、有料のテンプレートをおすすめします!! なぜなら、一目で違いがわかるほどにクオリティが高いからです。 今回は、リニューアル作業時にチェックして回った有料テンプレートのうち、ベスト5を紹介します。すべて、そのまんまでスマートフォンやタブレットに対応するレスポンシブです。 Core Minimalist Photography Portfolio スーパーかっこいい。いきなりTOPページ全面がスライドです。マウスでクリックするとくるくる動き、中央写真のクリックで全画面表示に
こんにちは。寄金です。 いまWordPressで、当WEBマガジン『Handmade Future !』や『FutureCenterNEWS JAPAN』を含め、5つのサイトを運営しています。 ほんの1年前まで、はてなブログやら、一般のブログサービスを使っていたんですが、いまや戻る気は1ミリもありません。一つは「ブログは一生もののツールになるだろう」と考えているから。独自ドメインでコツコツとリンクを積み重ねていけば、検索流入がどんどん増えていきます。自分を知ってもらう優れた手段ですし、さまざまな出会いもあります。10年20年と積み重ねていったとき、必ず自分の財産になっていると思っています。 もう一つは、豊富なプラグインやテンプレートによるカスタマイズ性です。一般のブログサービスでも独自ドメインが利用できるケースがあるんですが、自由度はどうしても劣ります。ブログの目的にそって徹底的に最適化で
スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ!ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない
CSS3アニメーションで、背景を変えたり、ボタンをバウンドさせたり、画像をフェードやフリップで表示したりなどをコピペで実装できるライブラリ、緩急をともなったイージングやトゥイーンの微調整を設定できるオンラインツールをまとめて紹介します。
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 個人的に好きなのは最初のPrimeと4番目のVeneraです、ウェイトも揃ってます。
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ECサイトの売上アップに困っているなら、まず知っておいておきたい簡単な公式がある。 それは、「売上=集客×コンバージョン率×リピート率」だ。 集客力が2倍になれば売上は単純に2倍になる。またコンバージョン率が2倍になった場合も売上は2倍になる。 リピート率も然りだ。そして、この3つの中で、最も簡単に変えられるのがコンバージョン率だ。 そこで本日は、ECサイトのコンバージョン率を倍増させるために、抑えておくべき商品ページの15の要素をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3(+α)回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン/おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道:サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines(埋め込みタイムライン) トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
CSS3 Form Styling Cheat Sheet CSS3でスタイルするテキスト入力欄 CSS3でスタイルするフォームのボタン CSS3でスタイルするテキスト入力欄 HTMLは非常にシンプルです。 classのhogeは、随時変更して利用してください。 HTML <form> <input type="text" class="hoge" /> </form> まずは、ベースとなるスタイルシートです。 CSS: Basic border:0; padding:10px; font-size:1.3em; font-family:Arial, sans-serif; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; width:300px; 枠線を角丸にします。
わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01:"Pizza" UI K
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします! 「HTMLファイ部」創立1周年! 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ!・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます! ツール系のサイト
デザインの仕事をしていたり、フリーペーパーやポスターを作る時にも、無料で自由に使える写真やイラストは重宝します。一定条件の下で作品を自由に使えるCCライセンスの画像も有用なのですが、商用利用やクレジット表記・リンクの可否など制限があり使いづらいことも。そんな時に便利なのが、知的財産権が誰にも帰属しないパブリックドメインの画像を検索閲覧・ダウンロードできる「Pixabay」であり、CCライセンスのように細かい点を気にすることなく自由に画像を使用できます。 Pixabay - パブリックドメイン画像 http://pixabay.com/ テキストボックスに単語を入れて検索ボタンを押すと…… こんな感じでずらっと写真やイラストが並びます。画像は新着順の他、人気順でも表示することが可能。 気になる画像をクリックすると…… 詳細ページへと飛びます。 撮られた日時や使用されたカメラの種類などと共に、
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く