静的なHTMLをWordPressのテーマファイルに変換するオンラインサービス -HTML To WordPress
ごく普通のHTMLでも、BootstrapでつくったHTMLでも、あっという間にWordPressのテーマファイルに変換するオンラインサービスを紹介します。 HTML To WordPress HTML To WordPressは非常にシンプルな操作で、HTMLのフォルダをアップロードするだけで、簡単にWordPressのテーマに変換されます。変換したテーマはプレビューは無料で、テーマのダウンロードは1HTMLごとに$9、制作の手間を考えるとかなり魅力的な価格設定だと思います。 という訳で、静的なHTMLを用意してさっそく試してみました。 用意したHTMLは、こちら。 Land.io -GitHub ダウンロードページ 個人・商用利用、無料。 Bootstrap 4をベースにしたテンプレートで、新しいカードコンポーネントを使い、繊細なアニメーションでコンテンツを魅力的に見せています。 La
著作権に注意！クリエイティブ・コモンズのライセンス全知識を徹底理解しよう！
皆さん、クリエイティブ・コモンズという言葉を聞いたことはありますか？ デザイナーの方は、仕事柄よく耳にするかもしれません。 クリエイティブ・コモンズは、コンテンツを正しく流通させるための活動及び団体名を指します。 作者の意志を反映し、適切にコンテンツが流通する仕組み作りを目的としているクリエイティブ・コモンズはコンテンツを作成する側も利用する側もしっかりと理解しておくべきです。 今回は、クリエイティブ・コモンズの基礎知識を解説します。 クリエイティブ・コモンズとは クリエイティブ・コモンズとは、作者の意志を反映しながら作品の流通を図るための活動全般と、活動する団体を指します。 各国の著作権法に則った活動が行われており、日本においてはクリエイティブ・コモンズ・ジャパンが日本の著作権法に準拠した規定を設けています。 参考：クリエイティブ・コモンズ・ジャパン あらゆるコンテンツは著作権法によって
「ブログカードは死ぬほどクリックされない」はウソ。Ptengineの仕様から見えた真実とは？ - NaeNote
2016 - 12 - 25 「ブログカードは死ぬほどクリックされない」はウソ。Ptengineの仕様から見えた真実とは？ ブログ ブログ-Tips このくらいシェアされています ... ... ... G+ ... ... スポンサーリンク 【お知らせ】 読み込み中・・・ こんにちは、なにごとも検証するクセがあるNAEです。 Ptengine の提供する「ヒートマップ」機能。 Webサイト上の読者のクリックを分析し、ヒートマップとして可視化することでユーザの行動傾向を把握できる便利なサービスです。 最近、ブログをヒートマップ分析した結果をもって 「ブログカードは死ぬほどクリックされない」 と主張する記事を見かけました。 気になったので調べてみたところ、これは 事実誤認 であることがわかりました。 クリックされていないのではなく、単に Ptengineでクリックを検知できていないだけ です
改めてWebサイトの品質について考える
制作における品質とは？ Webサイトにおける品質（クオリティ）とはどういう意味でしょうか。 制作者であれば同じように捉えているかのようにみえる言葉ですが、大きく 2 つの見方があると思います。ひとつは、様々な状況に堪えられるように必要最低限の見た目と操作性を保証するという意味での品質。もうひとつは、与えられた状況の中で最高の見た目と操作性を実現するという意味での品質です。どちらも「品質」という言葉で表現できるものの、見ている方向は大きく異なります。 品質に対する捉え方の違いを考える上で スターバックスの日本サイトと、米国サイトは良い比較になります。いずれもレスポンシブ Web サイトですが、スマートフォンとデスクトップで見た目を大きく変えている日本サイトに対して、米国のアプローチは極めてシンプルです。アイコンの使い方やグラフィックも日本語版のほうがバラエティに富んでいますし、ナビゲーション
無料で使用できる商用利用可能なフリーイラスト配布サイト22個まとめ
最近イラストを探す事があったので、無料でダウンロードできる商用利用可能なイラスト素材の配布サイトをまとめてみました。 Webサイトでの商用利用が可能でも印刷物への利用は不可などサイトによって、ライセンスが異なりますので、ご使用の際は各サイトのライセンスをご確認下さい。（よいイラスト配布サイトを見つけたら随時追記しています。） 無料イラスト かわいいフリー素材集 | いらすとや ふんわりとした優しいイメージのイラストが、季節に関してのもの・イベント事・人物・医療系・学校系など多岐にわたったカテゴリで用意されています。背景が透明なPNGファイルでダウンロードできるので使いやすいです。 商用利用可のベクターイラスト素材集「ピクト缶」 こちらも優しい印象のイラスト配布サイトです。食べ物や人物などいろいろなイラストが背景が透明なPNGファイルとEPSファイルでダウンロードできます。EPSファイルがダ
裾花峡天然温泉宿 うるおい館
【販売は終了しました】月間ラーメン５月号 うるおい館では5月より『月間ラーメン』と称して、NIKKOグループの料理人が毎月オリジナルのラーメンを作り販売いたします！ 初回となる5月はコチラ！！ 調理部のキヨちゃんこと清瀧が作る、『さっぱりレモンの白湯ラーメン』... 【販売は終了しました】年末恒例『パーティーＢＯＸ』のお知らせ 食べて美味しい！見て楽しい！うるおい館・この時期恒例の『パーティーBOX』のご案内です。 年末年始、クリスマスなど、パーティーにピッタリのオードブル。 家族みんなで召し上がっていただける人気のメニューが大集合したBOX... 【お知らせ】YouTubeチャンネル『信州温泉美人』公開され... 信州ご当地タレント、プロデューサーとして活躍中の成美さんが運営の「信州温泉美人（YouTubeチャンネル）」でうるおい館篇が公開されました。 出演のモデルは新保広恵さんです。雪
koshikistay | 甑島（こしきしま）の日常をあじわう滞在
◯ ⼤⼈1-2名様でのご利⽤をオススメしています。 ◯ シャワールーム・洗⾯所、トイレは共⽤になります。 ◯ キッチンの利⽤可。但し、朝⾷・⼣⾷サービスの関係で使⽤できない時間帯もあります。 ◯ 朝⾷「⾖富とひものの朝御膳」のオプション追加の場合は、チェックイン時に必ずお申し付けください。 （¥1,500/⼈） ◯ 駐⾞場：あり
長浜市の料理が名物の料亭旅館・宿泊予約｜しずがたけ光明石の湯 想古亭源内
※全国旅行支援をご利用のお客様へ 予約完了のみでは割引が適用されません。 予約後、上記バナーより「STAYNAVI」のページで必ず割引クーポンを発行して持参ください。 2024/02/03 今日のにゃんず 叔父さん猫と甥っ子猫仲良くお昼寝〓 2023/12/04 報告 12月2日に息子が結婚しました。娘が増えて、毎日が今までにも増して楽しい賑やかな日々です。若女将として覚える事がたくさんありますが、メモを片手に頑張ってくれています。良いご縁に感謝、感謝です。どうぞ皆... 2023/12/04 報告 12月2日に息子が結婚しました。娘が増えて、毎日が今までにも増して楽しい賑やかな日々です。若女将として覚える事がたくさんありますが、メモを片手に頑張ってくれています。良いご縁に感謝、感謝です。どうぞ皆...
html floatの基本 高さを認識させる - Qiita
はじめに htmlの基本のfloatの処理、高さを認識させる手法をまとめます。 html初心者の方ははじめはfloatに壁を感じてしまうかもしれませんが、慣れれば難しいことはありません。 ここで、頭の整理をしましょう。 floatについて floatは左右に要素を回りこませたいときに使います。 注意点としては、floatという名前通り、要素を浮かしているということを忘れてはいけないということです。 floatは浮いているんだ！！ 常にこの意識を持ちましょう。 floatを使った要素の親要素はheight:auto;(デフォルト) では高さ0となってしまいます。これは要素が浮いていて、高さが認識されていないのです。 では、高さを認識させるには？ 目次 1. 親要素にoverflow:hidden; または overflow:auto;を使う 2. floatした要素の直後の要素にclear:
実装が面倒なタイムラインコンテンツを簡単に実装できるスタイルシート -Timelined
垂直に伸びた時間軸にポイントを配置し、そのポイントにコンテンツを紐付かせるタイムラインを簡単に実装できるスタイルシートを紹介します。
株式会社インデックスジャパン
納期の前日に訪れた、スマートフォンサイトのレイアウト崩壊 2013年12月の暮れのできごと。とある不動産HPのスマートフォン用サイトを制作していた。納期まであと１日。コーディングもおおかた終わり、あとは細かいところを修正するのみとなった段階である異変に気づいた。テスト用のiPhoneでレイアウトをチェックしてみると、横スクロールバーが表示されている。スクロールバーをスライドさせると、右にスペースができていた。ちょうどフッターの右端に隙間が空いている。これは急いで直さなくてはならない。 早速、レイアウトしているボックス要素のwidthプロパティをチェックした。すべてwidth: 100% と指定されている。もしかしたら、widthの値を小さくすれば余白はなくなるかもしれない。 width:100%から0.5%単位で小さくしていき、width:95.5%の段階で画面サイズにピッタリと収まった。
web design lab
NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからグラフィックデザイナー兼Webデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり(某通販サイトで３ヶ月連続売り上げTop3を達成、最高順位２位という微妙な感じではあるが...)。趣味はお酒を飲みながらの家でまったり音楽鑑賞と自転車やバイクで行くキャンプやアウトドア系全般。そうそう食べ歩きもね。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて
ハンバーガーメニューと非表示のナビゲーションはUX指標を悪化させる
Webサイトのメインナビゲーションを非表示にすると、発見しやすさはほぼ半減する。その上、タスク達成に時間がかかるようになり、タスクがより難しく感じられるようになる。 Hamburger Menus and Hidden Navigation Hurt UX Metrics by Kara Pernice and Raluca Budiu on June 26, 2016 日本語版2016年9月26日公開 非表示のメニュー（ハンバーガーアイコンなど）と、表示されているメニュー（ページトップを横切る形で置かれたリンクなど）について、定量的なユーザビリティテストをおこなったところ、以下のようなことが明らかになった： 非表示のナビゲーションは発見されにくい。表示されているあるいは部分的に表示されているナビゲーションよりも。 ナビゲーションが非表示だと、ナビゲーションはユーザーから利用されにくくなる
保存版！レスポンシブデザインでできる美しく機能的なギミックをまとめてみた
あなたはただパソコン用のウェブサイトをシングルカラムの縦並びにしただけのレスポンシブデザインを取り入れ、機能性やユーザビリティの低いスマートフォン最適化をしてしまっていませんか？スマートフォン用サイトは、パソコン用サイトとは異なるレイアウト設計やコンテンツ設計が必要となるので、ただ縦並びにしただけでは集客に弱く、また機能性やユーザビリティの低いウェブサイトになってしまいます。 では一体、どのようにすれば「集客に強くユーザビリティや機能性が高いレスポンシブウェブサイト」が実装できるのでしょうか？それは「スマートフォンでの表示にこだわったギミック」を知ることが重要です。ギミックとは仕掛けという意味で、レスポンシブデザインならではのギミックを活用することで本質的なデザインを追求することができるからです。 事実、綿密に設計されたレスポンシブウェブサイトは、ある一定のパターンのギミックが用いられてい
MeDu(めづ) | 梅花酵母から生まれた自然派スキンケア
【3/19～】新生活キャンペーン開催！ 2024.3.18 ／ お知らせ 年末年始の営業について 2023.12.18 ／ お知らせ MeDu〈ローション〉入荷のご案内 2023.11.28 ／ お知らせ 潤い集中ケアキャンペーン 2023.9.15 ／ お知らせ MeDuオンラインストア夏季休業のお知らせ 2023.8.1 ／ お知らせ GW中の営業について 2023.4.13 ／ お知らせ 寒波の影響について 2023.1.24 ／ お知らせ 【1/17～】梅春キャンペーン2023開催！ 2023.1.17 ／ お知らせ 年末年始の営業について 2022.12.23 ／ お知らせ NEXT →
サイト内にうまくInstagramを取り入れてるサイト11選
こんにちわタムラです。 ここ最近雨続きでしたが、やっと晴れ間が見えましたね。 今年は特別に夏が短かった気がしてます。 夏好きの自分としてはちょっと悲しい気持ちです。 今回はインスタグラムをコーポレートサイトや、ポートフォリオページなどに うまく取り入れてるサイトを紹介したいと思います。 インスタグラムのこだわった綺麗な写真が集まりやすいので、 その特性をうまく取り入れてると思ったサイトを集めました。 さぬきうどん未来遺産プロジェクト https://www.sanukiudon-mirai.jp/ #さぬきうどん未来遺産プロジェクト というハッシュタグで、画像を収集してます。 デザインもスッキリしていておしゃれで、新聞を見ているような感覚になります。 うどんが食べたくなるサイトです。 DANCE for 1 don't fight, just move. http://dancefor1.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
could
CS online store - 岡山のデザイン事務所 シファカのセレクトショップ
http://ideahacker.net/2013/12/03/6983/
BLOGOS サービス終了のお知らせ
