古いリセットCSSからはもう卒業！ モダンブラウザに最適化された新しいリセットCSS -A (more) Modern CSS Reset
モダンブラウザをターゲットにしたWeb制作では、リセットCSS自体が必要ないかもしれません。とは言っても、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 現在のWeb制作に合わせて制作されたリセットCSSを紹介します。なぜそうするのか、なぜそれを使用しないのか、CSSの知見やテクニックも満載です！ A (more) Modern CSS Reset by Andy Bell 他のリセットCSSが気になる人は、こちらも注目です。 A (more) Modern CSS Resetの前のバージョンも解説しています。 2023年、現在の環境に適したリセットCSSのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに モダンブラウザに適切なデフォルトのリセットCSS 各リセットCSSの解説
素人が半年頑張ってWebサービスを作った話 - 変なサービスを作るのが好き
半年ほどかけてWebサービスのプロトタイプを公開するところにこぎつけたのでその記録をしておこうと思います。 作ったもの 一言で言うと「Webブラウザで閲覧したページの履歴を共有するSNS」です。 History（履歴）を流す（stream）ということでHistreamと名付けました。 Chrome拡張をインストールして、ウィンドウを選択し、オンにするとそのウィンドウで見たページ履歴を自動でアップロードします。 そしてWebサービスでアップロードされた履歴を整理された状態で確認したり、友達の履歴を読めたりします。 Chrome拡張: Histream-Extension - Chrome Web Store Webサービス: https://histream.io 作ろうと思ったきっかけ 今から一年前、大学２年の冬にワンタップダイエットというアプリを作っていました。プログラミングするのはほと
Typo | Odoo
Possible causes Wrong URL Please double check the address. Expired domain If you are the owner, get in touch with our support team. This domain doesn't exist (yet) Register it now! Want to know more about ? Odoo covers all your business needs in a one-stop solution: apps perfectly integrated to each other, allowing you to fully automate your business processes. Odoo Website
【2017年度版】Webエンジニアでも最低限押さえておきたい、SEO施策のまとめと実装 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Webエンジニアでも最低限のSEO知識を持っておきたい ferretやferretOneといったウェブマーケティングのメディア、ツールを開発、運営している株式会社ベーシックで働いており、近々ECサイトphocaseにて本格的にSEO施策を行うので、勉強がてらエンジニアが覚えておくべきだと思ったSEO周りの知識をまとめました。 この記事も書いていたら長くなってしまったので知らない部分をピックアップして読んでいただければと思います。 実装方法やSEO施策の詳細は貼ってあるリンクだけではなく、 別途Googleで検索するなどして複数の意見をイ
【保存版】ワイヤーフレームに使えそうなSketch UIキット30選 | DesignSource
どうも、yohicです。 先日フリーのPSDをご紹介したんですが、そういえば最近Sketchばかり使ってるなあと思いまして。。。 最初はワイヤー描くときだけ使ってたんですが、だんだんデザインもこっちを使うようになってしまいましたね。 結局画像の加工するのでphotoshopが無いと全部はできないのですが、半分以上はSketchで完了してしまうのではないかなと。 どちらにしてもphotoshop使うなら、Sketchいらないじゃないという議論もあったのですが、そこはまた別の機会に書いてみたいと思います。 今回はワイヤーフレームを描くときに使えそうなUIキットを30個選んでみました！ スポンサーリンク webサイトのワイヤーフレーム まずはWebサイトのワイヤーフレームで使えそうなUIキットを10個ほど選んでみました。 01: Atomic Design Template Sketch Res
チェックしておきたい！Web制作に役立つツールとサイト28選 | 構築ツールの最新情報や基礎知識 | 知る・学ぶ | Marketing Bank （マーケティングバンク）
今更聞けない、デジタルマーケティングの基礎知識から、最新のアドテクまで、あなたに役立つ情報をご紹介します。 Webサイト制作はWebマーケティングの基本です。Webサイト制作では、ツールを利用することで効率化できる作業が多くあります。 今回は、ブックマークしておきたいWeb制作に役立つWebサイト・ツールを目的別・場面別でまとめました。 Web制作時に必要な素材やパーツを揃えるのに役立つツール、Webサイト 1.amCharts amChartsは、無料でFlashによるパイチャートや円グラフを作成できるツールです。Flashに関する知識がなくても使えるのが特徴です。 amChartsはグラフ化したいデータなどを設定ファイルに書いていく作業だけで簡単に見た目の優れたグラフを作成できます。 グラフの種類やデザインを調整でき、制作するWebサイトに合ったデザインのグラフを手軽に作りたい場合に役
PHPとは？開発に役立つ使い方、トレンド記事やtips - Qiita
タグの概要・特徴 PHP（PHP: Hypertext Preprocessor）は、1995年にデンマークとカナダのプログラマー、ラスマス・ラードフ（Rasmus Lerdorf）によって開発されたオープンソースのサーバーサイドスクリプト言語です。PHPは、動的なWebページの生成を容易にするために設計されており、HTMLに埋め込んで実行することができます。現在では、広範なWeb開発に使用されており、世界中の多くのWebサイトで利用されています。 PHPは、シンプルな文法と柔軟な構造を持ち、初心者からプロまで幅広い開発者に親しまれています。また、多くのWebフレームワークやコンテンツ管理システム（CMS）で使用され、豊富なライブラリやパッケージが提供されています。 主な用途としては、以下のような分野があります： Webアプリケーション開発: PHPは、動的なWebアプリケーションの開発に
レベル高っ！Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co
カスタマイズしやすいBootstrapフレームワークをベースに、気持ちの良いCSSアニメーションを追加した、高品質HTML5／CSS3テンプレートを配布する、新しいサイト FreeHTML5.Coを今回はご紹介します。 どのテンプレート素材もクオリティーが非常に高く、カスタマイズもしやすく、そのまま運用できるものばかりが揃っています。もちろん、どれも無料でダウンロードでき、あらゆる端末に対応するレスポンシブデザインが特長です。 詳細は以下から。 Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co FreeHTML5.Coでは、利用しているユーザーも多いHTMLフレームワーク Bootstrapをベースに、デザインのアクセントとなるアニメーションエフェクトを採用した、モダンなHTML5/CSS3テンプレートを無料配布しています。 サイト開設から
はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント５つ
スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ！ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない
資金力のない個人がwebメディアを作るなら絶対に外せない考え方 - 一人で始めるメディアビジネス研究所
僕はブログを含め複数のwebメディアを運営してますが、それぞれのwebメディアを作るうえで必ず考えている事があります。 それは、 どんな人が、どういう事で困っていて、どういう情報があると解決するのか。 という事です。 メディア作りの基本は人の困ったを助ける事 簡単に言うと困った人を助けるためのwebメディアという事になります。 ざっくり言うとそんな感じなのですが、それだと掲示板とかのメディアでも解決できますよね。 しかし掲示板では意味がありません。 掲示板メディアだとNAVERまとめやYahoo知恵袋には勝てないからです。 勝てる見込みがないメディアを作ってもダメなんです。 これからメディアを育てていくのであればそういった既存メディアよりも検索結果で上位表示されるようにしなければいけません。 そうなれば必然的にニッチで尚且つロングテールの市場やキーワードを中心としたメディアがベターだと考え
Adobeから自由自在に新しいフォントを作り出せる技術「Project Faces」が登場
ソフトウェア会社のAdobeが、サンフランシスコで開催中の「Adobe Max 2015」で、開発中の新技術を披露する基調講演を行いました。基調講演ではさまざまな新しい技術が紹介されましたが、その中でも特に反響が大きかったのが「Project Faces」という、フォントの骨格を解析して自由自在に新しいフォントを作成できる技術です。 Adobe MAX 2015 - Sneaks - Project Faces - YouTube デザインの際に頭を悩ませることの1つは、そのプロジェクトに適したフォントを選ぶ作業。既存のフォントを使いたくないときは、フォントを変形させたりするのですが、その作業は時間がかかり過ぎるそうです。 その問題を解決すべくAdobeはアプリケーションを開発中。そのアプリケーションのプロトタイプをiPad上で動かすというデモが行われました。スクリーンに大きな「P」が表示
CSSでロールオーバーもどき
CSSでロールオーバーもどき ロールオーバーの際に画像の輝度を上げるやり方がありますけど、CSSで簡単にできます。 XHTMLソース <a href="http://blog.webcreativepark.net"><img src="./tor.gif" alt="to-R"/></a> CSSソース a:hover img{ opacity:0.8; filter: alpha(opacity=80); } サンプル ロールオーバー時にimg要素のopacityプロパティを使い不透明度を下げます。 IEはopacityプロパティに対応していない為、filterを使い不透明度を下げます。 簡単なんで、忙しいときに重宝します。 関連エントリー CSSで実現するスマートなロールオーバー 画像置換 cssで画像をプリロードする方法（改 一番簡単な画像置換の方法 画像置換でメニューを作る 画像
SEOにおける101のよくある間違い - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOコンサルティングサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ イギリスで活躍するSEOエキスパート、デイビッド・ネイラー氏がSEOに関してよくある101の間違いをまとめてくれました。少し前の記事ですが、大半の内容は今でも通用するものばかりです。一読して1つ1つの意見に対してあなたの考えがさっと出てくるようなら、あなたも一流SEOエキスパート？ — SEO Japan この記事は2010年に書かれたものなので、あれから547日経った今となっては少し古い情報である。 読み終わったら是非コメントを残して欲しい。ただし、いくつかのことは時間と共に変化し、ここに書かれていることはもはや正しくないかもしれないということは頭に入れておいて欲しい。 あなた
PHPでMySQLを使う - PHP入門 - ポンクソフト
目次 PHP入門 PHPの概要 PHP環境のインストール(XAMPP)・PHPの設定 PHPの基本・簡単なプログラム 文法１ 文法２ 様々な関数を使う フォームの基本 システム作成 オブジェクト指向 データベースとSQL PHPでMySQLを使う ブログを作る ECサイト（ショッピングサイト）を作る このページの内容 はじめに データベースの準備 レコードの表示 レコードの挿入 レコードの更新 レコードの削除 はじめに この章ではPHPからMySQLのデータベースを操作する方法を解説します。 PDO(PHP Data Objects)クラスを使うと、簡単に汎用的なデータベースアクセスのコードを書くことができます。 レコードの表示はテーブルなどで行をループして行い、レコードの挿入・更新はフォームを介して行うのが一般的です。 データベースの準備 この章では前章の「men」データベースと「udo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き） | Web担当者Forum
*** FTK CREATIVE SYSTEM ***
Engadget | Technology News & Reviews
無料レンタルサーバーcgi-games.com高負荷ＣＧＩ対応
Producing Web » Blog Archive » Web企画を立てる際にリストアップする34の要素
e-riverstyle.com
