タグ

関連タグで絞り込む (26)

タグの絞り込みを解除

web制作に関するdodorugefuのブックマーク (125)

  • CSS Stock｜Web制作を楽にするCSSコピペサイト

    HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している

  • モバイル幅で作成されたWebサイトの特徴と作例

    2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト！ モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示

    モバイル幅で作成されたWebサイトの特徴と作例

  • 無料WordPressテーマ「Cocoon（コクーン）」を公開しました


    SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。 以前公開したSimplicityの後継となるテーマです︵※後釜ということで完全な互換性はないです︶。 新しくテーマを作成したのは、Simplicity自体元々、個人用に作成したものを公開したテーマだったので、機能を増設するにつれて、多少の無理も出てきて、動作確認が大変になってきたからです。 また、Simplicityは、約4年前に公開したものなんですが、﹁当時のWEB状況﹂と﹁最近のWEB状況﹂に乖離もでてきました。ですので、一度現在の状況に合わせて作り直しておきたかったからです。 元々Simplicity自体、僕が初めてPHPで作成したプログラムだったので、当時はPHPの作法などをよくわかっておらず、書き直したい部分もいろいろ出てきたというのもあります。 こういった複合的な理
    無料WordPressテーマ「Cocoon（コクーン）」を公開しました

  • HTML 5.2の新機能・削除された機能、変更された記述ルールのまとめ


    HTML 5.2は2017年12月14日に勧告︵Recommendation︶され、仕様がRECステージに達しました。これはW3Cメンバーとディレクターの正式な承認を受けたことを意味し、Web制作者として、新しい機能の実装を開始するのに最適な時期になります。 HTML 5.2ではいくつかの新機能と削除された機能があり、記述ルールもいくつか変更され、今までinvalidだったものがvalidになり、新しくinvalidになったものもあります。 すべての変更点はHTML 5.2: Changesで確認することができます。 Web制作に最も影響を与えると思われるいくつかの変更点について説明します。 What's New in HTML 5.2? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 HTML 5.2の新機能 HTML 5.2
    HTML 5.2の新機能・削除された機能、変更された記述ルールのまとめ

  • 無償のデータベースと連携可能！Webサイトもブログも作り放題な「AppDrag」を使ってみた - paiza times

    どうも、まさとらん（@0310lan）です！ 今回は、初心者の方でも簡単にWebサイトやブログなどを作成して公開まで可能な無料のWebサービスをご紹介します！ また、簡単にデータベースを構築したり独自のAPIを作成したりすることも可能で、使い方次第では簡単なWebアプリまで作れるポテンシャルを秘めているのが特徴です。 非常に多機能なサービスということもあり、初心者の方から上級者まで幅広く楽しめるのでぜひ参考にしてみてください！ 【 AppDrag 】 ■「AppDrag」の使い方 それではまず最初に、「AppDrag」がどのようなサービスなのかを実際に使いながら見ていきましょう！ サイトのトップページにある「ボタン」をクリックします。 無料のユーザー登録を行う画面になるので、必要事項を入力していきましょう。 ユーザー名、メルアド、パスワードだけで誰でも簡単に登録できるので便利です。 次に、

    無償のデータベースと連携可能！Webサイトもブログも作り放題な「AppDrag」を使ってみた - paiza times

  • スマホ・モバイルユーザーを意識したブログデザインのカスタマイズ実例 - Life is colourful.


    当ブログは1ヶ月前のGWにデザインを一新した。 スマホユーザーをターゲットにしたデザインカスタマイズで、下の画像のように、ヘッダーのカテゴリメニューや記事下の関連記事一覧をリデザインした。 今回のカスタマイズのこだわったポイント、設計意図を以下にまとめた。 カスタマイズのターゲット スマホユーザー 検索からのユーザー 今回はこの2点をカスタイズターゲットに絞った。 当ブログのアクセスは約97％が自然検索によるもので、全体の7割はモバイルユーザーという状況なので、スマホ表示のカスタマイズを優先した。 もちろんPC表示もカスタイズしたいが、まだ途中で投げ出したままになっている。本文下の関連記事一覧はスマホ表示と共通のデザインを採用しているけれど。 スマホユーザーの特性︵PCユーザーとの比較︶ まずスマホユーザーの特性を整理しておこう。以下の3点を頭に入れつつカスタマイズに臨んだ。 ページの滞在
    スマホ・モバイルユーザーを意識したブログデザインのカスタマイズ実例 - Life is colourful.

  • CSS書きたくなさすぎ問題2017 - DRYな備忘録


    css書きたくない。できればjsも書きたくない。js必要なの嫌。軽くやりたい。という個人の日記です。 参考 Best CSS Frameworks of 2017 | Three29 10 Free Lightweight CSS Frameworks for a Fast Start 2017年にチェックしておきたい、CSSの軽量フレームワークのまとめ | コリス ググれ。 lightweight css framework - Google 検索 Gridだけやりたいやつは除外した。 Bootstrap Materialize mui ︵追記︶UIkit ︵追記︶Semantic UIPure Bulma Skelton Spectre.css Kube Vuetify Fictoan avalanche Beuter Vanilla Milligram InvisCSS Look
    CSS書きたくなさすぎ問題2017 - DRYな備忘録

  • はてなブログのトップページをWordPressの固定フロントページっぽくし、ホームページとして活用する方法 - Minimal Green


    Twitterでちょろっと書いたのですが、はてなブログでもWordPressの固定フロントページっぽくビジネスサイト風のトップページを作ることができます。これではてなブログをビジネスサイトやホームページのように活用することができます。 まずはDEMOページをご覧ください。︵PC向け︶ [:contents] DEMOページ ※このカスタマイズはdisplay:noneを多用しているため、SEOの観点からはあまりおすすめはできません。どうしてもはてなブログから移転したくなくてはてなブログでホームページが作りたい方向けです。出来れば普通にWordPressでやりましょうｗ seopack.jp 別のやり方を書きました。 blog.minimal-green.com ==== トップページ用の記事を作る トップページからサイドバー・日付などを消してシングルカラムにする サイドバーの最新記事やアー
    はてなブログのトップページをWordPressの固定フロントページっぽくし、ホームページとして活用する方法 - Minimal Green

  • 【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳

    ※記事更新から1年以上が経っているため情報が古い可能性があります 当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。 投稿する記事の質は当然意識してきましたが 、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。 そこで今回は、当ブログ「ひつじの雑記帳 」で実践しているカスタマイズ・コード全てを紹介していこうと思います。 当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。 デザイン完成図 使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢

    【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳

  • 日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス


    2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
    日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

  • ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza times


    どうも、まさとらん︵@0310lan︶です。 今回は、マウス操作で簡単に﹁Bootstrap4﹂に対応したWeb制作をブラウザ上で行えるサービス﹁Pingendo﹂をご紹介しようと思います。 以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの﹁Chromeブラウザ﹂からでも利用できるようになりました！ ︻ Pingendo ︼ ﹁Pingendo﹂は、基本的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。 また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています！ ■基本的な使い方！ それでは、実際に﹁Pingendo﹂を使いながら、どのようなサービスなのかを見ていきましょう。 利用するにあたり、面倒な登録やインス
    ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza times

  • 【100万PV達成】雑記ブログでアクセス（PV）アップする方法を全て教える｜今日はヒトデ祭りだぞ！

    レールの上からこんにちは。☆←ヒトデです というわけでサラリーマンをしながら月間100万PV達成しました www.hitode-festival.com うだうだしてるうちに11月になってしまいましたが、7月全体でも100万PV、８月は落ちて90万PVでしたが、9月10月は100万PVに戻りました（10月は120万PVでした） 2017/3月追記。相変わらず100万ＰＶキープ出来ています。1月にはお正月効果もあって158万ＰＶまでいきました！ これを見て 嘘乙！ って人もいると思うけど、まあ、そう思うならそれで良いと思う 特に何かを売りつける気は無いし、サロンへの勧誘もしません。ちなみにここに来るまでサロン等には結局１つも入りませんでした 必要な情報は基本的に全部インターネットに無料で落ちてました この記事がそんな情報の１つになれば幸いです というわけで書いていきまーす あくまで「ブログ」

    【100万PV達成】雑記ブログでアクセス（PV）アップする方法を全て教える｜今日はヒトデ祭りだぞ！

  • ブログ運営に役立つ24の運営テクニックまとめ！ブログで広告収入を稼ぎたいなら、ブログを核としたビジネスモデルをつくりあげよう。 - クレジットカードの読みもの

    この記事は新しいサイトに移転しました。 約3秒後に自動的にリダイレクトします。 リダイレクトしない場合はこちらをクリックしてください。

    ブログ運営に役立つ24の運営テクニックまとめ！ブログで広告収入を稼ぎたいなら、ブログを核としたビジネスモデルをつくりあげよう。 - クレジットカードの読みもの

  • ブログ収入を10万円稼ぐまでにやったこと【具体例、SEO対策、マネタイズなど】


    こんにちは、つっちーです。収益がやっと10万円超えました。 今回は、一つの節目として、どうしても書いておきたかったので、書いておこうと思います。 最初に言っておきますが、10万円は誰でも可能です。 出来る限り包み隠さず書いていこうと思いますので、収益をあげたいと思っている人で、これからブログ始めるという人や伸び悩んでいるという人の参考になれば幸いです。 ※ただし、10万円を超える収益を持っているブログはごまんといます。自身も7桁は超えたので目指せ8桁です！ はじめに ネット上では惜しげもなくノウハウを公開しているところもありますし、詐欺まがいの怪しさ満載のところもあります。ネットに知識のない人はその見極めが出来なかったり、コロッと騙されることもあるかもしれません。結局のところ自分自身で見極めるしかないので、是非色んなサイトを見て下さい。その中に正解があります。 また、収益と言っても、サロン
    ブログ収入を10万円稼ぐまでにやったこと【具体例、SEO対策、マネタイズなど】

  • Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ

    Webサイトのデザインやコーディングは、やるべきタスクが年々増えてきました。それらの手間がかかる面倒な事が楽にできるツールやアプリも年々リリースされています。 これからのWeb制作にどんどん取り入れていきたいツールやアプリを紹介します。 Adobe Experience Design(Adobe XD) Adobe XDはWebサイトやスマホアプリのデザインやプロトタイプを作成するベクターベースのツールで、PhotoshopやIllustratorともスムーズに連携して利用することができます。 以前は「Project Comet」の名称で発表されていた新ツールが、2016年3月に「Adobe Experience Design(Adobe XD)」としてプレビュー版が公開されました。現在はOS X版のみですが、2016年後半にはWindows 10への対応も予定されています。

    Web制作者は絶対チェックしておきたい、デザインやコーディングに取り入れていきたい便利なツールのまとめ

  • 新着の日本語フリーフォントがいっぱい！2016年春最近リリースされた日本語の無料フォントのまとめ

    最近リリースされたひらがな・カタカナ・漢字が使える日本語のフリーフォント、文字数を増やしてバージョンアップされた日本語のフリーフォントを紹介します。 マメロンは漢字がJIS第二水準まで対応しており、特にオススメ！

    新着の日本語フリーフォントがいっぱい！2016年春最近リリースされた日本語の無料フォントのまとめ

  • 必ず読んでおきたい！はてなブログをカスタマイズする際に超参考になる記事まとめ - hacogaki


    この記事は随時更新しております 独自ドメインの登録・設定方法を追加︵2017/8/6︶ おはばんにちわ、みやび︵@miyabi_941︶です。 このはてなブログもそれなりにカスタマイズしてきましたが、カスタマイズする際に多くの先人はてなブロガー様の知恵をお借りしています。 今回はそんな先人様に感謝の意も込めつつ、はてなブログカスタマイズの超参考になる記事をまとめました。 部分別でまとめているので、自分がカスタムしたい箇所から記事を探してみてください。 もくじ もくじ 初期設定 最低限やっておくべきこと ヘッダー部分 グローバルナビゲーション ヘッダー画像 サイドバー部分 サイドバーにバナー画像を設置 サイドバーにTwitterウィジェット︵タイムライン︶を設置 サイドバーにFacebookのLikeBoxを設置 サイドバーにAmazonのランキングを設置 はてなブックマーク人気エントリーを
    必ず読んでおきたい！はてなブログをカスタマイズする際に超参考になる記事まとめ - hacogaki

  • 商用利用OK！2015年にリリースされた無料フォント35


    2015年12月16日 フォント 2015年も残り二週間！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、﹁これは！﹂と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト！ 日本語フォント はれのそら明朝 かしこまりがちな明朝体に丸っこさをプラスしてスッキリ美しく仕上がったフォント。縦書きでもきれいです。JKゴシックL丸っこくてこじんまりとした可愛らしいフォント。少し太くなった﹁JKゴシックM﹂もあります。ちなみにフォント製作者は女子高生ではないようです。 機械彫刻用標準書体フォント 工業的な彫刻によって文字を作成するときの標準としてJISに定められたフォント。サイトではフォントの設計について詳しく紹介されています。 コーポレート・ロゴ 企業や
    商用利用OK！2015年にリリースされた無料フォント35

  • PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ


    スマートフォンの普及で、PCで閲覧するWebサイト︵以下、PCサイト︶に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
    PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ

  • SEOテンプレート「賢威6.2」公式サイト

    賢威の販売は、以下の弊社公式販売サイト『ライダーストア』にて引き続き行っておりますので、ご安心いただければ幸いです。 『賢威』公式販売サイト（ライダーストア）へ ※なお、当ページに辿りつく前の紹介元メール・サイト等で「特典」の説明がされていた場合ご注意ください。 以前のインフォトップでの購入特典は、『ライダーストア』のカートシステムに引き継がれておりません。 紹介元サイト運営者の方にお問い合わせいただければと思います。

    SEOテンプレート「賢威6.2」公式サイト
    dodorugefu
    dodorugefu 2015/02/05
    同じくWordPress対応のHPBとBiNDと比べりゃよくできてるんだろうけどいかんせんレビュー少なすぎ。
    リンク
  • 1 2 3 4 5 6 7 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.