Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Αλεξανδρος

Members
  • Joined

  • Last visited

Everything posted by Αλεξανδρος

  1. Thanks for your replies. @@Lovelessly I've deleted the menus and distracting background. @@Marlenmorlock I've added some content. Now it's the first part of Nils Holgersson and every word has a popover with an iframe to a dictionary site: Nils_Holgersson.html
  2. Clean background (maybe a small pattern like what WDF have?) the make the wrapper white, and the footer. Played around with that a bit: result here I like that your eyes don't have to strain so much to read it, though this background is pretty random maybe. You'll just have to imagine the header/navigation
  3. Thanks for your reply Just imagine an e-book with popovers. Most words would have a popover associated with them. I haven't organized what's inside the popover yet. On the one hand, you want to keep it simple: black text on white background. On the other hand, you want to make it pretty. So I'm trying to strike a balance.
  4. What if you was to category it all' so the page wasnt so long? I suppose you mean the popover? The layout of that isn't that good yet. This is just some stuff thrown together. When I'm done with it I hope to not have a scrollbar at reasonable resolutions. Or if you mean the page itself: this is equivalent to one page in a book. I don't want it to be too long or short. If you make it too long, perhaps readers will feel like they make no progress and the loading time of all the images in the popovers would be too long. Too short and the clicking is endless. With my large type and displaying both Chinese and English, making it not scroll is difficult. You could have Him, Her, She, He, They, them, Their, NOOOOO!!! This is to let learners read/listen to books/content for pleasure. No explicit learning and all that. Clean background (maybe a small pattern like what WDF have?) Why? I don't want it to become boring to look at. It has to be engaging to an 8 year old on their very first visit. I agree that the background picture hampers readability a lot, but without it, at the moment, the black text on a white background just still looks too ugly to me. When I reduce transparancy of the divs, the point of having a background picture is lost because you can't see it anymore, it makes you feel claustrophobic, and the page becomes unbalanced. Clean background (maybe a small pattern like what WDF have?) mmm... if I did that I feel the site would become imbalanced. Now my content div is 49% wide, and it doesn't have a margin to the left to increase the space for it. When a popover is active, you would only see a 2% slice of that in the middle. Imagine this forum but the content not centered but aligned to the left with no margin. That gray pixelated background at the right would become ugly. Maybe it's equivalent, but now [edit: and now I don't know again] instead I'm thinking maybe do a white background and have the content and popovers have a differently colored background. I'd like to get away with having no margins to the right of the content and to the left of the popover. Then also I can place an image or something in the (lower)right. Have an informative front page and then let the site go more in-depth from there. Yeah.
  5. See: webdesignerforum.co.uk/topic/75871-my-first-and-only-website/ I could choose to make it static (using Excel to build pages) but doing it dynamic would be easier as then I'd only need to edit the table (dictionary), not every single html (Excel) file.
  6. Thanks. <?php $query = mysql_query("SELECT definition FROM test_table111 WHERE id = '2' "); WHILE ($rows = mysql_fetch_array($query)): $definition = $rows ['definition']; echo "$definition"; endwhile; ?> Is this then as short and quick as it gets? I'd like to use it hundreds of time on a page.
  7. Thanks for your reply Here is my current version I cant get to that scroll due to when I come off the hover the box goes too. When you moved away from the popover link it would stay active for 0.3 seconds, if in that time you went to the popover it would stay active. Now I've made that 1 second. What age/skill range are you looking at approaching? 7-77 Honestly I personally would possibly go for a more minimalistic theme for the site. Me too! But without a background image it just becomes so boring and ugly. I've been trying for weeks playing with transparencies and different background images. Eventually maybe I'll get there. What if you was to put either English or Chinese in bold text, try give a feel of separation between the two? I'll play around with that. transparency, color, font-weight. Maybe play about with opacity for the main background? I didn't know how to do that for the longest time, or it didn't work somehow. On your suggestion I researched it again. This one has an opacity over the background image (but nothing else) of: body {background:rgba(255,200,200,0.2);} So the colors of it are slightly washed out. If I use a darker opacity on top of it, it looks saturated. You can't overdo it, otherwise it, to me, feels claustrophobic (you want to see what the image looks like without that ugly filter on top of it). I've completely changed the thing again, casual reader, any comments?
  8. <?php $query = mysql_query("SELECT * FROM test_table111 WHERE id = '2' "); WHILE ($rows = mysql_fetch_array($query)): $id = $rows ['id']; $word = $rows ['word']; $definition = $rows ['definition']; echo "$definition"; endwhile; ?> I got the above from a tutorial and it works, but this queries for an entire row, while I only need the single field. I have up to possibly a 1000 queries per single page (depending on how fast this works), so I guess I need to make the queries execute very fast. Do you have any suggestions? I'd think something like: $definition = mysql_query("SELECT definition FROM test_table111 WHERE id = '2' "); echo "definition"; On stackoverflow I've seen this: $result = mysql_query('SELECT title FROM index LIMIT 1'); $field = mysql_result($result, 'title'); ...and other suggestions, but I don't understand that yet.
  9. Hi, A very simple question I think, I'm following the www.codecademy.com tutorial on PHP but I'm impatient. Let's say I have a single table with 3 fields: ID / word / definition How would I echo/print "definition" to my page, using "word" or "ID"? Also, I would make that static, no variables, if I understand that correctly. I'll just write [echo "definition" of "apple"] but then written correctly.
  10. Erm... It looks broken? I see your navigation twice. I have to scroll down the page to see the photos, which I would expect to see almost at the top of the page. Your text also has almost no styling or padding, etc. The photo's generally do look nice and are nicely aligned, they also nicely shrink when I resize my monitor. I don't like the artificial looking shadow on the hats and mugs. The above is a comment on https://imfromyorkshire.com/ This one looks better: http://imfromyorkshire.com/ without the https What I've seen of the rest of the site looks better. I'm curious to see the rest of your background image. Under my account, I only see a logout button, no register or login.
  11. Hi, What do you think of my site? It's not done yet, I've not put in any content yet, but I guess the basic functionality is done. It is a website for (Chinese) English learners. What font-type, size, weight should I use in the text on the page and the popovers (scroll down to the bottom of the page and hover over the words there to see the popovers). Keeping in mind that it is a site for English learners. Can you think of a better font/size/weight to use for the English text? What do you think of the usability of the popovers? And the design of the popovers? I've thought long about how to design them and still am not satisfied - because there's still not that much room for the definitions, and so on. Move your mouse quickly over to the right of the page after you've activated a popover to see it get wider. How do you think the site looks? Can you think of any ideas that might be nice for me to implement? I've made the site responsive at 1500px and 1000px. I know the css isn't that good. I know the footers aren't done yet, although perhaps the animation of them is.
  12. Hmmm, how about this: https://www.youtube.com/watch?v=QvBAu0PJ7A8 Or this: https://www.youtube.com/watch?v=VKWtnut_E50&feature=kp
  13. Thanks I've been browsing there for a while now. This is one of my favorites so far.
  14. I'm out of touch, always. For those who are too, here are the top results for: Above & Beyond, Tiesto, Armin van Buuren, Chicane, Sash! Not bad. Here's a random one I like: In the Hall of the Mountain King. Or not so techno: Robert de Niro's Waiting.
  15. Hi, I'd like to possibly use a several minute long video as the background of my site, probably of nature, maybe of nature in Asia. The stock photo sites I know of usually only have videos that are only a few seconds long. Do you have any suggestions?
  16. I like the font and the white text, I hate the color of the background you've chosen (I see an Apple logo). That single element makes your site ugly to me, without it it would be nice enough. I see in your code: p { color: #ffffff; } h1 { color: #ffffff; } h2 { color: #ffffff; } h3 { color: #ffffff; } h4 { color: #ffffff; } h5 { color: #ffffff; } h6 { color: #ffffff; } a { color: #ffffff; } So much easier to do: p, h1,h2,h3,h4,h5,h6,a{color:#fff;} Or just * {color:#fff;} Or html {.....} body {.....} Someone said something about making your site responsive. That is ridiculously easy if you have a simple site. Say you only want to make the font smaller, you'd just put this at the bottom of your css: @media (max-width: 1000px) { body { font-size: 80%; }} If you had before said body{font-size:100%;} I've been making a site this last week too. I google tidbits I don't know and then try to apply them. This site comes up a lot for me: http://css-tricks.com/almanac/ I see you use a css template. If you're learning I think it's best not to do that. Otherwise you might become convinced that CSS is complicated, while it's not.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.