[B! *web制作] tyosuke2011のブックマーク

tyosuke2011 id:tyosuke2011

*web制作に関するtyosuke2011のブックマーク (55)

古いリセット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の解説
tyosuke2011 2023/10/05
CSS

webdesign

あとで読む

web制作

*web制作
リンク
素人が半年頑張ってWebサービスを作った話 - 変なサービスを作るのが好き
半年ほどかけてWebサービスのプロトタイプを公開するところにこぎつけたのでその記録をしておこうと思います。作ったもの一言で言うと﹁Webブラウザで閲覧したページの履歴を共有するSNS﹂です。 History︵履歴︶を流す︵stream︶ということでHistreamと名付けました。 Chrome拡張をインストールして、ウィンドウを選択し、オンにするとそのウィンドウで見たページ履歴を自動でアップロードします。そしてWebサービスでアップロードされた履歴を整理された状態で確認したり、友達の履歴を読めたりします。 Chrome拡張:　Histream-Extension - Chrome Web Store Webサービス:　https://histream.io 作ろうと思ったきっかけ今から一年前、大学2年の冬にワンタップダイエットというアプリを作っていました。プログラミングするのはほと
tyosuke2011 2017/10/29
Chrome 拡張

chrome

あとで読む

*Web制作

webサービス
リンク
http://career-panda.com/design-website-2017
tyosuke2011 2017/08/23
career

*web制作

まとめ

あとで読む

webサービス
リンク
企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き） | Web担当者Forum
tyosuke2011 2017/05/01
cms

*web制作

オープンソース

まとめ

web制作

webサービス
リンク
【2017年度版】Webエンジニアでも最低限押さえておきたい、SEO施策のまとめと実装 - Qiita
Webエンジニアでも最低限のSEO知識を持っておきたいferretやferretOneといったウェブマーケティングのメディア、ツールを開発、運営している株式会社ベーシックで働いており、近々ECサイトphocaseにて本格的にSEO施策を行うので、勉強がてらエンジニアが覚えておくべきだと思ったSEO周りの知識をまとめました。この記事も書いていたら長くなってしまったので知らない部分をピックアップして読んでいただければと思います。実装方法やSEO施策の詳細は貼ってあるリンクだけではなく、別途Googleで検索するなどして複数の意見をインプットすることをおすすめします。 ###★この記事を読むとどうなるかマーケター、ディレクターとのやりとりがスムーズになる。意図せず検索順位を下げてしまうコードに気づける様になる。エンジニア側だけで動けるSEO施策を提案できる様になる。なんとなくSE
tyosuke2011 2017/04/26
2016年

design

*web制作

あとで読む

SEO
リンク
【保存版】ワイヤーフレームに使えそうなSketch UIキット30選 | DesignSource
どうも、yohicです。先日フリーのPSDをご紹介したんですが、そういえば最近Sketchばかり使ってるなあと思いまして。。。最初はワイヤー描くときだけ使ってたんですが、だんだんデザインもこっちを使うようになってしまいましたね。結局画像の加工するのでphotoshopが無いと全部はできないのですが、半分以上はSketchで完了してしまうのではないかなと。どちらにしてもphotoshop使うなら、Sketchいらないじゃないという議論もあったのですが、そこはまた別の機会に書いてみたいと思います。今回はワイヤーフレームを描くときに使えそうなUIキットを30個選んでみました！スポンサーリンク webサイトのワイヤーフレームまずはWebサイトのワイヤーフレームで使えそうなUIキットを10個ほど選んでみました。 01: Atomic Design Template Sketch Res
tyosuke2011 2017/04/25
basic

chrome

design

*webデザイン

*web制作
リンク
チェックしておきたい！Web制作に役立つツールとサイト28選 | 構築ツールの最新情報や基礎知識 | 知る・学ぶ | Marketing Bank （マーケティングバンク）
今更聞けない、デジタルマーケティングの基礎知識から、最新のアドテクまで、あなたに役立つ情報をご紹介します。 Webサイト制作はWebマーケティングの基本です。Webサイト制作では、ツールを利用することで効率化できる作業が多くあります。今回は、ブックマークしておきたいWeb制作に役立つWebサイト・ツールを目的別・場面別でまとめました。 Web制作時に必要な素材やパーツを揃えるのに役立つツール、Webサイト 1.amCharts amChartsは、無料でFlashによるパイチャートや円グラフを作成できるツールです。Flashに関する知識がなくても使えるのが特徴です。 amChartsはグラフ化したいデータなどを設定ファイルに書いていく作業だけで簡単に見た目の優れたグラフを作成できます。グラフの種類やデザインを調整でき、制作するWebサイトに合ったデザインのグラフを手軽に作りたい場合に役
tyosuke2011 2016/08/28
generator

