CSS Tools: Reset CSS
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here a
アニメーションのエフェクトを巧く取りいれたウェブサイトのまとめ
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
デザインやレイアウトの参考になる、管理画面・ダッシュボードのデザインショーケース - NxWorld
Dribbbleで見かけたのを中心に、全体的なデザインや各要素の配置レイアウトなど参考にさせてもらおうと思いメモしていた管理画面・ダッシュボードのデザインが溜まってきたので、自分の整理も兼ねてまとめました。 管理画面やダッシュボードで重要なのは見易さや操作性の高さだと思いますが、デザインにもこだわりたいという場合にいろいろ参考になります。 紹介している中にはデザインをPSDなどの形式でデザイン素材としてダウンロードすることができるものもいくつかあり、ただデザインを見るだけでなく実際にどのようなレイヤースタイルで作成されているかを見たり、それらをベースに自分好みの見栄えに変更することも可能です。 紹介しているデザインでダウンロードできるものを使用する際は、ライセンス等は各自で再度確認してください。
誰でもAndroid 5.0のMaterial DesginをWebに持ち込めるPolymer
誰でもAndroid 5.0のMaterial DesginをWebに持ち込めるPolymer：HTML5アプリ作ろうぜ！（13）（1/4 ページ） Material DesginでWeb ComponentsでオープンソースでレスポンシブなJavaScriptフレームワーク「Polymer」をWeb上で活用するためのチュートリアル記事です。Bootstrapライクなレイアウトを実現するサンプルを交えてインストール方法や使い方を紹介します。
霧島酒造株式会社
2026年2月26日 クロキリクロニクル最新記事公開「安全意識の“自分ごと”化を追求。その施設は、安全という価値を生む。」
LiXUS CORPORATION
品質マネジメントの国際規格であるISO9001:2008を北大阪物流センターにて認証取得。高品位な物流サービスを保証しています。また阪神物流センターにて、労働安全衛生マネジメントシステムの国際規格OHSAS 18001:2007を認証取得し、より安全な職場環境の構築をめざしています。 リクサスの品質方針 総合物流企業として保管・輸送から流通加工に至るまで、一貫した物流システムを提案・構築します。 物流に関する法令、条例、その他当社が同意した協定を遵守します。 「安全・確実・迅速・丁寧」を基本とし、高付加価値で高品質なサービスを提供するため、システムの継続的改善に取り組みます。 社員一人一人が物流品質の維持向上に積極的に取り組めるよう、本方針の周知徹底と品質向上教育に努めます。 この品質方針は、広く一般に公表します。 リクサスの安全衛生方針 安全衛生管理体制を整備し、安全衛生意識の高揚と健康
HTML5 and CSS3 - Adobe - The Expressive Web - Beta
The Expressive Web is an Adobe-curated resource website for the advocacy, support, and advancement of HTML5 and CSS3 web development.Copyright © 2011 Adobe Systems incorporated. All rights reserved. Use of this website signifies your agreement to the Terms of User and Online Privacy Policy. Resources About Adobe and HTML5
差がつくメニューアイコン 25個のCSSアニメーション (1/2)
随所に使用されているアニメーション 美しい建築写真が、存在感のあるタイポグラフィとともに目に飛び込んでくるサイト「Studio Songes（ステュディオ・ソンジュ：スタジオ夢）」。ダイナミックなページ全体の動きに加えて、ページの右上にある小さなメニューアイコンにもユニークな動きが取り入れられている。 メニューアイコンをマウスホバーすると、≡の3本のラインが整列し、クリックすると1本のラインに変化するギミック。CSSアニメーションを活用したサイトでは、こんな小さなメニューアイコンの動きにまでこだわるサイトが増えている。 今回は「Studio Songes」を参考に、CSSアニメーションを使ったメニューの開閉アイコンを作成する。アニメーション自体は小さな動きだが、メニューの開閉という大きな動作への導線でもある。覚えておくときっと役に立つはずだ。 STEP 1：アイコンの初期状態を作る メニュ
新卒採用｜リクルートホールディングス 2019年度新卒採用サイト
チャンスという言葉は、キライだ。 課題という言葉さえも、キライだ。 あえて、「機会」という言葉を選びたい。 答えが見えている、ゴールはつまらない。 問いをイチからつくりだして。 でっかく成功するか、でっかく失敗するか。 そっちの方が、ワクワクしない？ どしゃぶりの機会のなかで。 好奇心のまま駆けだす人がいい。 仲間とぶつかりあって。 自ら変わりつづける人がいい。 リクルートは方法にすぎない。 素直にそう宣言する人がいい。 さあ、あなたはどう躍る？この場所で。 異能よ、あつまれ。
Stronghold - ぼくらの本拠地
AWSWordpress April 5th 2016 Amazon EC2でWordPress – Amazon S3にメディア画像等の静的ファイルを設置する方法 AWSWordpress April 5th 2016 Amazon EC2でWordPress – パーマリンクがうまく動作しない場合 AWSWordpress April 5th 2016 Amazon EC2でWordPress – SSH接続からWordPressのインストールまで AWSWordpress April 4th 2016 AWS Amazon EC2上でWordPressを動作させる方法 – EC2のインスタンス作成からMySQLの設定まで AfterEffects May 25th 2015 After Effects 埋め込み動画/静止画から指定色を透過させ、背景透過のPNG画像（連番）で書き出す方
いろんなブラウザ【5種】でサイト表示のチェックができるWEBサービスinteractive cross-browser testing - ネットの海の渚にて
browserling - interactive cross-browser testing ネットには探せば便利なサービスがあるもので上記のサイトは各種ブラウザで表示がどうなるのか確認ができる。 Internet Explorer Chrome Firefox Safari Opera 上記メジャーブラウザの5種をわざわざ自分のPCにインストールすること無く確認することができる。 さらに嬉しいことはそれぞれのブラウザのバージョンが新旧揃っていることだ。 使い方は簡単だ。 表示させたいURLを入れて好きなブラウザを選ぶ。 新旧のバージョンが出てくるからそれをクリックするだけだ。 しばらくすると入力した条件でエミュレートされる。 （画像では当ブログのURLを入れてSafariのバージョン5.1を選択している） 実際に表示させるとこうなる。（画像はSafari5.1） これを各種ブラウザで繰
HOVERSTAT.ES | The home of alternative web-design.
8 Jan 2026www.anaiis.worldanaiis presents a world that feels simple at first, then quietly expands into playful, poetic layers, with a typographic rosette as navigation. Credits → OB Studio 7 Jan 2026lafour.comA full frame video portfolio with charming mixed media slideshows and subtle but completely charming details, from timestamps baked into the UI to the timeline track image effect.
Grid 日本語版
なぜ、レスポンシブに労力を費やすのか? 私達は全てのデバイスにおいて、スクリーンのサイズや縦横の方向といったユーザーの環境に左右されずに、ウェブサイトが利用しやすくなることを目指しています。 断片化された世界 2013年現在、数千種類のデバイスとスクリーンサイズがインターネットにアクセスしています。それら全てに対して、それぞれレイアウトを設計するのはもはや不可能です。そんなことより、デザインにより流動的なアプローチを取り入れるべきでしょう。 モバイルファースト 最近になって「モバイルファースト」という言葉がそこらじゅうで聞かれるようになりました。その言葉は、モバイル向けのスタイルから始めて、必要とされる時に大きなスクリーンに最適化したスタイルを適用するということを意味します。言い換えると、作成したモバイル向けのスタイルがデフォルトになり、それ以降に書き換える必要はないということです。それは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Online Mockup, Wireframe & UI Prototyping Tool
Snowbird
NERO INC.
Boostra/386 Disc 1
Discover the Global World of Lexus
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
すぐに使いたい！レスポンシブWebデザイン対応の無料HTMLテンプレート10選 | TechAcademyマガジン
