![有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/50cb438026a3f6ecf4a35d96a93d17b3483ec3ac/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-13.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200706281755.gif)
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
「写真素材 足成」は、全国のアマチュアカメラマンが撮影した写真を、写真素材として無料で提供しています。個人、商用を問わず全て無料でお使い頂け、その上、煩わしいクレジットやリンクの表記、ユーザー登録は一切不要。Web、紙、動画他、あらゆる媒体で写真素材としてのご利用が可能です。更新も365日毎日行っております!
Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (
Version 1.4. Made by Mike Plate @mikeplate Source code on GitHub User interface made with Dojo Reference of CSS3 capabilites from Where can I use and QuirksMode Icons from Farm-Fresh Web Icons Font stacks selected from A Way Back Clipboard copying with Zero Clipboard No copyright. Use everything in any way you like. Use this web application to experiment and learn about new css3 capabilities. The
LR icons https://en.lricons.com/ CSS Button Creator https://cssbuttoncreator.com/ Button Maker https://css-tricks.com/examples/ButtonMaker/ CSS Button Generator for your pleasure http://www.dextronet.com/css-buttons-generator/ 2.5dBUTTON http://noht.co.jp/2_5dbutton CSS3 Typeset Style Generator http://www.sciweavers.org/i2style Button X https://www.bestcssbuttongenerator.com/ CSS button generator
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには本体を読み込む必要があります。方法は2つあって、本
CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。 CSS3リファレンス 有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。 CSS-EBLOG 各ブラウザで先行実装しているCSSプロパティがまとめられています。 CSS3 Files 【2010.4.25 追加】海外サイトですが非常に見やすいです。各ブラウザの対応状況の載っていて重宝します。 次にブラウザごとの対応状況を確認するサイトを紹介。 HTML5 & CSS3 READINESS HTML5とCSS3のブラウザごとの適応状況を視覚的に見ることができます。2008年からの年別でも見ることができます。 HTML5 & CSS3 Support こちらもブラウザごとの対応状況がまとめられています。CSS3はプロパティ、セ
Webサイトを作る場合、どこまでのブラウザをカバーすれば良いのかで悩む事も多いと思います。現存する全てのブラウザでストレス無く見えることが最善ですが、コストや手間を考えるとそうも言っていられません。 ただ、100%は難しいとしても訪問者の90%には対応しておいた方が良いでしょう。しかし、訪問者の90%と言ってもサイトの規模や扱っている内容によっても変わってきますので、参考程度にサイト別のブラウザシェアを載せておきます。 以下長くなるので先に、感想を述べておくと、どんなサイトでもIE8が圧倒的なシェアで、IE6と7についてはだいぶ落ちていますが、まだまだチェックは必要でしょう。 Firefoxの勢いは相変わらずで、特にIT系のサイトの場合には、IEを凌駕しています。Google Choromeも順調にシェアを広げているようです。 また、Safariのシェアが伸びている印象を受けます。これはi
10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 必須入力欄は強調する 2. エラーメッセージは分かりやすく 3. クライアントサイドのバリデーション 4. 入力している欄を明示 5. 進捗を明示 6. データの保存やキャッシュ 7. 送信ボタンの文言 8. キャンセルボタン 9. 入力例の記載 10. 垂直に配置 1. 必須入力欄は強調する ユーザーはフォームに入力した後に入力ミス・エラー表示があると、不安を感じたりイライラを募らせるでしょう。まずは、入力欄に「必須」「任意」などを記載して、入力欄が必須なのか任意なのかを明示的にユーザーに伝えるのは安全な方法となります。 2. エラーメッセージは分かりやすく フォームのエラーメッセージは、「あなたが下に必要とさせるフィー
ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう! みよう! みよう! Demo: Bordered Speech Bubble 枠線は単なるsolidなborderで少し角を丸めただけ。 尻尾を付ける :before擬似要素を使う。デモの3番目のサンプルのように、まず枠線と同じ色で三角形を作る。三角形は以前のエントリで書いた手法と同じで、左右のborderをtransparentにすることによって作る。 .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;
先月の記事が相当人気でしたので今月もやります。また今月も人気なら来月もやります。 これは Web サービスに使えると思った情報 Web サービスを作りたくなるアイディア込みの記事 今年こそWebサービスを作りたい人に伝えたい5つのこと(+番外編) – パパパパ この記事は精神からではなく、アイディアから Web サービスを作りたくしてくれる記事でした。私はこの記事を通して以下のことを学んだというか勝手に気づいたのでリストアップしておきますね。 ブログパーツを作って宣伝をする。 自動的に一周するサイクルを考える。 面倒くさいものを作ることで大手に参入されない。 時間を短縮する関係のサービスを作る。 食べログとぐるナビから Web サービスの現在と今後を見る [jp]グルメサイトは転換期に来てるんじゃないかなあという話 この一点に置いて、私は個人的にグルメ系の Web サービスとは誰かが得
2011年02月22日14:20 フリーのフォントで最強は何よ Tweet 1: ケズリス(中部地方):2011/02/20(日) 17:14:38.72 ID:NsTw1bOu0 膨大な異体字を含む漢字約8万字を収録したフリーのTrueTypeフォント「Tフォント」 明朝体・ゴシック体・楷書体の漢字を各78,675字収録 http://www.forest.impress.co.jp/docs/review/20110218_427596.html 「Tフォント」2011-01版 「Tフォント」は、膨大な異体字を含む78,675字を収録した 明朝体・ゴシック体・楷書体のTrueTypeフォント。 Windowsなどに対応するフリーソフトで、現在国産OS開発プロジェクト “TRONプロジェクト”のうち、文字コード の管理および普及促進を行う機関“TRON文字収録センター”の Webサイ
[Web]まどかマギカ風のロゴを生成するジェネレータ 食事内容を変えず運動もせずに中性脂肪を180減らすひとつの方法 【萌え死に注意】かわいい猫たちの動画5選 [Android]消費税8%に対応した計算アプリ [Life]相手の間違いを穏やかに訂正する方法 無料で使えるグループ連絡網「つくるーぷ」先行体験イベントに参加してきた 当ブログについて プロフィール 記事を投稿する 携帯サイト(QRコード) 広告について お問い合わせ IT (9) お知らせ (11) インターネット (267) ウェブサイト (92) ウェブサイト (20) ウェブツール (190) サイト (69) ブラウザ (19) ブラウザ・メール (1) メール (17) 迷惑メール・スパムメール (1) ウェブニュース (4) エンタメ (2) 映画 (1) 芸能 (1) オリーブと博士 (68) IT全般 (3) O
はじめに 本連載では、PHP上で動作するアプリケーションフレームワークの「Zend Framework」について紹介していきます。本連載では、以下の内容を扱う予定です。 Zend Frameworkフレームワークの特徴 Zend Frameworkを利用するための環境設定手順 Hello, Worldアプリケーションの作成/基本的なコンポーネントについての解説 その他Zend Frameworkにおける各種コンポーネントについて 導入の今回は、まずZend Frameworkの特徴と環境設定手順までを紹介します。 対象読者 PHPの基本構文は一通り理解しているが、フレームワークを利用したことはないという方を対象としています。 必要な環境 Zend Frameworkは、PHP5.1.4以降とWebサーバがインストールされている環境で利用可能です。本稿ではWebサーバとしてApache2.2
東ハトの看板商品「キャラメルコーン」が誕生40周年ということで、国民的な人気を誇るマンガ家4組による期間限定パッケージが3月14日より順次発売されます。 「キャラメル・コーン」のパッケージというと、2003年に中田英寿さんなどの手によってリニューアルされ、真っ赤なキャラクターもすっかりおなじみとなりましたが、今回「さくらももこ」「藤子不二雄A」「池田理代子」「手塚プロダクション」という大御所たちがキャラクターの顔に挑んだ結果、それぞれの強烈な個性がパッケージ上に爆発する事態となっています。 国民的マンガ家たちのパッケージは以下から。株式会社 東ハト/商品カタログ/キャラメルコーン まずは通常のキャラメルコーンを見てみます。 側面はこんな感じ。 2011年6月30日まで「おたのしみ缶」プレゼントというキャンペーン中です。 味の解説やローストピーナッツの情報が載っていました。 カロリーは1袋で
YouTubeには教育目的に英会話の講師やグループ、一般の外国人などが、英語学習者のために英会話・英語レッスンの動画を多数アップロードしています。今回はそんなたくさんの動画の中から英語学習に役立つと思われるチャンネルをいくつか紹介したいと思います。 サムネイル画像をクリックするとYouTubeの該当のチャンネルページに飛びます。ページに飛んだら動画一覧や再生リストを利用すると見たい動画が見つかりやすいです。役に立ちそうなチャンネルをたくさん紹介したのでこのページをブックマークしておくと便利です。特に役立ちそうな所は上の方に配置しました。 ○Learning English イギリス人の愉快なおじさんMr.Duncanさんが毎回トピックに沿った様々な英語表現を教えてくれます。世界中を旅行するのが好きだそうで、レッスンの合間合間の雑談も役に立ちます。全ての発言に英語字幕が付いてるのが素晴らしい
フィギュアスケートでは単独での海外遠征や外国人コーチの元での訓練、スケート留学、他の外国籍選手との大会やエキシビショ… Read More »
植物状態の人と、今日も会う。 仕事で。 ナースでぇーす☆命救ってまぁーす☆ って昨日の合コンで言って、「実演!」なんつって脈を測るふりして手を握ったりして、 すごい楽しかったその翌日に、真顔でここにいて、本気で脈を測っている。 その脈はとても規則正しく、きれいに打っているけど、 目の前の人は、目も開けない。いや、たまに半目。なんの意識もない。 何も喋んない。何も食べない。自分で息すらできてない。 人工呼吸器の一定の吸気排気のリズムと、心電図モニターの音と、たくさんの点滴がぐるぐると彼を囲んでいる。 その人は、私の彼氏でもなければ、親御でもない。ただの一期一会。私はこの人を知らない。 ある日、玄関で倒れた。脳出血だったみたい。 1人暮らしで、家族はいなかった。地方から1人出てきて、兄弟からも絶縁されていた。 色々な機関をあたって、やっと連絡先を見つけて連絡を取った家族は 「いやぁ~あの~」を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く