web制作

あとで読む

color

*Web制作
リンク
PHPとは？開発に役立つ使い方、トレンド記事やtips - Qiita
公式サイト: PHP: Hypertext Preprocessor公式リファレンス: PHP: DocumentationWikipedia: PHP (プログラミング言語) - Wikipedia
tyosuke2011 2016/08/22
*web制作

php

Qiita
リンク
*** FTK CREATIVE SYSTEM ***
Captcha security check ftkmusic.com is for sale Please prove you're not a robot View Price Processing
tyosuke2011 2016/08/17
flash

creative

*Web制作

*Music

game
リンク
レベル高っ！Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co
カスタマイズしやすいBootstrapフレームワークをベースに、気持ちの良いCSSアニメーションを追加した、高品質HTML5／CSS3テンプレートを配布する、新しいサイト FreeHTML5.Coを今回はご紹介します。どのテンプレート素材もクオリティーが非常に高く、カスタマイズもしやすく、そのまま運用できるものばかりが揃っています。もちろん、どれも無料でダウンロードでき、あらゆる端末に対応するレスポンシブデザインが特長です。詳細は以下から。 Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co FreeHTML5.Coでは、利用しているユーザーも多いHTMLフレームワーク Bootstrapをベースに、デザインのアクセントとなるアニメーションエフェクトを採用した、モダンなHTML5/CSS3テンプレートを無料配布しています。サイト開設から
tyosuke2011 2016/08/05
CSS3

*web制作

無料

CSS

Bootstrap
リンク
はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント５つ
スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。こんなの当たり前だよ！ということばかりかもしれません。案件やサイトのジャンルによっては当てはまらない
tyosuke2011 2016/07/28
CSS3

CSS

google

*web制作

*webデザイン

スマートフォン
リンク
Engadget | Technology News & Reviews
Parrots in captivity seem to enjoy video-chatting with their friends on Messenger
tyosuke2011 2016/07/25
AR

*web制作

gadget

dev

参考資料
リンク
無料レンタルサーバーcgi-games.com高負荷ＣＧＩ対応
cgi game.comでは、﹁Perl﹂﹁ PHP﹂﹁ Python﹂の3つのPが使えるレンタルサーバです。なんたらかんたら、みたいな説明テキストが欲しいですね。cgi game.comでは、﹁Perl﹂﹁ PHP﹂﹁ Python﹂の3つのPが使えるレンタルサーバです。
tyosuke2011 2016/07/24
cgi

API

*web制作
リンク
資金力のない個人がwebメディアを作るなら絶対に外せない考え方 - 一人で始めるメディアビジネス研究所
僕はブログを含め複数のwebメディアを運営してますが、それぞれのwebメディアを作るうえで必ず考えている事があります。それは、どんな人が、どういう事で困っていて、どういう情報があると解決するのか。という事です。メディア作りの基本は人の困ったを助ける事簡単に言うと困った人を助けるためのwebメディアという事になります。ざっくり言うとそんな感じなのですが、それだと掲示板とかのメディアでも解決できますよね。しかし掲示板では意味がありません。掲示板メディアだとNAVERまとめやYahoo知恵袋には勝てないからです。勝てる見込みがないメディアを作ってもダメなんです。これからメディアを育てていくのであればそういった既存メディアよりも検索結果で上位表示されるようにしなければいけません。そうなれば必然的にニッチで尚且つロングテールの市場やキーワードを中心としたメディアがベターだと考え
tyosuke2011 2016/07/24
Gunosy

*Web制作

