650+のよりシンプルでミニマルなwebデザイン – Commit Lab
お久しぶりです。ここ数ヶ月はTwitterやゲームで遊んでばかりで、ブログのことをすっかり忘れていました。今後は肩の力を抜きつつ、初心に戻ってぼちぼち更新していきたいと思います。 しばらくはネタリストに溜まったままのWebデザイン系ブログ記事のまとめや、日記が多くなると思いますがよろしくお願いします。 今回は海外のミニマルなwebデザインのまとめです。まずミニマルとは。 ミニマリズムとは美術・建築などの造形芸術分野において、1960年代のアメリカに登場し主流を占めた傾向、またその創作理論であり、最小限（Minimal)主義（ism）から誕生し、必要最小限を目指す手法である。 ミニマル – Wikipedia 必要最小限のデザインということで、シンプルなイメージとタイポグラフィのバランスが大切になってきます。 [ad#more] タイポグラフィが大切といえば、先日モジックスZeroジャンキー
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
ソースがシンプルなJSによるロールオーバー｜CSS HappyLife
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。（あ、音声ブラウザを配慮したらという場合です） さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
突然クビになった時に、私が行った６＋１のこと。
会社都合で退職した。 通告されたその日にスピード解雇。 きっとそこそこの規模の企業であれば、 社内の人事担当者が手続きや手順を説明してくれるんだろうけれど、 歴史の浅い企業や、中小の企業は全部自分でやらなくちゃいけない。 行き先も決まっていない状態だったから、転職活動を今すぐにでも始めたかったが、 まずはどのような手続き必要かを調べるところから始めなくてはいけなかった。 これがまた面倒だった。 【1】業務引継ぎ PC内のファイル、書類の整理をし、後任に簡単に説明。 何の書類かを付箋紙に書いて「何の案件の資料か」を誰が見ても分かるようにする。 時間がそんなになかったので、担当業務の流れをメールで書いて送信。 【2】公/私物を返却/持ち帰り 名刺、書類等の物はすべて返却。私物のメディアにある電子データも消去。 保険証も返却。 コップやスリッパなどの私物は邪魔になるので持ち帰る。 不要なものは廃
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
The Big Collection Of Free Background Textures | The Jotform Blog
Knowing your resources is important in all aspects of design. You could be working on a new draft and realize you are missing one thing, texture. Textures are not always beautiful by themselves and many can appear quite boring, but when you add texture to your design, it gives that little bit of depth you might be looking for to make the image pop. With a digital camera or intermediate to advanced
初心者が効率良くSEOテクニックを身につける方法 | パシのSEOブログ
SEOテクニックをマスターする事は簡単ではありませんが、それなりの知識をつけそれなりの成果を出す事は難しくありません。 SEOをこれから始める方や、サイト管理の命を受けてSEOに取り組まざるを得なくなった方のために、効率よくSEOスキルを身につけていくための方法をご紹介します。 準備１：本を買う、SEOブログを見る SEOの基礎知識を身につけるためにまずは専門書を購入しましょう。SEOに関する書籍は沢山ありますが、おススメは下記の2冊です。SEOを行う上でCSSの知識は必ず必要となりますので、CSS本も併せて購入しておいた方が良いでしょう。 『検索にガンガンヒットさせるSEOの教科書：（翔泳社 ）』 『現場のプロから学ぶXHTML+CSS：（毎日コミュニケーションズ）』 購入したらとにかく読みます。始めは読み進めても分からない事だらけだと思いますが、とにかく一回読みきります。読み終えたら次
The Essential Photography Effects You Really Need to Know
Photography students and enthusiasts must educate themselves with many technical terms such as aperture, shutter speed, focus and exposure. You’ve probably read enough about that elsewhere, so how about a few photography effects? Your Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW 1. Bokeh Bokeh refers to the aesthetic quality of blur,
20 great corporate websites made with WordPress
If you still need a proof that WordPress can be used to create corporate websites, these websites should convince you. If you think that WordPress shouldn’t be used for this kind of websites, please let me know why in comments. 1. Spotify 2. The picnik blog 3. The Flickr Code blog 4. Network Solutions 5. Samsung Newsroom 6. Verio 7. Jane Monheit 8. Creative Spaces 9. Wilkintie 10. Ecoki 11. Intrid
脱・ド素人！Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 - WEB人
当たり前のSEOからアイデアSEOへ。…記事一覧Webデザイン全般や実際のワークフローについて要点… 脱・ド素人！Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 公開：2009年11月 9日 10:52, 更新：2009年11月 9日 11:37 トラックバック(0) コメント(0) 独学でWebデザインをやってみようとする場合、なぜか作業効率が悪かったり、作ってみたら最初考えていたようなデザインにならなかった、というとはないでしょうか？今回は、そんな人のための「目指すは脱・ド素人！Webデザイン初級ガイド」です。 ちなみに、そおらくこういう人にちょうど良いレベルだと思います。 HTMLやCSSを自分で書いてページを作る事が出来る。 無料ブログなどを少しはカスタマイズできる。 ソフトで簡単なサイトは作れるけれど、Webデザインの業務経験はない。 今まで手順を考えずに適当に思い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
