株式会社オンズのブログ記事一覧

【CSS】意外と知られていない［text-overflow:ellipsis;］の使い方。 CSSの「text-overflow」は、テキストが領域からはみ出ている場合の処理を指定するプロパティです。 表示する文字が多かった場合、省略したことを表すために「...」と表示することが多々ありますが、これがCSSだけで可能になるんです。... 【CSS】意外と知られていない［text-overflow:ellipsis;］の使い方。続きを読む →

【CSS】-webkit-font-smoothing で safari の文字の太さを調節する。 Mac OS 及び iOS の Safari では、他のブラウザと比べて文字が太く表示されます。 本来であればこれを CSS の「font-weight」プロパティで調節したいところですが、残念ながら根本的な解決に至らないケースがほとんど。... 【CSS】-webkit-font-smoothing で safari の文字の太さを調節する。続きを読む →

【WordPress】記事を読むのにかかる所要時間を表示させる方法。 いくつかのブログで「この記事は約〇〇分で読めます」と所要時間を表示させているのを見かけました。 所要時間が表示されていると「今すぐ読む」か「後で読む」かの判断になりますし、訪問者にとって親切ですよね。 そこで当サイトでも導入することに決め、... 【WordPress】記事を読むのにかかる所要時間を表示させる方法。続きを読む →

【JavaScript】リンクの元のページに戻る、ブラウザの「戻る」ボタンと同じ動作。 JavaScript を使って、ウェブサイト上にブラウザの「戻る」ボタンと同じリンクを設置する方法です。 たとえば、動作確認ページやDEMOページなど、コンテンツ量の少ないページは、内容を確認した後、「またすぐに元のページに戻りたい」という... 【JavaScript】リンクの元のページに戻る、ブラウザの「戻る」ボタンと同じ動作。続きを読む →

【ADS】神々しい美しさのジゼル・ブンチェンが水のドレスを身に纏っています。 美しい…。美しすぎる…。 華麗な「水のドレス」を身に纏う美女。 モデルの女性は『Gisele Bündchen（ジゼル・ブンチェン）』です。 サンダルを扱うジゼル自身のブランド『イパネマ・ジゼル・ブンチェン』のためのプロモーション広告ですね... 【ADS】神々しい美しさのジゼル・ブンチェンが水のドレスを身に纏っています。続きを読む →

【ADS】理想と現実 右が理想。左が現実。 ブラジルのビール『SKOL』のプロモーションでした。 これが俺たち男性の理想と現実です。 【ADS】理想と現実続きを読む →

世界で最初に作られたウェブページのHTML 今こうして私たちが使っているインターネットやウェブサイトは、もともとはイギリスの計算機学者 Timothy John Berners-Lee 氏のアイディアが発端となって生み出されたものです。 （※写真がティモシー・ジョン・バーナーズ＝リー... 世界で最初に作られたウェブページのHTML続きを読む →

Google が掲げる 10 の事実。 ネタ的にはちょっと古いんですが、つい先ほど改めて眺めて読んでみて、初心に返ったというか、ある種の感銘を受けたので、こちらのブログでも読者の皆さんとシェアしたいと思います。 この「Google が掲げる 10 の事実」は、実際に Google... Google が掲げる 10 の事実。続きを読む →

【ADS】love what you see. ちょっとセクシーな広告を見つけたので紹介します。 『hedkandi salon』という海外の美容室のプロモーションのようです。 なんだかもう、鏡の中に入り込みたくなっちゃいますよね。 【ADS】love what you see.続きを読む →

ロボット３原則 ロボット工学３原則（ロボットこうがくさんげんそく、Three Laws of Robotics）とは、SF作家アイザック・アシモフのSF小説において、ロボットが従うべきとして示された原則。ロボット三原則とも言われる。人間への安全性、命令への... ロボット３原則続きを読む →

Think different. Here's to the crazy ones. The misfits. The rebels. The trouble-makers. The round pegs in the square holes. The ones who ... Think different.続きを読む →

【社内用】サンプルコード：Flexbox HTMLテンプレート HTML <div class="flex-container flex-container-X"> <div class="flex-item">1</div> <div class="flex-... 【社内用】サンプルコード：Flexbox HTMLテンプレート続きを読む →

【社内用】サンプルコード：HTML円グラフ HTML <div class="pie-chart"> <span>70%</span> </div> CSS .pie-chart { position: relative; width:... 【社内用】サンプルコード：HTML円グラフ続きを読む →

相互リンク 株式会社アシスト 株式会社愛カンパニー 江戸家鳥八 有限会社FDシステム 咲八寫眞館 シモタファーム 株式会社TREE 株式会社テックライン 株式会社トップアイランド 株式会社ネクスト 株式会社パークス 5-bit まつざき整骨院 吉沼睦会... 相互リンク続きを読む →

【社内用】リンク集 管理ウェブサイト 十一屋 四字熟語 cornne サンプル＆テスト用ウェブサイト ONZIEME WP NEO=CLASSIC 【社内用】リンク集続きを読む →

【社内用】採用 ／ 不採用通知のメールのテンプレート 不採用時 基本テンプレート 件名： 【選考結果のご連絡】株式会社オンズ 本文： ●● 様 株式会社オンズの●●と申します。 このたびは数ある企業の中から弊社の求人にご応募いただき、ありがとうございます。 応募書類をもとに慎重に選考した結果、... 【社内用】採用 ／ 不採用通知のメールのテンプレート続きを読む →

【社内用】導入しているアプリ デザイン制作 Illustrator Photoshop Figma コーディング関連 Panic Nova ATOM Github ブラウザ Google Chrome Safari Firefox Vivaldi 社内コミュニケーション... 【社内用】導入しているアプリ続きを読む →

【社内用】サンプル記事 このページは株式会社オンズのブログの記事のサンプルです。 社内向けに書いたものなので、有益な情報はありません。 ウェブサイト制作はのお問い合わせは下のリンクボタンからどうぞ。 オフィシャルサイトへ ↑この罫線はhrタグ。 見出しです。h2タ... 【社内用】サンプル記事続きを読む →

【社内用】納品前のチェックリスト デザイン・コンテンツ関連 テキストに誤字・脱字・スペルミス・機種依存文字がないか？ 意図的ではない表記のゆれがないか（例：WEB・Web・ウェブ）？ 文字の表記が統一されているか（半角・全角、日付の表現など）？ 最終デザインのとおりにコーデ... 【社内用】納品前のチェックリスト続きを読む →

【社内用】ウェブサイト制作のルール レスポンシブデザインについて CSSは基本的にPCファーストで設計 例：@media screen and (max-width:800px) { } レスポンシブは min-width:320px; まで対応する HTML & C... 【社内用】ウェブサイト制作のルール続きを読む →

【社内用】テストサイトの初期設定 サーバーの用意 本番環境 本番環境サーバー側でMySQLデータベースとユーザーを登録する テストサイトにWordPressのインストール テストサーバーにWordPressをアップロード プラグイン『SQLite Integration』を... 【社内用】テストサイトの初期設定続きを読む →

Hello world! これは最初のテスト投稿です。 Hello World! Bonjour le monde! Hallo Welt! Hola Mundo! Olá Mundo! Hallo Wereld! Ahoj světe! Привет мир! D... Hello world!続きを読む →