*Webデザイン
リンク
Adobeから自由自在に新しいフォントを作り出せる技術「Project Faces」が登場
ソフトウェア会社のAdobeが、サンフランシスコで開催中の﹁Adobe Max 2015﹂で、開発中の新技術を披露する基調講演を行いました。基調講演ではさまざまな新しい技術が紹介されましたが、その中でも特に反響が大きかったのが﹁Project Faces﹂という、フォントの骨格を解析して自由自在に新しいフォントを作成できる技術です。 Adobe MAX 2015 - Sneaks - Project Faces - YouTube デザインの際に頭を悩ませることの1つは、そのプロジェクトに適したフォントを選ぶ作業。既存のフォントを使いたくないときは、フォントを変形させたりするのですが、その作業は時間がかかり過ぎるそうです。その問題を解決すべくAdobeはアプリケーションを開発中。そのアプリケーションのプロトタイプをiPad上で動かすというデモが行われました。スクリーンに大きな﹁P﹂が表示
tyosuke2011 2016/07/23
*WEB制作

design

adobe
リンク
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で画像をプリロードする方法︵改一番簡単な画像置換の方法画像置換でメニューを作る画像
tyosuke2011 2016/07/19
CSS

*web制作
リンク
Producing Web » Blog Archive » Web企画を立てる際にリストアップする34の要素
Webサービスの企画を行う際に、企画書を作られることがあるかと思います。個人で作るサービスであれば作らないこともあるでしょうが、企業として取り組む場合には必要なものです。 via Changes to site permalink page on Flickr - Photo Sharing! なぜ必要かと言えば、プロジェクトメンバーと意識を共有するためです。これがずれていると、プロジェクトの進行方向が徐々にずれていってしまいます。そうならないよう、初志を書き出しておくことで、定期的に見直し、改訂してプロジェクトを進めていくのが重要です。そこで今回は私がWebの企画書︵自分用ではなく、他社への提案用︶を作る際に注意している項目を書き出してみました。実際は、これらを必要に応じて削除/追加したりします。 □ コンセプト最も大事ですね。端的な言葉でサービスの概要を言い表す必要があります。 □
tyosuke2011 2016/07/15
*web制作

Blog
リンク
http://blog.e-riverstyle.com/2011/01/rolewaiaria.html
tyosuke2011 2016/06/30
HTML

WAI-ARIA

HTML5

*Web制作

role
リンク
SEOにおける101のよくある間違い｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
イギリスで活躍するSEOエキスパート、デイビッド・ネイラー氏がSEOに関してよくある101の間違いをまとめてくれました。少し前の記事ですが、大半の内容は今でも通用するものばかりです。一読して1つ1つの意見に対してあなたの考えがさっと出てくるようなら、あなたも一流SEOエキスパート？ — SEO Japan この記事は2010年に書かれたものなので、あれから547日経った今となっては少し古い情報である。読み終わったら是非コメントを残して欲しい。ただし、いくつかのことは時間と共に変化し、ここに書かれていることはもはや正しくないかもしれないということは頭に入れておいて欲しい。あなたが各方面から耳にする“SEOは全然難しいことじゃない”というたわ言に対して、大企業から個人事業主に至るまで会社が10年前と変わらない間違いを犯し続けているのを見るのはおかしなことだ。もしあなたがSEOに携わっている
tyosuke2011 2016/06/28
japan

CSS

*web制作
リンク
PHPでMySQLを使う - PHP入門 - ポンクソフト
目次 PHP入門 PHPの概要 PHP環境のインストール(XAMPP)・PHPの設定 PHPの基本・簡単なプログラム文法１文法２様々な関数を使うフォームの基本システム作成オブジェクト指向データベースとSQL PHPでMySQLを使うブログを作る ECサイト（ショッピングサイト）を作るこのページの内容はじめにデータベースの準備レコードの表示レコードの挿入レコードの更新レコードの削除はじめにこの章ではPHPからMySQLのデータベースを操作する方法を解説します。 PDO(PHP Data Objects)クラスを使うと、簡単に汎用的なデータベースアクセスのコードを書くことができます。レコードの表示はテーブルなどで行をループして行い、レコードの挿入・更新はフォームを介して行うのが一般的です。データベースの準備この章では前章の「men」データベースと「udo
tyosuke2011 2016/06/26
create

database

*web制作

CakePHP
リンク
1 2 3 次のページ